/* Lower-page chapters extend the approved hero; no hero selector is changed. */
:root{--chapter-display:clamp(44px,4.45vw,64px);--chapter-body:15px;--chapter-radius:5px;--chapter-rule:#ffffff17}
.demo-section,.approach,.understand-section{background:var(--bg);position:relative;isolation:isolate;padding-block:104px 100px;border:0}
.section-kicker{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 24px;font-weight:400}
.section-kicker>i{width:5px;height:5px;flex:none;background:var(--accent);font-style:normal}
.studio-heading,.source-heading,.explain-heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.65fr);align-items:end;gap:60px;margin-bottom:48px}
.studio-heading h2,.source-heading h2,.explain-heading h2{font-size:var(--chapter-display);font-weight:400;line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0}
.studio-heading h2 span,.source-heading h2 span,.explain-heading h2 span{color:var(--accent)}
.studio-heading>p,.source-heading>p,.explain-heading>p{font-size:var(--chapter-body);line-height:1.85;color:var(--muted);max-width:31ch;margin:0 0 4px}
.studio-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,5.6vw,80px)}
.studio-copy{padding-block:12px;max-width:410px}
.studio-switch{display:flex;gap:28px;width:max-content;border-bottom:1px solid var(--chapter-rule);flex-wrap:nowrap}
.studio-switch button{position:relative;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 2px 14px;color:var(--muted);min-height:48px;font-size:14px;gap:10px}
.studio-switch button[aria-pressed=true]{color:var(--accent);background:transparent;border-color:var(--accent)}
.studio-switch button:hover{color:var(--ink)}
.studio-switch button:active{transform:translateY(1px)}
.studio-reading{padding-block:30px 24px;min-height:212px}
.studio-step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.studio-step:before{content:'';height:5px;width:5px;background:var(--accent)}
.studio-reading h3{font-size:clamp(30px,3.05vw,42px);line-height:1.18;font-weight:400;letter-spacing:-.02em;margin:20px 0 18px;text-wrap:balance}
.studio-reading p{font-size:15px;line-height:1.85;max-width:34ch}
.studio-disclosure{max-width:35ch;font-size:11px;line-height:1.85;color:var(--muted)}
.studio-window{border:0;border-radius:var(--chapter-radius);overflow:hidden;background:transparent;box-shadow:none}
.studio-chrome{height:35px;background:#111719;border:1px solid var(--chapter-rule);border-radius:var(--chapter-radius) var(--chapter-radius) 0 0;padding-inline:15px}
.studio-chrome>span:nth-child(2){font-size:10px;color:var(--muted)}
.studio-stage{isolation:isolate;background:transparent;border:1px solid var(--chapter-rule);border-top:0;border-radius:0 0 var(--chapter-radius) var(--chapter-radius);height:420px}
.studio-stage:before{content:'';position:absolute;inset:0 -18%;background:url('/assets/editorial-dots.svg') center/120% auto no-repeat;opacity:.38;pointer-events:none;z-index:-1;mask-image:radial-gradient(ellipse,#000 22%,#0008 56%,transparent 79%);-webkit-mask-image:radial-gradient(ellipse,#000 22%,#0008 56%,transparent 79%)}
.studio-message,.studio-result,.studio-check{background:#141a1d;border:1px solid #c8b2ff29;border-radius:var(--chapter-radius);padding:26px;width:min(100%,390px)}
.studio-sender>.icon{border-radius:var(--chapter-radius);background:#bda6fa0d}
.studio-sender strong{font-size:15px;font-weight:400}.studio-sender small{font-size:11px;margin-top:4px}
.studio-message>p{font-size:16px;line-height:1.85;margin-block:25px 22px}
.studio-link{border:1px solid #bda6fa20;border-radius:3px;background:#bda6fa0c;font-size:12px;padding:12px 13px;min-height:46px}
.studio-link:hover{background:#bda6fa1b}.studio-link:active{transform:translateY(1px)}
.studio-result-title{margin-top:25px}.studio-result h4{font-size:25px;font-weight:400;line-height:1.25;letter-spacing:-.01em}
.studio-result>p{font-size:14px;line-height:1.8}.studio-result-domain{font-size:12px;border-radius:3px}.studio-result-advice{font-size:13px;line-height:1.75}
.studio-result>small,.studio-check>small{font-size:10px}.studio-result-advice>.icon{width:17px;height:17px}
.studio-check-input{border-radius:3px}.studio-check-status{font-size:14px}
.studio-inspect{background:var(--bg);border:1px solid #bda6fa4a;color:var(--accent);border-radius:3px;min-height:44px;font-size:12px}
.studio-inspect:hover{background:#1c1728;border-color:var(--accent)}
.approach>.container:before,.understand-section>.container:before{content:'';display:block;height:1px;background:var(--chapter-rule);margin-top:-104px;margin-bottom:104px}
.source-workbench{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(45px,6.2vw,90px);align-items:start}
.source-selectors{gap:0;padding-top:3px}
.source-selectors>button{min-height:108px;padding:22px 0;border:0;border-bottom:1px solid var(--chapter-rule);border-radius:0;background:transparent;gap:17px}
.source-selectors>button:first-child{border-top:1px solid var(--chapter-rule)}
.source-selectors>button[aria-pressed=true]{background:transparent;border-color:var(--chapter-rule);color:var(--accent)}
.source-selectors>button strong{font-size:20px;font-weight:400;line-height:1.35}.source-selectors>button small{font-size:13px;line-height:1.7;margin-top:7px}
.source-selectors>button>.icon{width:22px;height:22px}.source-selectors>button>.icon:last-child{width:18px;height:18px;transition:transform .18s ease}
.source-selectors>button:hover strong{color:var(--accent)}
.source-selectors>button:hover>.icon:last-child{transform:translateX(4px)}html[dir=rtl] .source-selectors>button:hover>.icon:last-child{transform:translateX(-4px)}
.source-panel{background:transparent;border:0;border-radius:0;padding:0;gap:0;min-height:380px}
.source-input{background:var(--panel);border:1px solid var(--chapter-rule);border-radius:var(--chapter-radius);padding:24px 27px;min-height:160px}
.source-panel-label{font-size:11px;margin-bottom:22px}.source-panel-label small{font-size:10px}
.source-address{font-size:15px;padding-block:9px;line-height:1.7}.source-address bdi{min-width:0;overflow-wrap:anywhere}.source-address>.icon{flex:none}
.source-input>.source-quote{font-size:20px;line-height:1.75;text-wrap:pretty}.source-quote mark{background:#bda6fa17;border-radius:2px;padding-inline:3px}
.source-input>p{font-size:14px;line-height:1.85}.source-quoted-url{font-size:12px}.source-file strong{font-size:15px}.source-file small{font-size:12px}
.source-answer{padding:25px 0 0;border:0}.source-answer-heading{gap:11px}.source-answer-heading strong{font-size:19px;font-weight:400;line-height:1.5}
.source-answer>p{font-size:14px;line-height:1.85;margin-top:11px;max-width:64ch}
.source-next{font-size:14px;line-height:1.8;margin-top:18px;gap:12px}.source-next>.icon{width:17px;height:17px;flex:none}
.understand-section{padding-block:104px 100px}
.explain-heading{margin-bottom:35px}.explain-selectors{gap:32px;margin-bottom:35px}
.explain-selectors>button{font-size:15px;font-weight:400;gap:10px;min-height:48px;padding-block:14px 17px}
.explain-workbench{background:transparent;border:0;border-radius:0;grid-template-columns:.9fr 1.1fr;grid-template-areas:"source result";gap:58px;min-height:330px;overflow:visible}
.explain-source{grid-area:source;background:var(--panel);border:1px solid var(--chapter-rule);border-radius:var(--chapter-radius);padding:28px;align-self:start}
.explain-source-top strong{font-size:15px;font-weight:400}.explain-source-top small{font-size:11px}.explain-source-icon{background:#bda6fa0c;border-radius:var(--chapter-radius)}
.explain-message{font-size:18px;line-height:1.85;margin-block:26px 22px}.explain-destination{font-size:14px;line-height:1.7;padding-block:14px}.explain-source-caption{font-size:11px;line-height:1.8;margin-top:16px;max-width:39ch}
.explain-result{grid-area:result;border:0;background:transparent;padding:14px 0 0;align-self:start}.explain-result-top{margin-bottom:26px}.explain-result-status{font-size:12px;font-weight:400}.explain-response h3{font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin-bottom:12px}
.explain-response-lead{font-size:15px;line-height:1.85;max-width:40ch;margin-bottom:25px}
.explain-evidence-list{gap:22px}.explain-evidence-list strong,.explain-official strong{font-size:15px;font-weight:400;line-height:1.6}.explain-evidence-list p,.explain-official p{font-size:14px;line-height:1.85;margin-top:6px}
.explain-meaning>p{font-size:16px;line-height:1.85}.explain-caution{font-size:13px;line-height:1.85;padding-top:18px}
.explain-next ol{font-size:14px;line-height:1.85;margin-top:20px}.explain-next li+li{margin-top:8px}.explain-footnote{font-size:11px;margin-top:24px;line-height:1.8}
html[data-reduced=true] .studio-switch button,html[data-reduced=true] .source-selectors>button,html[data-reduced=true] .source-selectors>button>.icon:last-child{transition:none}
@media(max-width:1100px){.studio-heading,.source-heading,.explain-heading{gap:35px;grid-template-columns:minmax(0,1.45fr) minmax(0,.7fr)}.studio-grid{gap:35px}.studio-reading h3{font-size:34px}.studio-message,.studio-result,.studio-check{padding:22px}.source-workbench{gap:40px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.source-selectors>button strong{font-size:18px}.explain-workbench{gap:35px}.explain-source{padding:25px}.explain-response h3{font-size:28px}.explain-message{font-size:17px}}
@media(max-width:900px){.studio-heading,.source-heading,.explain-heading{display:block;margin-bottom:32px}.studio-heading h2,.source-heading h2,.explain-heading h2{font-size:48px}.studio-heading>p,.source-heading>p,.explain-heading>p{max-width:45ch;margin-top:23px;font-size:14px}.studio-reading p{font-size:14px}.source-address{font-size:13px}.source-input>.source-quote{font-size:17px}.source-next{font-size:13px}.explain-message{font-size:16px}.explain-response-lead{font-size:14px}.explain-evidence-list p,.explain-official p{font-size:13px}}
@media(max-width:760px){.demo-section,.approach,.understand-section{padding-block:72px 68px}.section-kicker{font-size:10px;gap:8px;margin-bottom:20px}.studio-heading h2,.source-heading h2,.explain-heading h2{font-size:38px;line-height:1.16;letter-spacing:-.02em}.studio-heading>p,.source-heading>p,.explain-heading>p{font-size:14px;line-height:1.85;margin-top:20px;max-width:39ch}.studio-grid{grid-template-columns:1fr;gap:26px}.studio-copy{max-width:none;padding:0}.studio-switch{gap:28px}.studio-switch button{font-size:13px}.studio-reading{padding-block:23px 0;min-height:0}.studio-reading h3{font-size:29px;margin-block:15px 13px}.studio-reading p{font-size:14px;max-width:none}.studio-disclosure{font-size:10px;max-width:none;margin-top:17px}.studio-stage{height:390px;padding:14px}.studio-stage:before{opacity:.35;inset:0 -42%;background-size:auto 80%}.studio-message,.studio-result,.studio-check{padding:22px}.studio-sender strong{font-size:14px}.studio-sender small{font-size:10px}.studio-message>p{font-size:15px;margin-block:24px 20px}.studio-result h4{font-size:23px}.studio-result>p{font-size:13px}.studio-result-advice{font-size:12px}.studio-inspect{font-size:12px;max-width:calc(100% - 20px)}.approach>.container:before,.understand-section>.container:before{margin-top:-72px;margin-bottom:72px}.source-workbench{grid-template-columns:1fr;gap:26px}.source-selectors{gap:9px;padding:0;border-bottom:1px solid var(--chapter-rule)}.source-selectors>button,.source-selectors>button:first-child{padding:12px 4px 18px;border:0;border-bottom:2px solid transparent;min-height:80px;gap:10px}.source-selectors>button[aria-pressed=true]{border-bottom-color:var(--accent)}.source-selectors>button strong{font-size:12px;line-height:1.55}.source-selectors>button>.icon{width:19px;height:19px}.source-panel{min-height:380px}.source-input{padding:22px;min-height:160px}.source-panel-label{margin-bottom:19px}.source-address{font-size:12px;gap:10px}.source-input>.source-quote{font-size:17px;line-height:1.85}.source-input>p{font-size:14px}.source-file strong{font-size:14px}.source-file small{font-size:11px}.source-answer{padding-top:24px}.source-answer-heading strong{font-size:18px}.source-answer>p,.source-next{font-size:13px;line-height:1.85}.explain-selectors{gap:20px;margin-bottom:28px}.explain-selectors>button{font-size:12px;line-height:1.6;min-width:0;flex:1;white-space:normal;justify-content:flex-start;min-height:54px;padding-block:12px 14px}.explain-workbench{grid-template-columns:1fr;grid-template-areas:"result" "source";gap:27px;min-height:0}.explain-source{padding:24px}.explain-message{font-size:16px;margin-block:24px 20px}.explain-destination{font-size:12px}.explain-result{padding:0}.explain-result-top{margin-bottom:22px}.explain-response{min-height:270px}.explain-response h3{font-size:27px}.explain-response-lead{font-size:14px}.explain-evidence-list strong,.explain-official strong{font-size:14px}.explain-evidence-list p,.explain-official p{font-size:13px}.explain-meaning>p{font-size:15px}.explain-caution{font-size:12px}.explain-next ol{font-size:13px}.explain-footnote{font-size:10px;margin-top:18px}}
@media(max-width:350px){.studio-heading h2,.source-heading h2,.explain-heading h2{font-size:32px}.studio-reading h3{font-size:27px}.studio-stage{height:375px;padding:11px}.studio-message,.studio-result,.studio-check{padding:18px}.studio-message>p{font-size:14px}.studio-link{font-size:11px}.studio-result h4{font-size:21px}.studio-result>p{font-size:12px}.source-selectors>button strong{font-size:11px}.source-input{padding:19px}.source-address{font-size:10px}.source-input>.source-quote{font-size:16px}.source-file strong{font-size:12px}.source-file small{font-size:10px}.source-answer-heading strong{font-size:16px}.explain-selectors{gap:12px}.explain-selectors>button{font-size:12px}.explain-source{padding:20px}.explain-message{font-size:15px}.explain-response h3{font-size:25px}.explain-response{min-height:290px}}

/* A single demonstration needs a label, not an example selector. */
.studio-demo-label{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:13px;line-height:1.6;margin:0}.studio-demo-label>.icon{width:17px;height:17px}