.guide-header{border-bottom:1px solid var(--line);align-items:center;gap:32px;max-width:1320px;margin:auto;padding:25px 40px;display:flex}.guide-header>.brand{margin-right:auto}.guide-header>a:not(.brand){font-size:13px}.guide-header label{color:var(--muted);gap:5px;font-size:10px;display:grid}.guide-header select{font-size:13px}.guide main{max-width:1240px;margin:auto;padding:0 40px}.guide-hero{max-width:800px;padding:85px 0 60px}.eyebrow{letter-spacing:3px;color:var(--muted);font:11px ui-monospace,monospace}.guide h1{letter-spacing:-.05em;margin:22px 0;font-size:clamp(36px,4.5vw,62px);line-height:1.18}.guide-hero>p{max-width:660px;color:var(--muted);font-size:19px;line-height:1.8}.guide-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.guide-tags span{border:1px solid var(--line);border-radius:5px;padding:7px 10px;font:11px ui-monospace,monospace}.guide-layout{border-top:1px solid var(--line);grid-template-columns:230px minmax(0,1fr);gap:60px;padding-top:45px;display:grid}#sections{align-self:start;gap:21px;padding:9px 0;display:grid;position:sticky;top:28px}#sections a{color:var(--muted);font-size:12px;line-height:1.6;text-decoration:none}#sections a:hover{color:var(--ink);text-decoration:underline}.guide section{margin-bottom:65px;scroll-margin-top:30px}.guide h2{letter-spacing:-.025em;margin:0 0 20px;font-size:23px}.guide h3{margin:0;font-size:13px;line-height:1.7}.guide section p{color:var(--muted);font-size:15px;line-height:1.9}#builder-form label{margin:24px 0 10px;font-size:12px;display:block}#document-url{border:1px solid var(--line);background:var(--paper);border-radius:9px;width:100%;padding:14px;font-size:14px;display:block}#builder-form button{margin:12px 0 22px}.snippet{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0 22px;padding:17px 20px;position:relative}.snippet h3{padding-right:100px}.snippet>button{padding:5px 10px;font-size:11px;position:absolute;top:12px;right:14px}.guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;font:12px/1.9 ui-monospace,monospace}.snippet pre{border:0;border-radius:0;margin:0;padding:15px 0 0}.guide .privacy-card{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);border-radius:0 12px 12px 0;padding:28px}.guide footer{background:0 0;max-width:1320px;margin:auto;padding:24px 40px}.guide footer a{text-decoration:none}#builder-error{color:var(--error)}.guide code{overflow-wrap:anywhere;font-size:12px}#copy-status{min-height:1.5em}.guide .button{display:inline-block}.guide .release-note{border-left:3px solid var(--accent);background:var(--panel);padding:12px 16px}@media (width<=800px){.guide-header{flex-wrap:wrap;gap:18px;padding:20px}.guide-header .brand{font-size:27px}.guide-header .brand span{font-size:9px}.guide main{padding:0 22px}.guide-hero{padding:55px 0 35px}.guide-hero>p{font-size:17px}.guide-layout{grid-template-columns:1fr;gap:25px;padding-top:25px}#sections{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px;position:static}.guide h2{font-size:21px}.guide-header>a:not(.brand){display:none}.guide section{margin-bottom:45px}.guide footer{padding:20px}.snippet{padding:15px}.guide h1{font-size:40px}.guide section p{font-size:14px}}
