/* Four chapters, scoped to the new homepage section. */
@scope (.client.control) {
/* Shared identity is frozen in baseline.css. All new treatments are scoped. */
:scope { --white: oklch(.99 .005 60); --soft-line: oklch(.8 .015 60); --light-ink: oklch(.79 .014 60); }
:scope [hidden] { display:none!important; }
:scope .wrap { max-width:1200px; margin-inline:auto; }
:scope section { padding-inline:var(--pad); }
:scope h2 { font-size:clamp(2.15rem,3.9vw,3.6rem); line-height:1.1; max-width:25ch; }
:scope h3 { font-size:clamp(1.45rem,2.35vw,2.1rem); line-height:1.15; }
:scope p { max-width:65ch; }
:scope .lead { font-size:clamp(1.08rem,1.5vw,1.24rem); line-height:1.65; color:var(--ink-soft); }
:scope .small { font-size:.85rem; line-height:1.6; color:var(--muted); }
:scope .coral { color:var(--coral-dark); }
:scope .intro { display:grid; grid-template-columns:1.12fr .88fr; gap:70px; align-items:end; padding:72px 0 42px; }
:scope .intro .small { margin-bottom:18px; }
:scope .intro h2+p { margin-top:22px; }
:scope .button { background:var(--coral-dark); color:var(--paper); border:0; box-shadow:none; }
:scope button { cursor:pointer; }
:scope a.text-link { display:inline-flex; padding-block:12px; color:var(--coral-dark); font-weight:600; text-decoration:underline; text-underline-offset:5px; }
:scope [id], #continuation { scroll-margin-top:92px; }
:scope .dark { background:var(--charcoal); color:var(--paper); }
:scope .dark h2,:scope .dark h3 { color:var(--paper); }
:scope .dark .lead,:scope .dark .small { color:var(--light-ink); }
:scope .dark .coral,:scope .dark a.text-link { color:oklch(.8 .11 40); }
:scope .section-title { display:flex; align-items:baseline; justify-content:space-between; gap:30px; margin-bottom:36px; }
:scope .section-title p { max-width:40ch; }
:scope .inline-faq { border-top:1px solid var(--soft-line); }
:scope .inline-faq summary { padding:19px 32px 19px 0; cursor:pointer; list-style:none; font-weight:600; position:relative; }
:scope summary::-webkit-details-marker { display:none; }
:scope .inline-faq summary:after { content:'+'; position:absolute; right:0; color:var(--coral-dark); font-size:1.2rem; }
:scope .inline-faq[open] summary:after { content:'-'; }
:scope .inline-faq p { padding:0 0 22px; color:var(--ink-soft); }
:scope .dark .inline-faq { border-color:oklch(.4 .015 40); }
:scope .dark .inline-faq p { color:var(--light-ink); }
:scope .dark .inline-faq summary:after { color:oklch(.8 .11 40); }
/* 03. A persistent client-side map connects the questions to the decision. */
.control-road { padding-block:65px 0; background:var(--paper); }
.control-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:end; margin-bottom:50px; }
.control-heading .small { margin-bottom:18px; }
.control-layout { display:grid; grid-template-columns:230px 1fr; gap:65px; align-items:start; }
.control-nav { position:sticky; top:105px; padding-bottom:35px; }
.control-nav p { font-size:.8rem; color:var(--muted); padding-bottom:18px; }
.control-nav a { display:grid; grid-template-columns:27px 1fr; gap:10px; align-items:baseline; color:var(--ink-soft); padding:15px 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.control-nav a span { color:var(--muted); font-size:.75rem; }
.control-nav a[aria-current=step] { color:var(--coral-dark); font-weight:600; }
.control-nav a[aria-current=step] span { color:var(--coral-dark); }
.control-chapter { padding:0 0 55px; margin-bottom:48px; border-bottom:1px solid var(--soft-line); }
.control-chapter h3 { font-size:clamp(1.75rem,2.9vw,2.7rem); margin-bottom:22px; max-width:24ch; }
.control-chapter>p { color:var(--ink-soft); }
.continuity-map { margin-top:30px; background:var(--sand); border:1px solid var(--line); border-radius:9px; padding:30px; }
.map-heading { display:flex; justify-content:space-between; gap:15px; margin-bottom:28px; font-size:.8rem; color:var(--muted); }
.continuity-path { display:grid; grid-template-columns:1fr 24px 1.3fr 24px 1fr; gap:8px; align-items:center; }
.continuity-path>div { padding:20px 12px; text-align:center; font-size:.93rem; border:1px solid var(--soft-line); border-radius:5px; }
.continuity-path>div.focus-change { background:var(--charcoal); color:var(--paper); border-color:var(--charcoal); }
.continuity-path .focus-change b { display:block; font-weight:600; color:oklch(.83 .1 40); margin-bottom:8px; }
.continuity-path>span { text-align:center; color:var(--coral-dark); }
.continuity-map>p { margin-top:23px; color:var(--ink-soft); font-size:.9rem; }
.participation { margin-top:30px; display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--soft-line); }
.participation>div { padding:26px 25px 26px 0; }
.participation>div+div { border-left:1px solid var(--soft-line); padding:26px 0 26px 25px; }
.participation b { display:block; color:var(--coral-dark); margin-bottom:16px; font-size:.9rem; }
.participation p { color:var(--ink-soft); }
.proposal-choices { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.proposal-choices button { min-height:46px; padding:10px 17px; background:transparent; border:1px solid var(--soft-line); border-radius:5px; color:var(--ink-soft); }
.proposal-choices button[aria-pressed=true] { background:var(--charcoal); color:var(--paper); border-color:var(--charcoal); }
.proposal-answer { background:var(--sand); padding:27px; border:1px solid var(--line); border-radius:8px; margin-top:15px; min-height:170px; }
.proposal-answer b { display:block; font:600 1.4rem/1.25 var(--font-display); margin-bottom:14px; }
.proposal-answer p { color:var(--ink-soft); }
.ownership-slip { padding:28px; margin-top:26px; border:1px solid var(--soft-line); border-radius:8px; }
.ownership-slip>div { display:flex; gap:16px; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--line); }
.ownership-slip>div:last-child { border:0; }
.ownership-slip span { color:var(--ink-soft); }.ownership-slip b { font-size:.94rem; text-align:right; }
.control-close { background:var(--sand); padding-block:52px; }
.control-close .wrap { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
.control-close h2 { font-size:clamp(1.85rem,3vw,2.6rem); }

:scope .control-road { padding:0; }
.control-heading { background:var(--charcoal); color:var(--paper); padding:60px 0; margin:0; }
.control-heading .lead,.control-heading .small { color:oklch(.82 .014 40); }
.control-heading .coral { color:oklch(.8 .11 40); }
.control-road>.wrap { max-width:none; }
.control-heading { padding-inline:max(var(--pad),calc((100vw - 1200px)/2)); }
.control-layout { display:block; }
.control-chapter { display:grid; grid-template-columns:.85fr 1.15fr; gap:65px; margin:0; padding:54px max(var(--pad),calc((100vw - 1200px)/2)); border-bottom:1px solid var(--line); }
.control-chapter:nth-child(even) { background:var(--sand); }
.chapter-copy { min-width:0; }
.chapter-copy .chapter-question { font-size:.9rem; color:var(--coral-dark); margin-bottom:20px; font-weight:600; }
.chapter-copy h3 { font-size:clamp(1.7rem,2.6vw,2.5rem); max-width:25ch; margin-bottom:20px; }
.chapter-copy>p:not(.chapter-question) { font-size:1rem; line-height:1.65; color:var(--ink-soft); }
.chapter-detail { min-width:0; }
.chapter-detail>div:first-child { margin-top:0; }
.chapter-detail .illustration-note { font-size:.8rem; color:var(--muted); margin-top:15px; }
.participation { gap:24px; }
.participation>div,.participation>div+div { padding:22px 0; border-left:0; }
.participation b { margin-bottom:12px; }
.participation p { font-size:.95rem; }
.proposal-answer { min-height:175px; }
.ownership-slip { background:var(--paper); }
.continuity-path { grid-template-columns:1fr 16px 1.3fr 16px 1fr; gap:4px; }
.continuity-map { padding:24px; }
.continuity-path>div { padding:17px 8px; font-size:.85rem; }
.map-heading { flex-direction:column; gap:5px; }
@media(max-width:900px) {
 .control-heading { grid-template-columns:1fr; gap:22px; }
 .control-chapter { grid-template-columns:1fr; gap:28px; }
 .chapter-copy h3 { max-width:30ch; }
}
@media(max-width:520px) {
 .control-heading { padding-block:45px; }
 .control-chapter { padding-block:40px; }
 .participation { grid-template-columns:1fr; gap:0; }
 .participation>div+div { border-top:1px solid var(--soft-line); }
 .continuity-path { grid-template-columns:1fr; gap:8px; }
 .continuity-path>span { transform:rotate(90deg); }
 .continuity-path>div { font-size:.95rem; }
 .ownership-slip { padding:18px; }
 .ownership-slip>div { flex-direction:column; gap:4px; }
 .ownership-slip b { text-align:left; }
}
}
#your-decision { scroll-margin-top:var(--header-h); }

