.skip-link{position:fixed;top:8px;left:16px;z-index:100;padding:10px 16px;background:var(--cyan);color:var(--void);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.doc section,.doc details[id]{scroll-margin-top:90px}
.doc h1{font-size:clamp(2.5rem,6vw,4.8rem)}
.doc h2{line-height:1.25}
.doc h3{margin-top:26px}
.doc a,.doc :not(pre)>code{overflow-wrap:anywhere}
.doc pre{max-width:100%;font-size:.87rem;line-height:1.6;tab-size:2}
.doc pre:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.task-level{display:inline-block;margin-top:20px;color:var(--orange);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.task-level+h2{margin-top:10px}
.task-tools{font-size:.9rem;color:var(--muted)}
.toc .toc-group{margin:18px 0 6px;color:var(--cyan-soft);font-size:.8rem;font-weight:800}
.toc-fold>summary{cursor:pointer;color:var(--cyan);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.toc-fold[open]>summary{margin-bottom:12px}
.toc-fold>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.doc .solution-reveal>ul,.doc .solution-reveal>ol,.doc .solution-reveal>div{margin:16px 18px}
.doc .solution-reveal>h3{margin:20px 18px 8px}
.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}
.doc table{width:100%;border-collapse:collapse;font-size:.9rem}
.doc caption{text-align:left;color:var(--cyan-soft);font-weight:750;margin-bottom:10px}
.doc th,.doc td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.doc th{background:var(--panel-2)}
.doc td{color:#c5d3dd}
@media(max-width:800px){.doc-layout{gap:20px}.toc{padding:16px}.doc h2{font-size:1.65rem}.doc pre{padding:14px}.nav{gap:12px}.brand{font-size:.9rem}}
@media(max-width:800px){.toc-fold>nav{max-height:55vh;overflow-y:auto}}