/* /docs and /faq only. */
.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;margin-top:12px}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr;gap:20px}}
.toc{position:sticky;top:20px;display:grid;gap:8px;font:12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}
@media(max-width:900px){.toc{position:static;display:flex;flex-wrap:wrap;gap:8px 14px}.toc .label{width:100%}}
.prose.docs h2,.faq-group h2{font:22px/1.2 var(--display);letter-spacing:.02em;color:var(--text);margin:44px 0 14px;scroll-margin-top:20px}
.prose.docs h2:first-child{margin-top:0}
.prose.docs .rules{margin:0 0 20px}
.steps-doc{margin:0 0 20px;padding-left:22px;display:grid;gap:10px}
.steps-doc b{color:var(--text)}
.faq-list{margin-top:8px}
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative;color:var(--text);font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:4px;top:14px;color:var(--accent);font-size:18px}
.faq[open] summary::after{content:'−'}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.faq p{margin:0 0 18px}