.rb2 { --rb2-gap: 1.5rem; }
.rb2 > .rb2-scene { margin-block: 0; padding: 1rem; border: 1px solid var(--border); border-radius: var(--r-panel); background: var(--surface); }
.rb2 > .rb2-scene + * { margin-block-start: var(--rb2-gap); }
.rb2 .rc-section-head { margin-block-end: 1rem; }
.rb2 .rc-section-head > p { margin-block-end: 0; }
.rb2 h3 { margin-block: 0 .625rem; }
.rb2 :is(p,li,a) { overflow-wrap: break-word; }
.rb2 :is(h2,h3,dt,dd,.rb2-table td) { overflow-wrap: anywhere; }
:where(.rb2) :is(.rb2-base-key,.rb2-calculation-panel,.rb2-source-layout,.rb2-reward-split,.rb2-release-line,.rb2-comparison-notes,.rb2-mode-layout,.rb2-scenario-list,.rb2-ledger-compare,.rb2-reading-groups,.rb2-research-list) { grid-template-columns: minmax(0,1fr); }
.rb2 :is(.rb2-calculation-panel,.rb2-source-layout,.rb2-mode-layout) > * { min-width: 0; }
.rb2 table, .rb2 strong { font-variant-numeric: tabular-nums; }
.rb2 a { text-underline-offset: .2em; }
.rb2 :where(a,button,[tabindex]):focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.rb2-base-key { margin: 0 0 1rem; display: grid; gap: 1rem; }
.rb2-base-key > div { min-width: 0; padding-block-end: 1rem; border-block-end: 1px solid var(--border); }
.rb2-base-key dt { display: flex; align-items: center; gap: .5rem; font-family: var(--font-display); font-size: 1.125rem; font-weight: 700; }
.rb2-base-key dd { margin: .625rem 0 0; color: var(--text-dim); }
.rb2-scroll-cue { display: flex; align-items: center; gap: .5rem; font-size: var(--t-small); color: var(--text-dim); }
.rb2-table-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-panel); scrollbar-color: var(--control-border) var(--surface-alt); }
.rb2-table { border-collapse: collapse; width: 100%; min-width: 50rem; font-size: 1rem; line-height: 1.6; }
.rb2-table caption { padding: .875rem 1rem; text-align: start; font-weight: 700; color: var(--text); background: var(--brand-soft); }
.rb2-table :is(th,td) { padding: 1rem; text-align: start; vertical-align: top; border-block-end: 1px solid var(--border); }
.rb2-table thead th { background: var(--surface-alt); color: var(--text); font-weight: 700; }
.rb2-table tbody th { width: 15%; font-family: var(--font-display); }
.rb2-table tr:last-child :is(th,td) { border-block-end: 0; }
.rb2-inline-note { padding: 1rem; margin-block: 1rem; background: var(--brand-soft); border: 1px solid var(--border); border-radius: var(--r-panel); }
.rb2-inline-note p:last-child { margin-block-end: 0; }
.rb2-calculation-panel { display: grid; gap: 1rem; margin-block: 1.25rem; }
.rb2-input-list { background: var(--surface-alt); border-radius: var(--r-panel); padding: 1rem; }
.rb2-input-list ul { padding-inline-start: 1.25rem; }
.rb2-input-list li + li { margin-block-start: .5rem; }
.rb2-source-layout { display: grid; gap: 1.25rem; align-items: start; }
.rb2-source-layout .evidence-figure { margin: 0; }
.rb2-source-layout .evidence-figure > a { display: block; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--r-panel); overflow: hidden; }
.rb2-source-layout .evidence-figure img { display: block; width: 100%; height: auto; max-height: 31rem; object-fit: contain; }
.rb2-source-layout figcaption { font-size: var(--t-small); color: var(--text-dim); line-height: 1.6; margin-block-start: .75rem; }
.rb2 > .rb2-calendar-scene { background: var(--brand-soft); }
.rb2-reward-split { display: grid; gap: .75rem; margin-block: 1rem; }
.rb2-reward-split > div { padding: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-panel); min-width: 0; }
.rb2-reward-split span { display: block; color: var(--text-dim); }
.rb2-reward-split strong { display: block; color: var(--brand); font-family: var(--font-display); font-size: 2rem; font-weight: 700; }
.rb2-reward-split p { margin: .5rem 0 0; font-size: 1rem; }
.rb2-release-line { list-style: none; padding: 0; margin: 1.25rem 0; display: grid; gap: 1rem; }
.rb2-release-line > li { padding-block-start: .875rem; border-block-start: 2px solid var(--brand); }
.rb2-release-line p { margin: .5rem 0 0; }
.rb2-comparison-notes { display: grid; gap: 1rem; margin-block: 1.25rem; }
.rb2-comparison-notes > article { border-block-start: 1px solid var(--border); padding-block-start: 1rem; min-width: 0; }
.rb2-mode-layout { display: grid; gap: 1.25rem; }
.rb2-mode-matrix { min-width: 0; }
.rb2-mode-matrix dl { margin: 0; border: 1px solid var(--border); border-radius: var(--r-panel); overflow: hidden; }
.rb2-mode-matrix dl > div { display: grid; gap: .375rem; padding: .875rem 1rem; border-block-end: 1px solid var(--border); }
.rb2-mode-matrix dl > div:nth-child(odd) { background: var(--surface-alt); }
.rb2-mode-matrix dl > div:last-child { border-block-end: 0; }
.rb2-mode-matrix dt { font-weight: 700; }
.rb2-mode-matrix dd { margin: 0; }
.rb2 .compact-offer { margin-block: 1.25rem 0; }
.rb2 .compact-offer__brand :is(.rc-brand-logo,.cl-logo,img) { max-width: 100%; }
.rb2-scenario-list { display: grid; gap: 0 1.25rem; }
.rb2-scenario-list > article { min-width: 0; padding-block: 1.125rem; border-block-start: 1px solid var(--border); }
.rb2-scenario-list > article > a { display: inline-flex; align-items: center; gap: .375rem; min-height: var(--tap); font-weight: 700; }
.rb2-scenario-list > article > a .rc-icon { flex: none; }
.rb2-ledger-compare { display: grid; gap: 1rem; margin-block: 1rem; }
.rb2-ledger-compare > article { padding: 1rem; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--r-panel); }
.rb2-ledger-compare > article:last-child { background: var(--brand-soft); }
.rb2-ledger-compare p:last-child { margin-block-end: 0; }
.rb2-tool-rows { border-block-start: 1px solid var(--border); }
.rb2-tool-rows > article { display: grid; grid-template-columns: 1.5rem minmax(0,1fr); gap: .875rem; padding-block: 1.125rem; border-block-end: 1px solid var(--border); }
.rb2-tool-rows > article > .rc-icon { margin-block-start: .2rem; color: var(--brand); }
.rb2-tool-rows p { margin: 0; }
.rb2-reading-groups { display: grid; gap: 1rem; }
.rb2-reading-groups > article { padding-block-start: 1rem; border-block-start: 1px solid var(--border); min-width: 0; }
.rb2-reading-groups ul { padding-inline-start: 1.125rem; margin-block-end: 0; }
.rb2-reading-groups li + li { margin-block-start: .75rem; }
.rb2-reading-groups + a, .rb2-research-list + a { margin-block-start: 1rem; }
.rb2-research-list { display: grid; gap: 1rem; }
.rb2-research-list > article { border-block-start: 1px solid var(--border); padding-block-start: 1rem; min-width: 0; }
.rb2-research-list .rc-text-link { min-height: var(--tap); }
.rb2 .rb2-cover { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-panel); margin-block-end: 1rem; }
  .rb2-scroll-cue { display: none; }
  .rb2-table { min-width: 0; display: block; }
  .rb2-table caption { display: block; }
  .rb2-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .rb2-table tbody { display: block; }
  .rb2-table tr { display: block; border-block-end: 1px solid var(--border); }
  .rb2-table tr:last-child { border-block-end: 0; }
  .rb2-table tbody th { display: block; width: auto; background: var(--surface-alt); padding: .875rem 1rem; border-block-end: 1px solid var(--border); }
  .rb2-table tbody td { display: block; padding: .875rem 1rem; border-block-end: 1px solid var(--border); }
  .rb2-table td::before { content: attr(data-label); display: block; font-size: var(--t-small); color: var(--text-dim); font-weight: 700; margin-block-end: .375rem; }
  .rb2-table tr:last-child th { border-block-end: 1px solid var(--border); }
  .rb2-table tr:last-child td:not(:last-child) { border-block-end: 1px solid var(--border); }
