.doc-shell{max-width:1060px}
.doc-nav{display:flex;flex-wrap:wrap;gap:8px 16px;padding:16px 0}
.doc-nav a{font-weight:700;font-size:.9rem}
.doc-heading{padding:20px 0 26px}
.doc-heading h1{margin:6px 0 0;font-size:clamp(2rem,6vw,3.4rem)}
.doc-layout{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr);gap:18px;align-items:start}
.doc-layout.without-toc{display:block;max-width:790px}
.doc-toc,.doc-content{background:#fff;border:1px solid var(--line);border-radius:13px}
.doc-toc{padding:12px;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}
.doc-toc summary{cursor:pointer;font-weight:800;color:var(--green)}
.doc-toc ul{list-style:none;padding:0;margin:8px 0 0;font-size:.84rem}
.doc-toc li+li{margin-top:7px}
.doc-content{padding:clamp(15px,3vw,30px);overflow-wrap:anywhere}
.doc-content h2{margin:1.45em 0 .45em;padding-top:.55em;border-top:1px solid var(--line);color:var(--green);line-height:1.25;scroll-margin-top:14px}
.doc-content h2:target{background:#eaf0e1}
.doc-content h3{margin:1em 0 .35em;font-size:1.05rem}
.doc-content p,.doc-content ul,.doc-content ol{margin:0 0 .85em}
.doc-content li+li{margin-top:.35em}
.doc-content code{background:#edf2e9;padding:.12em .25em;border-radius:3px}
.table-scroll{overflow:auto;margin:0 0 1em}
.doc-content table{border-collapse:collapse;width:100%;min-width:540px;font-size:.88rem}
.doc-content td,.doc-content th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc-content th{background:#edf2e9;color:var(--green)}
.source-meta,.back{color:var(--muted)}
@media(max-width:720px){.doc-layout{grid-template-columns:1fr}.doc-toc{position:static;max-height:none}.doc-toc ul{columns:2}}
@media(max-width:390px){.doc-toc ul{columns:1}}

.doc-content img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:8px}