/* Display preferences only; original public reading content and layout are retained. */
:root{--fs:16px;--public-link:#0d63da;--public-soft:#eef5ff;--public-example:#fff9ed;--public-warning:#fff2f2;--public-focus:#005c86;--public-button:#006e91}
html{font-size:var(--fs);scroll-padding-top:12rem}
body{font-size:1.125rem}
html[data-theme="dark"]{--text:#f3f7fb;--muted:#c0d1dc;--line:#526e81;--bg:#142735;--card:#1c3549;--public-link:#8cdaf4;--public-soft:#234657;--public-example:#3f351e;--public-warning:#442c35;--public-focus:#ffe193}
html[data-color-mode="redgreen"]{--public-warning:#fff1ca}
html[data-theme="dark"][data-color-mode="redgreen"]{--public-warning:#3f351e}
html[data-color-mode="blueyellow"]{--public-warning:#f8eaf3}
html[data-theme="dark"][data-color-mode="blueyellow"]{--public-warning:#412b3b}
html[data-color-mode="contrast"]{--line:var(--text);--muted:var(--text)}
html[data-theme="dark"][data-color-mode="contrast"]{--bg:#000;--card:#000;--text:#fff;--muted:#fff;--line:#fff;--public-soft:#171717;--public-example:#171717;--public-warning:#171717;--public-link:#9ce8ff}
.container{padding-inline:clamp(1rem,2vw,1.5rem)}
a{color:var(--public-link);overflow-wrap:break-word}
:is(button,input,select){font:inherit}
:is(a,button,input,select):focus-visible{outline:3px solid var(--public-focus);outline-offset:3px}
.content-card,.related a,.kb-card,.level{background:var(--card);color:var(--text)}
.answer,.bob-box{background:var(--public-soft);color:var(--text);border-color:var(--line)}
.example{background:var(--public-example);color:var(--text);border-color:var(--line)}
.warning{background:var(--public-warning);color:var(--text);border-color:var(--line)}
.crumbs,.crumbs a,.meta,.kb-card p{color:var(--muted)}
.navlinks a{font-size:.875rem}
.hero h1{font-size:clamp(2rem,5vw,3.375rem)}
.hero p{font-size:1.125rem}
.crumbs{font-size:.875rem}
.answer{font-size:1.125rem}
.meta{font-size:.875rem}
.kb-card h2{font-size:1.125rem}
.kb-card p{font-size:1rem}
.pill{background:var(--public-soft);color:var(--text);font-size:.875rem;border:1px solid var(--line)}
.level b{color:var(--public-link)}
.related,.kb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.related a,.kb-card,.bob-box>div{min-width:0}
.bob-box img{flex:none}
.header-inner{flex-wrap:wrap}
.public-display{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;width:100%;padding-top:.5rem;border-top:1px solid #526e81;color:#fff;font-size:.875rem}
.public-font-tools{display:flex;gap:.25rem;align-items:center}
.public-display button{background:transparent;color:#fff;border:1px solid #8ba2b6;border-radius:.45rem;padding:.4rem .55rem;min-height:44px;min-width:44px;cursor:pointer}
.public-display button[aria-pressed="true"]{background:var(--public-button);outline:2px solid #bceafd;outline-offset:-3px}
.public-display select{max-width:100%;min-height:44px;border:1px solid #8ba2b6;border-radius:.45rem;padding:.35rem;background:#fff;color:#122238}
.public-color-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}
.public-display a{color:#f3f7fb;text-underline-offset:.2em}
.public-display :is(button,a,select):focus-visible{outline-color:#ffe193}
@media(max-width:760px){.header-inner{gap:.75rem}.site-header{position:static}.navlinks{gap:.65rem 1rem}.bob-box{flex-direction:column}.public-display{gap:.6rem}.public-color-tools{flex-basis:100%}.public-font-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}