/* Display settings. Loaded last so these win over page styles. */

/* Text size: scales the page content (the site uses fixed pixel sizes, so zoom is the reliable way). */
.ts-1 .wrap,.ts-1 main.page,.ts-1 .topbar,.ts-1 .statsbar,.ts-1 .trbar,.ts-1 .site-foot,.ts-1 dialog.sharebox{zoom:1.12}
.ts-2 .wrap,.ts-2 main.page,.ts-2 .topbar,.ts-2 .statsbar,.ts-2 .trbar,.ts-2 .site-foot,.ts-2 dialog.sharebox{zoom:1.25}
.ts-3 .wrap,.ts-3 main.page,.ts-3 .topbar,.ts-3 .statsbar,.ts-3 .trbar,.ts-3 .site-foot,.ts-3 dialog.sharebox{zoom:1.4}

/* High contrast: black on white, solid rules, underlined links. Works in bright sunlight and for low vision. */
:root.hc.hc{
  --paper:#ffffff; --ink:#000000; --muted:#1a1a1a; --rule:#000000; --panel:#ffffff; --field:#ffffff;
  --live:#7a4f00; --live-ink:#000000; --live-soft:#fff1c2;
  --crit:#9b0000; --crit-soft:#ffffff; --high:#7a3500; --high-soft:#ffffff; --med:#00366e; --med-soft:#ffffff;
  --ok:#004d26; --ok-soft:#ffffff; --bar-bg:#000000; --bar-fg:#ffffff; color-scheme:light}
.hc body{background:#fff;color:#000}
.hc a{text-decoration:underline;text-underline-offset:2px}
.hc .chip,.hc .pill,.hc .rel,.hc .chk-badge{border:1.5px solid currentColor}
.hc :focus-visible{outline:3px solid #000!important;outline-offset:2px}
.hc .note,.hc .eyebrow,.hc .cite{color:#000}

/* Data saver: use the phone's own fonts so the site's web fonts (about 230 KB) are never downloaded. */
:root.lite.lite{
  --f-display:"Arial Narrow",Arial,sans-serif;
  --f-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-data:ui-monospace,Consolas,"Courier New",monospace}
.lite svg text,.lite svg g{font-family:ui-monospace,Consolas,"Courier New",monospace}

/* Settings button and panel */
.setbtn{background:transparent;color:var(--bar-fg);border:1px solid rgba(255,255,255,.35);font-family:var(--f-data);font-size:13px;font-weight:700;padding:6px 10px;cursor:pointer;margin-left:6px}
.setbox h3{font-family:var(--f-display);font-size:15px;margin:14px 0 6px}
.setbox .sizes{display:flex;gap:6px;flex-wrap:wrap}
.setbox .sizes button{min-width:52px;min-height:44px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;font-weight:700}
.setbox .sizes button[aria-pressed="true"]{border:2px solid var(--ink);background:var(--live-soft)}
.setbox .opt{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--rule)}
.setbox .opt input{width:22px;height:22px;margin:2px 0 0;flex:none}
.setbox .opt span{display:grid;gap:2px}
.setbox .opt small{color:var(--muted);font-size:13px}