/* Shared extras for all breakdown pages (contents list, prev/next, progress bar, mobile). */
:root[data-theme="light"]{--acc2:#b8400a}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--acc2:#b8400a}}
#bd-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--acc);z-index:20;transition:width .1s linear}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 28px}
.toc b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.toc ol{margin:0;padding-left:20px}.toc li{margin:2px 0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
h3[id]{scroll-margin-top:76px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:48px 0 0}
.pn a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--text);transition:border-color .15s}
.pn a:hover,.pn a:focus-visible{border-color:var(--acc);outline:none}
.pn small{display:block;color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.pn .next{text-align:right;grid-column:2}.pn .prev{grid-column:1}
.pn strong{color:var(--acc2)}
main{overflow-wrap:anywhere}pre{overflow-x:auto}table{display:block;overflow-x:auto}
@media (max-width:760px){
 .wrap{padding:0 16px}h1{margin-top:28px}.intro{font-size:17px}h3{font-size:20px;margin-top:30px}
 body{font-size:16px}.themebtn,.menubtn{width:44px;height:44px}
 .pn{grid-template-columns:1fr}.pn .next,.pn .prev{grid-column:1;text-align:left}
 .vid{border-radius:8px}figure{border-radius:8px;margin:14px -4px}
}
@media (prefers-reduced-motion:reduce){#bd-progress,.pn a{transition:none}}