/* @arch docs/features/official-website-positioning.md */
/* @test scripts/__tests__/public-site-render.test.mjs */
.sn-doc-chapter>h3{font-size:20px;line-height:1.5;margin:28px 0 12px}
.sn-docs{max-width:1120px;margin:0 auto;padding:0 24px}.documentation-page .page-main{width:100%;max-width:none}
.sn-doc-heading{padding:64px 0 48px}.sn-doc-heading h1{font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-.035em;font-weight:700}.sn-doc-heading p{font-size:18px;line-height:1.8;margin-top:18px;color:var(--muted)}
.sn-doc-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:60px}.sn-doc-sidebar{align-self:start;position:sticky;top:104px}.sn-doc-sidebar nav{display:grid;gap:2px;max-height:calc(100dvh - 128px);overflow:auto}.sn-doc-sidebar b{padding:10px 12px;color:var(--muted);font-size:13px}.sn-doc-sidebar a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.6}.sn-doc-sidebar a:hover{background:var(--soft)}
.sn-doc-chapter{padding:36px 0 44px;border-top:1px solid var(--line);scroll-margin-top:100px}.sn-doc-chapter h2{font-size:30px;line-height:1.35;font-weight:650;margin-bottom:22px}.sn-doc-chapter p,.sn-doc-steps{font-size:16px;line-height:1.9;color:var(--muted);margin:16px 0}.sn-doc-steps{padding-left:24px}.sn-doc-steps li{padding:6px 0 6px 6px}.sn-doc-chapter>.text-link{display:inline-block;margin:12px 22px 0 0;font-size:15px}
.sn-doc-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.sn-doc-feature{display:block;padding:20px;border:1px solid var(--line);border-radius:14px;text-decoration:none}.sn-doc-feature:hover{background:var(--soft)}.sn-doc-feature h3{font-size:19px;line-height:1.45}.sn-doc-feature p{font-size:14px;margin:10px 0 0;line-height:1.8}
.sn-docs .install-card{margin:24px 0;padding:22px;background:var(--soft);border-radius:14px;border:1px solid var(--line)}.sn-docs .install-panel-label{font-size:14px;margin-top:0}.sn-docs .command-line{display:flex;align-items:center;gap:14px;padding:18px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}.sn-docs .command-line p{margin:0;font-size:15px;line-height:1.8;flex:1;min-width:0;overflow-wrap:anywhere}.sn-docs .copy-icon{position:static;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.sn-docs .copy-icon:before,.sn-docs .copy-icon:after{content:none}.sn-docs .copy-check{display:none}.sn-docs .copied .copy-check{display:block}.sn-docs .copied .copy-symbol{display:none}.sn-docs .copy-status{min-height:22px;margin:8px 0 0;font-size:13px}
@media(max-width:780px){.sn-doc-heading{padding:40px 0 30px}.sn-doc-layout{grid-template-columns:1fr;gap:32px}.sn-doc-sidebar{position:static}.sn-doc-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;background:var(--soft);border-radius:14px;padding:12px}.sn-doc-sidebar b{grid-column:1/-1}.sn-doc-chapter{scroll-margin-top:88px}.sn-doc-heading p{font-size:16px}}
@media(max-width:480px){.sn-docs{padding:0 20px}.sn-doc-heading h1{font-size:36px}.sn-doc-features{grid-template-columns:1fr}.sn-doc-chapter h2{font-size:27px}.sn-docs .install-card{padding:14px}.sn-docs .command-line{padding:14px;gap:10px}.sn-docs .command-line p{font-size:14px}.sn-doc-sidebar a{padding:8px;font-size:13px}}
.sn-selfhost-figure{margin:24px 0}.sn-selfhost-figure img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}.sn-selfhost-figure figcaption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px}.sn-selfhost-phone{max-width:300px;margin-inline:auto}.sn-capability-list{display:grid;gap:16px;margin:24px 0}.sn-capability{padding:20px;border:1px solid var(--line);border-radius:14px;min-width:0}.sn-capability h3{margin-top:0}.sn-capability p{font-size:15px;margin-bottom:0}.sn-capability-status{font-weight:600;color:var(--ink)}
.sn-docs .sn-system-figure{margin:24px 0}.sn-docs .sn-system-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.sn-docs .sn-system-figure figcaption{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}