/* Extend the approved editorial world; all explanatory content stays readable without JS. */
.guide-page{caret-color:var(--brand)}
.guide-page :where(a,summary):focus-visible{outline:2px solid var(--brand);outline-offset:5px;border-radius:2px}
.guide-main{max-width:1080px;padding-top:64px;padding-bottom:80px}
.guide-intro{max-width:800px;padding-bottom:48px}
.guide-intro h1{margin-top:28px;font-size:clamp(36px,4.2vw,56px);line-height:1.25}
.guide-lead{font-size:clamp(24px,2.5vw,32px);font-weight:600;line-height:1.5;margin:16px 0 24px;text-wrap:balance}
.guide-definition{font-size:19px;line-height:1.85;max-width:66ch}
.guide-terminology{font-size:15px;line-height:1.8;color:var(--muted);margin:20px 0}
.guide-page .text-link{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.guide-contents{display:flex;flex-wrap:wrap;gap:4px 28px;border-block:1px solid var(--line);padding:16px 0;align-items:center}
.guide-contents strong{font-size:15px;margin-right:8px}
.guide-contents a{min-height:44px;display:flex;align-items:center;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.guide-contents a:hover{color:var(--brand)}
.guide-section{padding-block:64px;border-bottom:1px solid var(--line);scroll-margin-top:160px}
.guide-section h2{max-width:27em;font-size:clamp(28px,3vw,36px);line-height:1.45;letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px}
.guide-section h3{font-size:21px;line-height:1.55;margin:0 0 12px;font-weight:600;text-wrap:balance}
.guide-section p,.guide-checklist dd{font-size:17px;line-height:1.85;color:var(--muted);max-width:70ch;margin:0}
.guide-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.guide-day{margin-top:48px;background:var(--wash);padding:32px}
.guide-day dl{margin:24px 0 0}
.guide-day dl>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.guide-day dt{font-size:17px;font-weight:600}.guide-day dd{margin:0}.guide-day dd strong{display:block;font-size:18px;margin-bottom:6px}.guide-day dd span{font-size:16px;line-height:1.7;color:var(--muted)}
.guide-day .guide-caption{font-size:14px;margin-top:12px}
.guide-flow{margin:36px 0 0}.guide-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.guide-flow li{position:relative;min-width:0}.guide-flow li+li:before{content:'';position:absolute;left:-32px;top:42px;width:16px;height:16px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg)}
.guide-flow h3{font-size:19px}.guide-flow h3>span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:4px}
.guide-device{display:flex;width:128px;height:84px;border:2px solid var(--ink);border-radius:7px;padding:6px;margin-bottom:26px;align-items:center;justify-content:center;font-size:16px;font-weight:600}
.guide-device span{background:#f4effc;color:#4e2e81;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.guide-device-1{width:112px;height:44px;margin-top:40px;border-radius:6px}.guide-device-1 span{background:transparent;color:var(--ink)}
.guide-device-2{width:148px;border-radius:2px}.guide-device-2 span{font-size:16px}
.guide-flow figcaption{font-size:14px;line-height:1.8;color:var(--muted);padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
.guide-checklist{margin:32px 0 0}.guide-checklist>div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:24px 0;border-top:1px solid var(--line)}
.guide-checklist dt{font-size:19px;font-weight:600;line-height:1.65}.guide-checklist dd{margin:0}
.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}.guide-options .text-link{margin-top:18px}
.guide-page details{border-bottom:1px solid var(--line);padding:16px 0}.guide-page summary{font-size:18px;line-height:1.7;min-height:44px;align-content:center;cursor:pointer;font-weight:500}.guide-page summary:hover{color:var(--brand)}.guide-page details p{margin:16px 0 8px;max-width:70ch}.guide-page .guide-ai{margin-top:32px;border-top:1px solid var(--line)}
.guide-next{border:0}.guide-next .button{margin-top:28px}.guide-next h3{margin-top:48px}.guide-next ul{padding-left:20px;margin:12px 0 0}.guide-next li{padding-block:4px}
@media(max-width:780px){.guide-main{padding-top:32px;padding-bottom:24px}.guide-intro{padding-bottom:32px}.guide-intro h1{margin-top:20px}.guide-definition{font-size:17px}.guide-contents{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.guide-contents strong{grid-column:1/-1;margin-bottom:4px}.guide-contents a{font-size:14px}.guide-section{padding-block:40px;scroll-margin-top:200px}.guide-section h2{font-size:28px}.guide-benefits{grid-template-columns:1fr;gap:24px;margin-top:24px}.guide-benefits h3{margin-bottom:8px}.guide-day{padding:24px 20px;margin-top:32px}.guide-day dl>div{grid-template-columns:82px minmax(0,1fr);gap:16px}.guide-flow ol{grid-template-columns:1fr;gap:36px}.guide-flow li{padding:0;min-height:0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px 20px;align-items:center}.guide-device,.guide-device-1,.guide-device-2{position:static;width:112px;height:74px;margin:0}.guide-device-1{height:38px}.guide-flow li+li:before{left:48px;top:-27px;width:12px;height:12px;transform:rotate(135deg)}.guide-flow h3{font-size:18px}.guide-flow p{grid-column:1/-1;font-size:16px;line-height:1.8}.guide-flow figcaption{padding-top:20px;margin-top:24px}.guide-checklist>div{grid-template-columns:1fr;gap:8px;padding-block:20px}.guide-options{grid-template-columns:1fr;gap:32px}.guide-page summary{font-size:17px}.guide-next h3{margin-top:36px}}
@media(max-width:360px){.guide-flow li{grid-template-columns:92px minmax(0,1fr);column-gap:18px}.guide-device,.guide-device-1,.guide-device-2{width:92px}.guide-flow li+li:before{left:39px}.guide-contents{grid-template-columns:1fr}.guide-lead{font-size:24px}}
@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}}
