.guide-nav{position:sticky;top:0}.guide-nav .nav-inner{gap:18px}.guide-nav-links{gap:24px;margin-left:auto;list-style:none;display:flex}.guide-nav-links a{color:var(--ink-2);font-size:.96rem;font-weight:600}.guide-nav-links a:hover{color:var(--ink)}.guide{padding-top:28px}.guide section{padding:0}.guide-container{max-width:820px}.crumbs ol{color:var(--ink-3);flex-wrap:wrap;gap:6px;font-size:.88rem;font-weight:600;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line-2);margin-right:6px}.crumbs a{color:var(--ink-2)}.crumbs a:hover{color:var(--brand-strong)}.guide-head{margin:28px 0 36px}.guide-head h1{letter-spacing:-.03em;font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.08}.guide-summary{color:var(--ink);margin-top:22px;font-size:1.2rem;font-weight:500;line-height:1.6}.guide-summary p+p{margin-top:12px}.guide-byline{color:var(--ink-3);margin-top:18px;font-size:.9rem;font-weight:500}.guide-byline a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}.guide-body,.guide-faq{color:var(--ink-2);font-size:1.07rem;line-height:1.72}.guide-body h2,.guide-faq h2,.guide-related h2{color:var(--ink);margin:52px 0 16px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.guide-body h3,.guide-faq h3{color:var(--ink);letter-spacing:-.01em;margin:30px 0 10px;font-size:1.22rem;line-height:1.3}.guide-body p{margin-top:14px}.guide-body>h2+p,.guide-body section>h2+p{color:var(--ink);font-weight:500}.guide-body ul,.guide-body ol{margin:14px 0 0 1.3em}.guide-body li{margin-top:8px}.guide-body li::marker{color:var(--brand);font-weight:700}.guide-body a,.guide-faq a,.guide-back a,.guide-summary a{color:var(--brand-strong);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.guide-body strong{color:var(--ink)}.guide-body code,.tool code{background:var(--bg-soft);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.guide-body pre{background:var(--ink);color:#f5ede9;border-radius:14px;margin-top:16px;padding:18px 20px;font-size:.9rem;line-height:1.6;overflow-x:auto}.guide-body pre code{color:inherit;background:0 0;border:0;padding:0}.guide-body figure{margin:28px 0 0}.guide-body figcaption{color:var(--ink-3);margin-top:10px;font-size:.9rem}.guide-body svg text{font-family:var(--sans)}.faq-item p{margin-top:6px}.table-wrap{border:1.5px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:16px;margin-top:20px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem;line-height:1.5}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}.table-wrap thead th{background:var(--bg-soft);color:var(--ink);font-size:.88rem;font-weight:700}.table-wrap tbody th{color:var(--ink);font-weight:700}.table-wrap tr:last-child td,.table-wrap tr:last-child th{border-bottom:0}.callout{background:var(--brand-soft);color:var(--brand-ink);border-radius:16px;margin-top:22px;padding:18px 20px;font-weight:500}.callout strong{color:var(--brand-ink)}.app-note{border:1.5px solid var(--line-2);background:#fff;border-radius:18px;align-items:flex-start;gap:16px;margin-top:30px;padding:20px;display:flex}.app-note img{border-radius:12px;flex:none;width:44px;height:44px}.app-note p{color:var(--ink);margin:0;font-weight:500}.app-note-link{color:var(--brand-strong);margin-top:6px;font-weight:700;display:inline-block}.guide-related{margin-top:20px}.guide-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;list-style:none;display:grid}.guide-card{border:1.5px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;height:100%;padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.guide-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-card-title{color:var(--ink);font-weight:800;line-height:1.3}.guide-card-blurb{color:var(--ink-2);font-size:.93rem;line-height:1.5}.guide-back{color:var(--ink-2);margin-top:22px;font-size:.98rem}.guide-cta-wrap{margin:72px 0 80px}.guide-cta h2{color:#fff}.guide-foot-grid{grid-template-columns:1.2fr 1.4fr 1fr;gap:36px;display:grid}.guide-foot-grid ul{flex-direction:column;gap:8px;list-style:none;display:flex}.guide-foot-grid a{color:var(--ink-2);font-size:.93rem;font-weight:600}.guide-foot-grid a:hover{color:var(--brand-strong)}.guide-foot-h{color:var(--ink);margin-bottom:12px;font-weight:800}.guide-foot-about{color:var(--ink-2);max-width:340px;margin-top:12px;font-size:.93rem}.foot-base a{color:var(--ink-2)}.hub-part{margin-top:48px}.hub-part>p{color:var(--ink-2);margin-top:6px}.hub-list{gap:12px;margin-top:18px;list-style:none;display:grid}.hub-list .guide-card{flex-direction:row;align-items:flex-start;gap:16px}.hub-n{background:var(--brand-soft);width:34px;height:34px;color:var(--brand-strong);border-radius:10px;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.hub-card-text{flex-direction:column;gap:4px;display:flex}.tool{border:1.5px solid var(--line-2);background:var(--bg-soft);color:var(--ink);border-radius:20px;margin-top:24px;padding:clamp(18px,3vw,28px)}.tool label{margin-bottom:8px;font-weight:700;display:block}.tool-input{width:100%;font:inherit;border:1.5px solid var(--line-2);color:var(--ink);background:#fff;border-radius:12px;padding:14px 16px;font-size:1rem}.tool-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.tool-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.tool-chip{font:inherit;border:1.5px solid var(--line-2);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:600}.tool-chip:hover,.tool-chip[aria-pressed=true]{border-color:var(--brand);color:var(--brand-strong)}.tool-out{margin-top:18px}.tool-domain{border:1.5px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;padding:14px 16px;font-size:1.05rem}.tool-domain strong{color:var(--brand-strong);font-size:1.25rem}.flags{gap:10px;margin:14px 0 0;list-style:none;display:grid}.flag{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.flag-title{color:var(--ink);font-weight:700}.flag-body{color:var(--ink-2);margin-top:3px;font-size:.95rem}.flag--high{border-color:#e7a08a}.flag--high .flag-title:before{content:"High risk · ";color:#b42318}.flag--medium .flag-title:before{content:"Caution · ";color:var(--brand-strong)}.flag--info .flag-title:before{content:"Note · ";color:var(--ink-3)}.tool-note{color:var(--ink-3);margin-top:14px;font-size:.9rem}.tool-ok{border:1.5px solid var(--line);background:#fff;border-radius:12px;margin-top:14px;padding:12px 14px}.tool .btn{margin-top:12px}.hash-out{word-break:break-all;border:1.5px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.match{margin-top:10px;font-weight:700}.match--yes{color:#1b7a3a}.match--no{color:#b42318}.copies{gap:10px;margin-top:12px;display:grid}.copy-row{border:1.5px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.copy-row select{font:inherit;border:1.5px solid var(--line-2);color:var(--ink);background:#fff;border-radius:10px;width:100%;min-width:0;padding:8px 10px}.copy-row label{align-items:center;gap:6px;margin:0;font-size:.9rem;font-weight:600;display:flex}.copy-remove{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-size:.9rem}.rule-checks{gap:8px;margin:16px 0 0;list-style:none;display:grid}.rule-checks li{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px}.rule-checks .pass{border-color:#9bd1ac}.rule-checks .fail{border-color:#e7a08a}.demo-stage{border:1.5px solid var(--line);background:#fff;border-radius:16px;margin-top:14px;padding:12px}.demo-caption{min-height:3.2em;margin-top:12px;font-weight:500}.cite{border:1.5px dashed var(--line-2);background:#fff;border-radius:16px;margin-top:24px;padding:18px 20px}.cite pre{white-space:pre-wrap;background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);margin-top:10px;font-size:.85rem}@media (max-width:760px){.guide-nav-links{display:none}.guide-foot-grid{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr 1fr}.copy-row select{grid-column:1/-1}.guide-head{margin-top:20px}.guide-container{padding:0 16px}}.diagram{-webkit-overflow-scrolling:touch;overflow-x:auto}.diagram svg{min-width:620px}.demo-stage svg{max-width:560px;margin:0 auto}