.preview-guide{--pg-ink:#111d2b;--pg-paper:#f5f6f1;--pg-panel:#fff;--pg-muted:#596b7b;--pg-line:#d8e0e4;--pg-accent:#d4f36b;max-width:1320px;color:var(--pg-ink);font-family:var(--font-sans,Arial,sans-serif);margin:auto;padding:64px 32px 96px}.preview-guide *{box-sizing:border-box}.preview-guide h1,.preview-guide h2,.preview-guide h3,.preview-guide p{margin:0}.preview-guide h1{letter-spacing:-4px;font-size:clamp(45px,6.6vw,86px);line-height:1.02}.preview-guide h2{letter-spacing:-2px;font-size:clamp(32px,4vw,49px);line-height:1.1}.preview-guide h3{letter-spacing:-.4px;font-size:21px;line-height:1.3}.preview-guide em{color:#52718c;font-style:normal}.preview-guide p,.preview-guide li{line-height:1.7}.preview-guide a{color:inherit;text-decoration:none}.preview-guide button{font:inherit;cursor:pointer}.preview-guide a,.preview-guide button{min-height:44px}.preview-guide button:disabled{opacity:.6;cursor:wait}:is(.preview-guide a:focus-visible,.preview-guide button:focus-visible){outline-offset:5px;outline:3px solid #52718c}.preview-guide-kicker{letter-spacing:1.8px;color:var(--pg-muted);font-size:11px;font-weight:800;margin-bottom:20px!important}.preview-guide-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-bottom:76px;display:grid}.preview-guide-lead{color:var(--pg-muted);max-width:640px;font-size:19px;margin:26px 0!important}.preview-guide-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.preview-guide-actions a,.preview-guide-case-grid a,.preview-guide-feedback a{align-items:center;gap:10px;display:inline-flex}.preview-guide-primary{background:#111d2b;border:1px solid #111d2b;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-weight:700;display:inline-flex;color:#d4f36b!important}.preview-guide-access{color:var(--pg-muted);max-width:520px;font-size:12px;margin-top:22px!important}.preview-guide-map{color:#f5f6f1;background:#111d2b;border-radius:16px;margin:0;padding:28px;box-shadow:14px 14px #e6e9df}.preview-guide-map-label{letter-spacing:1.8px;color:#b7cad2;margin-bottom:22px;font-size:10px}.preview-guide-map>div:not(.preview-guide-map-label){border-top:1px solid #354453;grid-template-columns:26px 30px 1fr;align-items:center;column-gap:12px;padding:19px 0;display:grid}.preview-guide-map div>span{color:#d4f36b;font-size:11px}.preview-guide-map svg{color:#d4f36b;grid-area:span 2/2}.preview-guide-map strong{font-size:20px}.preview-guide-map small{color:#b7cad2;grid-column:3;font-size:11px}.preview-guide-map figcaption{color:#b7cad2;border-top:1px solid #354453;padding-top:19px;font-size:11px;line-height:1.6}.preview-guide-route{border-top:1px solid var(--pg-line);grid-template-columns:.8fr 1.2fr;gap:70px;padding:56px 0;display:grid}.preview-guide-route>ol{margin:0;padding:0;list-style:none}.preview-guide-route>ol>li{border-bottom:1px solid var(--pg-line);gap:24px;padding:17px 0;display:flex}.preview-guide-route li>span{color:#63814c;min-width:25px;font:12px/1.8 monospace}.preview-guide-route h3{font-size:18px}.preview-guide-route p{color:var(--pg-muted);font-size:14px;margin-top:5px!important}.preview-guide-examples{padding:54px 0}.preview-guide-section-title{grid-template-columns:1.1fr 1fr;align-items:end;gap:60px;margin-bottom:30px;display:grid}.preview-guide-section-title>p{color:var(--pg-muted);max-width:460px;font-size:15px}.preview-guide-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.preview-guide-case-grid article{border:1px solid var(--pg-line);background:var(--pg-panel);border-radius:13px;padding:30px}.preview-guide-case-top{color:var(--pg-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:12px;font-weight:700;display:flex}.preview-guide-case-grid article>p{color:var(--pg-muted);font-size:14px;margin-top:13px!important}.preview-guide-case-grid ol{color:var(--pg-muted);margin:20px 0;padding-left:20px;font-size:13px}.preview-guide-case-grid a{font-size:13px;font-weight:700}.preview-guide-checks{background:#edf0e6;border-radius:16px;grid-template-columns:.75fr 1.25fr;gap:45px;margin:26px 0 64px;padding:38px;scroll-margin-top:30px;display:grid}.preview-guide-checks>div:first-child>p:last-child{color:var(--pg-muted);font-size:14px;margin-top:22px!important}.preview-guide-lab{min-width:0}.preview-guide-lab-caption{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex;margin-bottom:18px!important}.preview-guide-lab>p[role=status]{font-size:14px;font-weight:700;margin:20px 0!important}.preview-guide-empty{color:var(--pg-muted);font-size:12px;margin-top:18px!important}.preview-guide-table{border:1px solid var(--pg-line);background:var(--pg-panel);border-radius:8px;margin-bottom:18px;overflow:auto}.preview-guide-table table{border-collapse:collapse;width:100%;font-size:12px}.preview-guide-table th,.preview-guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--pg-line);min-width:100px;padding:12px}.preview-guide-table th:first-child{min-width:170px}.preview-guide-table small{color:var(--pg-muted);margin-top:6px;font-size:10px;font-weight:400;line-height:1.5;display:block}.preview-guide-lab>button:not(.preview-guide-primary){border:1px solid var(--pg-line);background:var(--pg-panel);color:var(--pg-ink);border-radius:7px;align-items:center;gap:9px;padding:10px 14px;display:inline-flex}.preview-guide-feedback{grid-template-columns:1.2fr 1fr;gap:70px;display:grid}.preview-guide-feedback>div>p:not(.preview-guide-kicker){max-width:650px;color:var(--pg-muted);margin:22px 0!important}.preview-guide-feedback aside{background:var(--pg-panel);border-top:4px solid #d4f36b;border-radius:0 0 12px 12px;padding:30px}.preview-guide-feedback aside h3{margin:20px 0 14px!important}.preview-guide-feedback aside p{color:var(--pg-muted);font-size:13px}.preview-guide-feedback aside a{margin-top:14px;font-size:12px;font-weight:700}html[data-studio-theme=dark] .preview-guide{--pg-ink:#edf1f3;--pg-panel:#1b2b3b;--pg-muted:#b5c3ce;--pg-line:#3b4e5f}html[data-studio-theme=dark] .preview-guide-checks{background:#25352f}html[data-studio-theme=dark] .preview-guide-map{box-shadow:14px 14px #2a3e37}@media (max-width:900px){.preview-guide-hero{gap:32px}.preview-guide-checks{grid-template-columns:1fr}.preview-guide-feedback{gap:35px}.preview-guide h1{letter-spacing:-2.5px}}@media (max-width:680px){.preview-guide{padding:32px 20px 60px}.preview-guide-hero,.preview-guide-route,.preview-guide-section-title,.preview-guide-feedback{grid-template-columns:1fr;gap:30px}.preview-guide-hero{padding-bottom:45px}.preview-guide-case-grid{grid-template-columns:1fr}.preview-guide-map{margin-right:14px}.preview-guide-checks{padding:25px 20px}.preview-guide-route{padding:38px 0}.preview-guide-examples{padding:30px 0}.preview-guide h1{font-size:49px}.preview-guide-case-grid article{padding:25px}.preview-guide h2{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){.preview-guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.preview-guide{max-width:none;padding:0}.preview-guide button,.preview-guide-actions{display:none}.preview-guide-hero{grid-template-columns:1fr 1fr}.preview-guide article,.preview-guide-map{break-inside:avoid}.preview-guide-checks{background:#fff;border:1px solid #bbb}.preview-guide-table{overflow:visible}}