/* Details page: chapters on alternating bands, a sticky chapter bar, a figure per chapter,
   content re-housed in cards, and a plan switcher for the comparison table on phones. */
.scope-page{--chapter-bar-h:52px;--chapter-pad:64px;--card-bg:#fff;--note-bg:var(--sand);--note-ink:var(--nd-ink)}
.scope-page .detail-intro{padding-block:40px 34px}

/* Sticky chapter bar */
.chapter-bar{position:sticky;top:var(--header-height);z-index:19;background:#fcfaf5f0;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.chapter-bar-inner{display:flex;gap:0 24px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.chapter-bar-inner::-webkit-scrollbar{display:none}
.chapter-bar a{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:var(--chapter-bar-h);margin-bottom:-1px;white-space:nowrap;font-size:14px;font-weight:500;color:var(--nd-muted);text-decoration:none;border-bottom:3px solid transparent}
.chapter-bar a i{font:400 11px var(--nd-mono);font-style:normal;color:#a2957f}
.chapter-bar a:hover{color:var(--nd-ink)}
.chapter-bar a[aria-current="true"]{color:var(--nd-ink);border-bottom-color:var(--lime)}
.chapter-bar a[aria-current="true"] i{color:var(--green)}
.chapter-bar a:focus-visible{outline-offset:-3px}

/* Chapters */
.chapter{padding-block:var(--chapter-pad);border-top:1px solid var(--border);scroll-margin-top:calc(var(--chapter-bar-h) + 6px)}
.chapter.is-sand{background:var(--sand);--card-bg:var(--nd-cream);--note-bg:var(--nd-cream)}
.chapter.is-dark{background:var(--forest);color:var(--nd-on-dark);border-top-color:#f5eddd24;--card-bg:#111711;--note-bg:#111711;--note-ink:var(--nd-on-dark)}
.chapter.is-dark h2,.chapter.is-dark h3,.chapter.is-dark h4,.chapter.is-dark p{color:inherit}
.chapter.is-dark .eyebrow{color:var(--lime)}
.chapter.is-dark a{color:inherit}
.chapter.is-dark :focus-visible{outline-color:var(--lime)}
.chapter-card[id],.discovery-details article[id],.support-feature,.monthly-update{scroll-margin-top:calc(var(--chapter-bar-h) + 12px)}

.chapter-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px 56px;align-items:center;margin-bottom:44px}
.chapter-head--solo{grid-template-columns:minmax(0,1fr)}
.chapter-copy .eyebrow{display:flex;align-items:center;gap:12px}
.chapter-index{font:500 12px/1 var(--nd-mono);letter-spacing:0;padding:6px 8px;border:1px solid currentColor;border-radius:999px}
.chapter-head h2{margin:18px 0;max-width:640px}
.chapter-sum{font-size:18px;line-height:1.55;max-width:560px}
.chapter-figure{margin:0;min-width:0;justify-self:end;width:min(100%,520px)}
.chapter-figure .deck-card{width:100%}
.chapter-figure figcaption{margin-top:10px;font-size:12px;line-height:1.5;color:var(--nd-muted)}
.is-dark .chapter-figure figcaption{color:var(--nd-on-dark-muted)}

/* Chapter bodies */
.chapter-bar+.chapter{border-top:0}
.chapter-card h3{font-size:24px;margin-bottom:14px}
.chapter-lead{font-size:18px;line-height:1.6;max-width:880px;margin:0 0 28px}
.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}
.chapter-card{padding:26px 28px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);min-width:0}
.chapter-card p+p{margin-top:14px}
.chapter-card .detail-list{margin-top:4px}
.is-dark .chapter-card{border-color:var(--nd-line-w)}
.chapter .detail-callout{background:var(--note-bg);color:var(--note-ink)}
.is-sand .detail-callout{border:1px solid var(--border)}
.is-dark .detail-callout{border:1px solid var(--nd-line-w)}
.chapter-more{margin-top:34px}
.chapter .chapter-more-title{font-size:14px;font-weight:500;color:var(--nd-muted);margin:0;padding-bottom:10px}
.chapter.is-dark .chapter-more-title{color:var(--nd-on-dark-muted)}
.is-dark .detail-disclosure{border-color:var(--nd-line-w)}
.is-dark .detail-disclosure>p,.is-dark .detail-caption{color:var(--nd-on-dark-muted)}
.is-sand .flow-examples article,.is-sand .ad-allowances article,.is-sand .monthly-update{background:var(--nd-cream);border:1px solid var(--border)}
.is-dark .care-pillars article{background:#111711;border-color:var(--nd-line-w);color:inherit}
.is-dark .care-check-grid article>span{color:var(--lime)}
.is-dark .detail-list{list-style:none;padding-left:0}
.is-dark .detail-list li{position:relative;padding-left:24px}
.is-dark .detail-list li::before{content:'✓';position:absolute;left:0;color:var(--lime)}
.is-dark .care-tools{border-color:var(--nd-line-w)}
.support-feature p{color:var(--nd-on-dark)}
.support-feature .eyebrow{color:var(--lime);margin-bottom:18px}
.scope-page .detail-close{margin:56px 0}
.scope-page .detail-close .button span{margin-left:8px}

/* Comparison table: plan switcher on phones */
.scope-switch{display:none}
.scope-table tbody th .term{text-align:left;text-decoration:underline dotted;text-decoration-color:var(--green);text-decoration-thickness:1px}
.scope-table tbody th .term:hover,.scope-table tbody th .term[aria-expanded="true"]{text-decoration-style:solid}
@media(max-width:850px){
  .scope-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}
  .scope-switch button{display:grid;gap:2px;min-height:54px;padding:8px 6px;border:1px solid var(--border);border-radius:9px;background:var(--nd-cream);color:var(--nd-ink);text-align:center;cursor:pointer}
  .scope-switch b{font-size:13px;font-weight:600}
  .scope-switch span{font:500 10px/1.3 var(--nd-mono);color:var(--nd-muted)}
  .scope-switch [aria-pressed="true"]{background:var(--plan-dark);border-color:var(--plan-dark);color:var(--nd-cream)}
  .scope-switch [aria-pressed="true"] span{color:var(--lime)}
  .scope-compare[data-plan] .table-hint{display:none}
  .scope-compare[data-plan] .scope-table{min-width:0;table-layout:auto}
  .scope-compare[data-plan] .scope-table th:nth-child(n+2),.scope-compare[data-plan] .scope-table td:nth-child(n+2){display:none}
  .scope-compare[data-plan="launching"] .scope-table th:nth-child(2),.scope-compare[data-plan="launching"] .scope-table td:nth-child(2),
  .scope-compare[data-plan="starting"] .scope-table th:nth-child(3),.scope-compare[data-plan="starting"] .scope-table td:nth-child(3),
  .scope-compare[data-plan="growing"] .scope-table th:nth-child(4),.scope-compare[data-plan="growing"] .scope-table td:nth-child(4){display:table-cell}
  .scope-compare[data-plan] .scope-table th:first-child{width:50%}
  .scope-compare[data-plan] .scope-table td:last-child{background:transparent}
  .scope-table th,.scope-table td{padding:12px;font-size:14px}
  .scope-table thead th{font-size:16px}
}

/* Breakpoints */
@media(max-width:950px){
  .scope-page{--chapter-pad:52px;--chapter-bar-h:48px}
  .chapter-head{grid-template-columns:1fr;gap:28px}
  .chapter-figure{justify-self:start;width:min(100%,560px)}
  .chapter-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .chapter-bar-inner{gap:8px;padding-block:8px}
  .chapter-bar a{min-height:36px;padding:0 12px;margin-bottom:0;border:1px solid var(--border);border-radius:999px;font-size:13px}
  .chapter-bar a[aria-current="true"]{background:var(--lime);border-color:var(--lime);color:var(--nd-ink)}
  .chapter-bar a[aria-current="true"] i{color:var(--nd-ink)}
  .chapter-figure{width:100%}
  .chapter-head h2 br{display:none}
  .chapter-card{padding:22px 20px}
  .support-time{font-size:56px}
}
@media(max-width:390px){
  .chapter-head h2{font-size:34px}
  .chapter-sum,.chapter-lead{font-size:16px}
  .support-time{font-size:48px}
  .ad-allowances article>strong{font-size:42px}
  .scope-switch b{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.chapter-bar-inner{scroll-behavior:auto}}
@media print{
  .chapter-bar,.scope-switch,.chapter-figure{display:none}
  .chapter,.chapter.is-sand,.chapter.is-dark{background:none;color:var(--nd-ink);padding-block:24px}
  .chapter.is-dark *{color:inherit}
  .chapter-card{background:none}
  .scope-compare[data-plan] .scope-table th,.scope-compare[data-plan] .scope-table td{display:table-cell}
}