.guide-intro{padding-top:64px;padding-bottom:44px}.guide-intro h1{font-size:clamp(40px,5vw,62px);max-width:800px}.guide-intro .lead{max-width:720px}.guide-note{background:#eef5f8;border:1px solid #d5e4ec;border-left:3px solid var(--gold);padding:18px 20px;border-radius:0 10px 10px 0;font-size:16px}.guide-intro .guide-note{max-width:850px;margin-top:28px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;padding-bottom:70px;align-items:start}.guide-toc{position:sticky;top:100px;font-size:14px}.guide-toc details{border:0!important;padding:0!important}.guide-toc summary{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}.guide-toc nav{display:grid;gap:3px}.guide-toc a{display:flex;gap:12px;text-decoration:none;padding:8px;border-radius:6px;color:var(--gold);font-size:12px}.guide-toc a span{color:var(--ink);font-size:14px}.guide-toc a:hover{background:var(--soft)}.guide-content{min-width:0}.guide-content section{scroll-margin-top:100px;padding:34px 0 40px;border-top:1px solid var(--line)}.guide-step{color:#806738;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:750}.guide-content h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:12px 0 20px}.guide-content h3{font-size:23px;margin-top:0}.guide-content p,.guide-content li{font-size:17px;line-height:1.7}.guide-content ol,.guide-content ul{padding-left:25px}.guide-content li{padding-left:5px;margin:0 0 13px}.guide-content a:not(.button){color:var(--navy);text-underline-offset:3px}.guide-content details{border:1px solid var(--line);border-radius:10px;padding:16px 19px;margin:14px 0}.guide summary{cursor:pointer;font-weight:700}.guide-content details p:last-child{margin-bottom:0}.guide-small,figcaption{font-size:14px!important;color:var(--muted)}.guide-path{display:grid;gap:12px}.guide-path>div{border:1px solid var(--line);border-radius:10px;padding:16px}.guide-path strong{display:block;font-size:14px}.guide-path img{display:block;max-width:100%;width:300px;height:auto;margin-top:12px}.guide-example-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.guide-example-layout figure{margin:14px 0 0}.guide-rule-image{display:block;width:100%;max-width:285px;height:auto;border:1px solid var(--line);border-radius:12px}.guide-example-layout figcaption{margin-top:8px}.guide-note p{font-size:16px;margin-bottom:0}.guide-help{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;margin:26px 0}.guide-skip{position:absolute;left:10px;top:-100px;z-index:100;background:white;padding:12px}.guide-skip:focus{top:8px}.guide a:focus-visible,.guide summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.guide-section-lead{color:var(--muted)}
@media(max-width:1050px){.guide-layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}.guide-example-layout{grid-template-columns:1fr}.guide-example-layout figure{max-width:285px;margin:10px auto 20px}}
@media(max-width:750px){.guide-intro{padding-top:38px;padding-bottom:26px}.guide-layout{display:block}.guide-toc{position:static;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:30px}.guide-toc nav{grid-template-columns:1fr 1fr;gap:5px}.guide-toc a{padding:6px 2px}.guide-content h2{font-size:28px}.guide-content section{scroll-margin-top:90px}.guide-intro h1{font-size:42px}}
@media(max-width:420px){.guide-toc nav{grid-template-columns:1fr}.guide-content p,.guide-content li{font-size:16px}.guide-intro h1{font-size:37px}}
@media print{.site-header,.guide-toc,footer,.guide-skip{display:none}.guide-layout{display:block}.guide-content section{break-inside:avoid}.guide-intro{padding-top:0}.guide details{display:block}.guide-content h2{font-size:24px}.guide-content p,.guide-content li{font-size:12px}}