/* One continuous section: shared surface, alignment and chapter rhythm. */
@scope (.client.control) {
 :scope .control-road { background:var(--paper); padding:64px var(--pad) 56px; border-top:1px solid var(--line); }
 .control-road>.wrap { max-width:1200px; margin-inline:auto; }
 .control-heading { background:transparent; color:var(--ink); padding:0 0 44px; border-bottom:1px solid var(--soft-line); }
 .control-heading .lead,.control-heading .small { color:var(--ink-soft); }
 .control-heading .coral { color:var(--coral-dark); }
 .control-chapter,.control-chapter:nth-child(even) { background:transparent; padding:44px 0; border-bottom:1px solid var(--soft-line); }
 .control-chapter:last-child { padding-bottom:0; border-bottom:0; }
 .chapter-copy .chapter-question { margin-bottom:16px; }
 .chapter-copy h3 { font-size:clamp(1.65rem,2.3vw,2.15rem); }
 .continuity-map,.proposal-answer,.ownership-slip { background:var(--sand); border:1px solid var(--line); border-radius:8px; padding:24px; }
 .change-principle { margin-top:24px; padding-top:22px; border-top:1px solid var(--soft-line); color:var(--ink); font-weight:600; line-height:1.55; }
 .change-example { overflow:hidden; background:var(--sand); border:1px solid var(--line); border-radius:8px; }
 .change-example-head { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:18px 22px; border-bottom:1px solid var(--line); }
 .change-example-head span { color:var(--coral-dark); font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.045em; }
 .change-example-head strong { font:600 1.05rem/1.3 var(--font-display); text-align:right; }
 .change-contrast { display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; }
 .change-side { padding:24px 22px 20px; }
 .change-side-title span { display:block; margin-bottom:7px; color:var(--muted); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.045em; }
 .change-side-title b { display:block; min-height:2.6em; font:600 1.17rem/1.3 var(--font-display); }
 .change-side ol { list-style:none; margin:22px 0 0; padding:0; counter-reset:change-step; }
 .change-side li { position:relative; min-height:44px; padding:0 0 14px 27px; color:var(--ink-soft); font-size:.9rem; line-height:1.42; counter-increment:change-step; }
 .change-side li::before { content:counter(change-step); position:absolute; left:0; top:1px; color:var(--muted); font-size:.69rem; font-weight:700; }
 .change-side li:not(:last-child)::after { content:""; position:absolute; left:5px; top:20px; bottom:2px; width:1px; background:var(--line); }
 .change-side>p { margin-top:7px; padding-top:16px; border-top:1px solid var(--line); color:var(--ink); font-weight:600; font-size:.88rem; line-height:1.48; }
 .change-after { background:var(--charcoal); color:var(--paper); }
 .change-after .change-side-title span { color:oklch(.78 .11 40); }
 .change-after .change-side-title b { color:var(--paper); }
 .change-after li { color:oklch(.83 .012 60); }
 .change-after li::before { color:oklch(.78 .11 40); }
 .change-after li:not(:last-child)::after { background:oklch(.4 .015 40); }
 .change-after>p { color:var(--paper); border-color:oklch(.4 .015 40); }
 .change-divider { position:relative; z-index:1; display:grid; place-items:center; align-self:center; width:38px; height:38px; margin-inline:-19px; color:var(--paper); background:var(--coral); border:4px solid var(--sand); border-radius:50%; font-weight:700; }
 .change-example-note { margin:0; padding:15px 22px; color:var(--muted); background:var(--paper); border-top:1px solid var(--line); font-size:.78rem; line-height:1.5; }
 .participation { background:var(--sand); border:1px solid var(--line); border-radius:8px; padding:24px; gap:24px; }
 .participation>div,.participation>div+div { padding:0; }
 .participation>div+div { border:0; }
 .proposal-choices { margin-bottom:14px; }
 .proposal-answer { margin-top:0; }
 @media(max-width:520px) {
  :scope .control-road { padding-block:44px; }
  .control-heading { padding-bottom:30px; }
  .control-chapter { padding-block:32px; }
  .continuity-map,.proposal-answer,.ownership-slip,.participation { padding:20px; }
  .participation>div+div { padding-top:20px; border-top:1px solid var(--soft-line); }
  .change-example-head { align-items:flex-start; flex-direction:column; gap:5px; }
  .change-example-head strong { text-align:left; }
  .change-contrast { grid-template-columns:1fr; }
  .change-side-title b { min-height:0; }
  .change-divider { transform:rotate(90deg); margin:-19px auto; }
 }
}