/* The same Linen palette and type as the frame, with quiet reading layouts. */
.docs{font-size:17px;overflow-x:visible}
.docs-header{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1420px)/2));background:var(--bg);border-bottom:1px solid var(--line)}
.docs-header .brand{gap:8px}.docs-label{border-left:1px solid var(--line);padding-left:24px;text-decoration:none;color:var(--muted)}
.docs-download{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:9px 20px;text-decoration:none;font-size:15px;background:var(--panel)}
.docs-layout{display:grid;grid-template-columns:222px minmax(0,800px) 180px;gap:40px;max-width:1420px;padding:42px 24px 100px;margin:auto;align-items:start}
.docs-sidebar,.docs-toc{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow:auto;padding:2px 4px 12px}
.docs-sidebar a,.mobile-guides nav a{display:block;padding:9px 12px;font-size:15px;text-decoration:none;border-radius:8px;line-height:1.4}
.docs-sidebar a:hover,.mobile-guides nav a:hover{background:var(--panel)}
.docs-sidebar a[aria-current=page],.mobile-guides a[aria-current=page]{background:var(--soft);color:var(--ink);font-weight:600}
.nav-group{margin-top:24px}.docs .nav-group h2{font:600 12px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.09em;margin:0 12px 8px;color:var(--muted)}
.all-guides{font-weight:600}.docs main{min-width:0}.docs-layout:has(.docs-intro){grid-template-columns:222px minmax(0,1040px)}
.docs-intro{padding:26px 0 30px;max-width:720px}.docs .eyebrow{font-size:12px;letter-spacing:.13em;color:var(--accent);font-weight:600;margin-bottom:16px}
.docs h1{font-size:clamp(34px,3.8vw,52px);line-height:1.14}.docs-intro>p:last-child{color:var(--muted);max-width:590px;margin-top:20px;font-size:19px}
.docs-search{position:relative;margin:0 0 46px}.docs-search label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--muted)}
.docs-search input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--panel);font:inherit;color:var(--ink);box-shadow:0 6px 22px -15px #352e2840}
.docs-search input::placeholder{color:var(--muted);opacity:1}#search-results{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:8px;box-shadow:0 20px 40px -15px #352e2840;max-height:55vh;overflow:auto;padding:8px}
#search-results a{display:block;padding:12px;border-radius:7px;text-decoration:none}#search-results a:hover,#search-results a:focus{background:var(--bg)}#search-results strong{display:block}#search-results span{display:block;font-size:14px;color:var(--muted)}#search-results p{padding:12px;font-size:15px}
.docs h2{font-size:28px;line-height:1.25}.popular>h2,.all-articles>h2{margin-bottom:22px}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-card{position:relative;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 28px 28px;transition:border-color .15s,background .15s}.guide-card:hover{border-color:var(--accent);background:#fffaf2}.guide-card>span{font-size:12px;color:var(--accent)}.guide-card h3{font-size:25px;line-height:1.2;margin:12px 20px 12px 0}.guide-card p{font-size:15px;color:var(--muted);max-width:32em}.guide-card b{position:absolute;right:22px;top:23px;color:var(--accent);font-weight:400}
.all-articles{margin-top:64px}.guide-group{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.guide-group h3{font-size:22px;line-height:1.3}.guide-group ul{list-style:none;margin:0;padding:0}.guide-group li+li{margin-top:22px}.guide-group a{font-weight:500;text-decoration-thickness:1px;text-underline-offset:4px}.guide-group p{font-size:15px;color:var(--muted);margin-top:5px}
.breadcrumb{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-bottom:22px;flex-wrap:wrap}.breadcrumb a{text-decoration:none}.article-description{font-size:20px;color:var(--muted);margin-top:20px;line-height:1.5}.guide-image{margin:32px 0 42px;padding:12px;background:var(--rail);border:1px solid var(--line);border-radius:16px}.guide-image img{border-radius:8px;max-height:410px;width:100%;object-fit:contain}.guide-image figcaption{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.article-section{margin-top:44px;scroll-margin-top:110px}.article-section h2{margin-bottom:20px}.article-section p+p{margin-top:16px}.article-section ol{padding-left:26px;margin:0}.article-section li{padding-left:8px;margin-bottom:18px}.article-section li::marker{color:var(--accent);font-weight:600}.guide-note{margin-top:24px;padding:20px 24px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--panel);font-size:15px}.docs-toc{font-size:13px}.docs-toc p{font-weight:600;margin-bottom:12px}.docs-toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;line-height:1.5}.docs-toc a:hover{color:var(--accent)}
.adjacent-guides{display:flex;gap:16px;margin-top:54px;border-top:1px solid var(--line);padding-top:28px}.adjacent-guides a{flex:1;text-decoration:none;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.adjacent-guides span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.guide-help{margin-top:26px;font-size:14px;color:var(--muted)}.docs-footer{background:var(--bg);border-top:1px solid var(--line);padding:30px max(24px,calc((100vw - 1372px)/2));display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted)}.docs-footer>a{font-family:var(--serif);text-decoration:none}.docs-footer div{display:flex;gap:24px}.mobile-guides{display:none}
@media(max-width:1199px){.docs-layout,.docs-layout:has(.docs-intro){grid-template-columns:200px minmax(0,1fr);gap:32px}.docs-toc{display:none}}
@media(max-width:760px){.docs-header{height:68px;padding:0 20px;gap:14px}.docs-header .brand{font-size:23px}.docs-label{padding-left:14px}.docs-download{padding:9px 12px;font-size:13px}.docs-layout,.docs-layout:has(.docs-intro){display:block;padding:24px 20px 60px}.docs-sidebar{display:none}.mobile-guides{display:block;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:28px}.mobile-guides summary{cursor:pointer;padding:12px 16px;font-size:15px}.mobile-guides nav{padding:0 12px 16px}.docs-intro{padding:12px 0 28px}.docs-intro>p:last-child{font-size:17px}.guide-cards{grid-template-columns:1fr}.guide-card{padding:22px}.guide-group{grid-template-columns:1fr;gap:20px}.docs h2{font-size:26px}.docs-search{margin-bottom:32px}.docs-search input{font-size:15px}.docs-footer{flex-direction:column;padding:26px 20px}.docs-footer div{gap:16px;flex-wrap:wrap}.article-description{font-size:18px}.adjacent-guides{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}