/* Reward categories and calculation read as consecutive, independent sections. */
.online-policy .op-rewards-v36,
.online-policy .op-calculation-v36 { margin-top:54px; min-width:0; scroll-margin-top:calc(96px + var(--op-jump-height, 70px) + 24px); }
.online-policy .op-v36-heading { margin-bottom:24px; }
.online-policy .op-v36-heading > p { margin:0 0 10px; color:#EE648D; font:600 10px/1.7 var(--font); letter-spacing:1.7px; }
.online-policy .op-v36-heading > h2 { margin:0; color:#1C1C1C; font:700 clamp(24px,2.6vw,32px)/1.4 var(--font); letter-spacing:-.6px; }
.online-policy .op-reward-tabs-v36 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:6px; margin-bottom:17px; border-radius:16px; background:#fff3f7; }
.online-policy .op-reward-tabs-v36 > button { display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; padding:15px 12px; border:1px solid transparent; border-radius:12px; background:transparent; color:#74616a; font:600 15px/1.5 var(--font); cursor:pointer; transition:background .2s,color .2s; }
.online-policy .op-reward-tabs-v36 > button > svg { width:23px; height:23px; flex:0 0 23px; color:#EE648D; }
.online-policy .op-reward-tabs-v36 > button[aria-selected="true"] { border-color:#f6dbe5; background:#fff; color:#1C1C1C; box-shadow:0 3px 12px #b75b7810; }
.online-policy .op-reward-tabs-v36 > button:hover { background:#fffafd; }
.online-policy .op-reward-tabs-v36 > button:focus-visible,
.online-policy .op-reward-panel-v36:focus-visible { outline:2px solid #EE648D; outline-offset:4px; }
.online-policy .op-reward-panel-v36[hidden] { display:none; }
.online-policy .op-reward-panel-v36 { min-width:0; }
.online-policy .op-rewards-v36 .op-reward-card { display:block; min-width:0; padding:28px; border:1px solid #f3dfe7; border-radius:18px; background:#fff; }
.online-policy .op-rewards-v36 .op-reward-top { justify-content:flex-start; gap:12px; min-height:0; margin-bottom:23px; }
.online-policy .op-rewards-v36 .op-reward-top > .section-heading { margin:0; font:700 21px/1.45 var(--font); letter-spacing:-.4px; }
.online-policy .op-rewards-v36 .op-reward-icon { flex:0 0 38px; width:38px; height:38px; }
.online-policy .op-reward-body-v36 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:30px; }
.online-policy .op-rewards-v36 .op-table-shell { min-width:0; width:100%; margin:0; }
.online-policy .op-rewards-v36 .op-table { width:100%; font:500 15px/1.65 var(--font); font-variant-numeric:tabular-nums; }
.online-policy .op-rewards-v36 .op-table th,
.online-policy .op-rewards-v36 .op-table td { padding:15px 20px; white-space:nowrap; }
.online-policy .op-rewards-v36 .op-table thead th { font:600 12px/1.6 var(--font); }
.online-policy .op-rewards-v36 .op-conditions { min-width:0; padding:0; }
.online-policy .op-rewards-v36 .op-conditions .section-heading { margin:0 0 12px; color:#1C1C1C; font:600 16px/1.6 var(--font); letter-spacing:0; }
.online-policy .op-rewards-v36 .op-conditions .article-list,
.online-policy .op-rewards-v36 .op-conditions .article-list li { margin-top:0; font:400 14px/1.85 var(--font); color:#6c6268; }
.online-policy .op-rewards-v36 .op-conditions .article-list { display:grid; gap:7px; padding-left:18px; margin-bottom:0; }
.online-policy .op-rewards-v36 .op-conditions li::marker { color:#EE648D; }
.online-policy .op-formula-band-v36 { display:flex; align-items:center; gap:17px; padding:24px 26px; border-radius:16px; background:#fff1f6; }
.online-policy .op-formula-band-v36 > span { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:13px; color:#EE648D; background:#fff; }
.online-policy .op-formula-band-v36 > span > svg { width:25px; height:25px; }
.online-policy .op-formula-band-v36 > .op-source-block { min-width:0; }
.online-policy .op-formula-band-v36 .article-list { list-style:none; padding:0; margin:0; color:#1C1C1C; font:600 clamp(16px,1.7vw,20px)/1.75 var(--font); }
.online-policy .op-formula-band-v36 .article-list li { margin:0; padding:0; overflow-wrap:anywhere; }
.online-policy .op-calculation-example-v36 { margin-top:18px; padding:24px 26px; border:1px solid #f3dfe7; border-radius:16px; background:#fff; }
.online-policy .op-calculation-example-v36 > h3 { margin:0 0 14px; color:#1C1C1C; font:700 17px/1.6 var(--font); }
.online-policy .op-calculation-example-v36 .article-paragraph { margin:0 0 12px; color:#6c6268; font:400 14px/1.9 var(--font); overflow-wrap:anywhere; }
.online-policy .op-calculation-example-v36 > .op-source-block:last-child .article-paragraph { margin:0; padding-top:12px; border-top:1px solid #faeaf0; color:#1C1C1C; font-weight:500; }
.online-policy .op-calculation-notes-v36 { margin:20px 4px; }
.online-policy .op-calculation-notes-v36 .article-list { display:grid; gap:8px; margin:0; padding-left:18px; color:#6c6268; font:400 13px/1.85 var(--font); }
.online-policy .op-calculation-notes-v36 li::marker { color:#EE648D; }
.online-policy .op-calculation-v36 > .op-v31-income { margin:20px 0 0; }
@media(max-width:760px) {
  .online-policy .op-reward-body-v36 { grid-template-columns:minmax(0,1fr); gap:24px; }
  .online-policy .op-rewards-v36 .op-reward-card { padding:23px; }
  .online-policy .op-rewards-v36 .op-reward-top > .section-heading { font-size:20px; }
  .online-policy .op-reward-tabs-v36 > button { flex-direction:column; gap:7px; padding:12px 6px; font-size:13px; }
}
@media(max-width:480px) {
  .online-policy .op-rewards-v36,
  .online-policy .op-calculation-v36 { margin-top:42px; }
  .online-policy .op-reward-tabs-v36 { gap:3px; padding:4px; border-radius:13px; }
  .online-policy .op-reward-tabs-v36 > button { font-size:11px; padding:11px 3px; }
  .online-policy .op-rewards-v36 .op-reward-card { padding:21px 17px; }
  .online-policy .op-rewards-v36 .op-reward-top { gap:10px; margin-bottom:19px; }
  .online-policy .op-rewards-v36 .op-reward-top > .section-heading { font-size:18px; }
  .online-policy .op-rewards-v36 .op-table th,
  .online-policy .op-rewards-v36 .op-table td { padding:13px 14px; }
  .online-policy .op-rewards-v36 .op-conditions .article-list,
  .online-policy .op-rewards-v36 .op-conditions .article-list li { font-size:13px; }
  .online-policy .op-formula-band-v36 { align-items:flex-start; gap:12px; padding:20px 17px; }
  .online-policy .op-formula-band-v36 > span { flex-basis:32px; width:32px; height:32px; border-radius:9px; }
  .online-policy .op-formula-band-v36 > span > svg { width:21px; height:21px; }
  .online-policy .op-calculation-example-v36 { padding:21px 17px; }
  .online-policy .op-calculation-example-v36 .article-paragraph { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .online-policy .op-reward-tabs-v36 > button { transition:none; } }