@media (min-width: 768px) {
  .rb2 > .rb2-scene { padding: 1.25rem; }
  .rb2 .rb2-scroll-cue { display: flex; }
  .rb2 .rb2-table { display: table; min-width: 50rem; }
  .rb2 .rb2-table caption { display: table-caption; }
  .rb2 .rb2-table thead { display: table-header-group; position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; }
  .rb2 .rb2-table tbody { display: table-row-group; }
  .rb2 .rb2-table tr { display: table-row; border: 0; }
  .rb2 .rb2-table tbody th { display: table-cell; width: 15%; background: var(--surface); padding: 1rem; }
  .rb2 .rb2-table tbody td { display: table-cell; padding: 1rem; }
  .rb2 .rb2-table td::before { display: none; }
  .rb2 .rb2-table tr:last-child :is(th,td) { border-block-end: 0; }
  .rb2-base-key { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
  .rb2-base-key > div { padding: 0 1.25rem 0 0; border-block-end: 0; border-inline-end: 1px solid var(--border); }
  .rb2-base-key > div:last-child { border: 0; padding: 0; }
  .rb2-calculation-panel { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
  .rb2-source-layout { grid-template-columns: minmax(0,1.1fr) minmax(0,.8fr); gap: 1.5rem; }
  .rb2-reward-split, .rb2-release-line { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .rb2-comparison-notes, .rb2-scenario-list, .rb2-ledger-compare { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rb2-mode-layout { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
  .rb2-reading-groups, .rb2-research-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
}


.rb2 .rb2-hero { grid-template-areas: "copy" "pick" "context"; }
.rb2 .rb2-hero > .rc-hero__copy { grid-area: copy; align-self: end; }
.rb2 .rb2-hero > .rb2-duel-pick { grid-area: pick; gap: .75rem; }
.rb2 .rb2-hero-context { grid-area: context; min-inline-size: 0; align-self: start; }
.rb2 .rb2-hero-context > p { margin-block: .875rem; font-size: 1rem; line-height: 1.65; }
.rb2 .rb2-hero-context ul { display: grid; gap: .625rem; list-style: none; padding: 0; margin: 0; }
.rb2 .rb2-hero-context li { display: flex; gap: .625rem; align-items: start; font-size: .9375rem; line-height: 1.5; margin: 0; }
.rb2 .rb2-hero-context li > .rc-icon { flex: none; color: var(--brand); margin-block-start: .125rem; }
.rb2 :is(.rb2-pick-scope,.rb2-pick-unknowns) { margin: 0; font-size: .9375rem; line-height: 1.5; }
.rb2 .rb2-pick-unknowns { padding-block-start: .625rem; border-block-start: 1px solid var(--border); }
.rb2 .rb2-worked-formula { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--border); border-radius: var(--r-panel); background: var(--brand-soft); }
@media (min-width: 768px) {
  .rb2 .rb2-worked-formula .rc-rakeback-formula { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
  .rb2 .rb2-worked-formula .rc-rakeback-formula__result { border: 0; margin: 0; padding: 0; }
}
@media (min-width: 1024px) {
  .rb2 .rb2-hero { grid-template-areas: "copy pick" "context pick"; row-gap: 0; align-items: start; }
  .rb2 .rb2-worked-formula .rc-rakeback-formula { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .rb2 .rb2-worked-formula .rc-rakeback-formula__result strong { font-size: 1.375rem; }
}

.rb2-table a,.rb2-comparison-notes>article>a{display:inline-flex;align-items:center;min-block-size:24px}