/* Guide-specific reading options and instructional styling. */
html[data-reading-font="sans"] { --font-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-reading-font="sans"] body {font-size:1rem; font-weight:400; line-height:1.65;}
html[data-reading-font="serif"] body {font-size:1.2rem;}
.docs-content{min-width:0;max-width:48rem;}
.docs-content h1{font-size:clamp(2rem,4vw,2.65rem);line-height:1.18;}
.docs-content h2{font-size:1.5rem;margin-top:2.8rem;}
.docs-content h3{font-size:1.17rem;margin-top:1.8rem;}
html[data-reading-font="serif"] .docs-content h2{font-size:1.8rem;}
html[data-reading-font="serif"] .docs-content h3{font-size:1.45rem;}
.docs-sidebar h2,.topbar-title,.nav-section a.active{font-style:normal;}
.nav-section a{font-size:.95rem;line-height:1.45;}
.nav-section a.active{font-weight:600;}
.docs-content .guide-meta{font-size:.88em;line-height:1.55;color:var(--ink-mute);}
/* One monospace face for inline and block code; inline chips drop their outline. */
.docs-content :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84em;color:var(--ink);border-color:transparent;}
.docs-content pre{max-width:100%;}
.docs-content pre code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.6;font-variant-ligatures:none;}
/* Prism marks file descriptors .important, which the site uses for callouts. */
.docs-content pre .token.important{padding:0;margin:0;background:none;border:0;}
/* Where a command runs: a header strip on its code plate. */
.docs-content p.command-location{margin:1.4rem 0 0;padding:.5rem 1.2rem .3rem;background:var(--plate);border:1px solid var(--plate-edge);border-bottom:0;color:var(--plate-comment);font:500 .78rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;}
.docs-content p.command-location strong{font-weight:600;}
.docs-content .code-block>p.command-location{margin:0;}
.docs-content .code-block:has(>p.command-location){background:var(--plate);}
.command-location+pre,.command-location+.code-block>pre{border-top:0;padding-top:.35rem;}
.output-block pre{background:var(--paper-raised);color:var(--ink);border:1px solid var(--hairline);}
.output-block code{color:inherit;}
.docs-content th{font-family:var(--font-serif);font-size:.9em;text-transform:none;letter-spacing:0;}
.docs-content .copy-btn{font:500 .75rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;letter-spacing:0;padding:.2rem .55rem;top:.4rem;}
@media(hover:none){.docs-content .copy-btn::after{content:"";position:absolute;inset:-11px -8px;}}
.docs-content details summary{font-family:var(--font-serif);font-size:1em;font-weight:600;letter-spacing:0;text-transform:none;padding:.75rem 0;}
.docs-content details[open] summary{margin-bottom:.2rem;}
.docs-content .table-scroll{overflow-x:auto;}
.docs-content table{width:100%;}
.docs-content td,.docs-content th{overflow-wrap:anywhere;}
.docs-content kbd{font-family:system-ui,sans-serif;font-size:.8em;border-radius:4px;padding:.12em .4em;}
.key-combo{white-space:nowrap;}
.plot-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem;margin:1.5rem 0 2rem;}
.plot-pair figure{margin:0;}
.plot-pair figcaption{padding:0;border:0;font:.88em/1.5 var(--font-serif);color:var(--ink-mute);}
html[data-reading-font="serif"] .docs-content :is(.guide-meta,figcaption){font-size:.95em;}
.guide-actions{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:1.4rem 0 1.6rem;}
/* The starter download is the page's primary action: solid ink, inverted per theme. */
.docs-content .starter-download{display:inline-flex;align-items:center;gap:.55rem;min-height:3rem;padding:.7rem 1.3rem;background:var(--ink);color:var(--paper);border:1px solid var(--ink);text-decoration:none;font:600 1.05rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;}
.docs-content .starter-download:hover{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--paper);}
.docs-content .starter-download svg{flex:none;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.docs-content .starter-download .download-size{padding-left:.6rem;border-left:1px solid currentColor;font-weight:400;opacity:.8;white-space:nowrap;}
@media(max-width:380px){.docs-content .starter-download{flex-wrap:wrap;row-gap:.15rem;padding-inline:1rem;}.docs-content .starter-download .download-size{flex-basis:100%;border:0;padding-left:calc(1.15em + .55rem);font-size:.9em;}}
.docs-content .download-again{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1.2rem 0 1.4rem;}
.docs-content .download-again span{font-size:.92em;color:var(--ink-mute);}
.font-choice{display:flex;gap:.5rem;align-items:center;font: .9rem system-ui,sans-serif;color:var(--ink-soft);}
.font-choice select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);padding:.4rem;}
.guide-actions :focus-visible,.download-again :focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.docs-content .heading-anchor{font-size:.7em;}
@media(max-width:700px){.docs-content{padding-left:1rem;padding-right:1rem;} .docs-content h1{font-size:2rem;} .docs-content pre code{font-size:.82rem;} .docs-content td,.docs-content th{padding:.5rem;} }
@media print{.docs-sidebar,.topbar,.copy-btn,.guide-actions,.download-again{display:none!important;}.docs-shell{display:block;}.docs-content{max-width:none;}.docs-content p.command-location{background:none;color:#000;border-color:#999;}.docs-content .code-block:has(>p.command-location){background:none;}}
