/* IATRT skin — static pages on iatrt.com that are NOT built by build.py:
   /portal/ (the door), /staff/, /404.html, /privacy.html, /ftp/*.html,
   /business-card.html, /tech-chat.html. All of them load style.css and/or
   public.css, then iatrt-redesign.css, and some a page sheet (pages/mail.css,
   pages/tech-chat.css). This file is linked LAST and only re-points the custom
   properties those sheets already use, then quiets the chrome (header, nav,
   footer, card, inputs, button) to the engine's look.
   Generated from skins/portal/static-pages.skin.css.in — do not hand-edit. */
/* tokens: generated from design_token by skins/export_tokens.py — do not hand-edit.
   active theme: daylight; themes present: daylight, night */
:root{--color-accent:#32abe1;--color-accent-rgb:50,171,225;--color-accent-2:#262626;--color-accent-2-rgb:38,38,38;--color-accent-ink:#ffffff;--color-accent-ink-rgb:255,255,255;--color-accent-wash:#e8f5fc;--color-accent-wash-rgb:232,245,252;--color-bad:#d0463b;--color-bad-rgb:208,70,59;--color-bg:#f5f7fb;--color-bg-rgb:245,247,251;--color-bg-2:#eceff6;--color-bg-2-rgb:236,239,246;--color-card:rgba(255,255,255,.82);--color-curtain:#fbfcfe;--color-curtain-rgb:251,252,254;--color-glass:rgba(255,255,255,.72);--color-ink:#2f4a72;--color-ink-dim:#6b7c96;--color-ink-dim-rgb:107,124,150;--color-ink-rgb:47,74,114;--color-line:#e3e8f1;--color-line-rgb:227,232,241;--color-ok:#2f9e6b;--color-ok-rgb:47,158,107;--color-surface:#ffffff;--color-surface-rgb:255,255,255;--color-veil:rgba(47,74,114,.16);--color-warn:#d98b1e;--color-warn-rgb:217,139,30;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(47,74,114,.05),0 4px 14px rgba(47,74,114,.06);--shadow-2:0 2px 6px rgba(47,74,114,.07),0 14px 34px rgba(47,74,114,.12);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);--ia-ok:#2f8f57;--ia-ok-rgb:47,143,87;--ia-warn:#b9791a;--ia-warn-rgb:185,121,26;--ia-bad:#a63b24;--ia-bad-rgb:166,59,36;}
:root[data-theme="daylight"]{--color-accent:#32abe1;--color-accent-rgb:50,171,225;--color-accent-2:#262626;--color-accent-2-rgb:38,38,38;--color-accent-ink:#ffffff;--color-accent-ink-rgb:255,255,255;--color-accent-wash:#e8f5fc;--color-accent-wash-rgb:232,245,252;--color-bad:#d0463b;--color-bad-rgb:208,70,59;--color-bg:#f5f7fb;--color-bg-rgb:245,247,251;--color-bg-2:#eceff6;--color-bg-2-rgb:236,239,246;--color-card:rgba(255,255,255,.82);--color-curtain:#fbfcfe;--color-curtain-rgb:251,252,254;--color-glass:rgba(255,255,255,.72);--color-ink:#2f4a72;--color-ink-dim:#6b7c96;--color-ink-dim-rgb:107,124,150;--color-ink-rgb:47,74,114;--color-line:#e3e8f1;--color-line-rgb:227,232,241;--color-ok:#2f9e6b;--color-ok-rgb:47,158,107;--color-surface:#ffffff;--color-surface-rgb:255,255,255;--color-veil:rgba(47,74,114,.16);--color-warn:#d98b1e;--color-warn-rgb:217,139,30;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(47,74,114,.05),0 4px 14px rgba(47,74,114,.06);--shadow-2:0 2px 6px rgba(47,74,114,.07),0 14px 34px rgba(47,74,114,.12);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}
:root[data-theme="night"]{--color-accent:#3fb6ea;--color-accent-rgb:63,182,234;--color-accent-2:#e6ebf3;--color-accent-2-rgb:230,235,243;--color-accent-ink:#08111c;--color-accent-ink-rgb:8,17,28;--color-accent-wash:rgba(63,182,234,.14);--color-bad:#ef6b62;--color-bad-rgb:239,107,98;--color-bg:#0e131c;--color-bg-rgb:14,19,28;--color-bg-2:#131a26;--color-bg-2-rgb:19,26,38;--color-card:rgba(23,31,44,.88);--color-curtain:#0e131c;--color-curtain-rgb:14,19,28;--color-glass:rgba(23,31,44,.72);--color-ink:#dfe7f4;--color-ink-dim:#93a2bb;--color-ink-dim-rgb:147,162,187;--color-ink-rgb:223,231,244;--color-line:#263043;--color-line-rgb:38,48,67;--color-ok:#4cc38a;--color-ok-rgb:76,195,138;--color-surface:#171f2c;--color-surface-rgb:23,31,44;--color-veil:rgba(4,8,16,.55);--color-warn:#f0a33a;--color-warn-rgb:240,163,58;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.4);--shadow-2:0 2px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.55);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-accent:#3fb6ea;--color-accent-rgb:63,182,234;--color-accent-2:#e6ebf3;--color-accent-2-rgb:230,235,243;--color-accent-ink:#08111c;--color-accent-ink-rgb:8,17,28;--color-accent-wash:rgba(63,182,234,.14);--color-bad:#ef6b62;--color-bad-rgb:239,107,98;--color-bg:#0e131c;--color-bg-rgb:14,19,28;--color-bg-2:#131a26;--color-bg-2-rgb:19,26,38;--color-card:rgba(23,31,44,.88);--color-curtain:#0e131c;--color-curtain-rgb:14,19,28;--color-glass:rgba(23,31,44,.72);--color-ink:#dfe7f4;--color-ink-dim:#93a2bb;--color-ink-dim-rgb:147,162,187;--color-ink-rgb:223,231,244;--color-line:#263043;--color-line-rgb:38,48,67;--color-ok:#4cc38a;--color-ok-rgb:76,195,138;--color-surface:#171f2c;--color-surface-rgb:23,31,44;--color-veil:rgba(4,8,16,.55);--color-warn:#f0a33a;--color-warn-rgb:240,163,58;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.4);--shadow-2:0 2px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.55);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}}

/* ---- 1. re-point every variable the old sheets read ---------------------- */
:root{
  /* style.css / public.css / iatrt-redesign.css / pages/mail.css / pages/tech-chat.css */
  --bg:var(--color-bg);
  --bg-0:var(--color-bg);--bg-1:var(--color-bg);--bg-2:var(--color-bg-2);
  --white:var(--color-surface);
  --surface:var(--color-surface);--surface-2:var(--color-bg-2);--surface-3:var(--color-line);
  --surface-soft:var(--color-bg-2);--surface-strong:var(--color-surface);
  --panel:var(--color-surface);--panel-alt:var(--color-bg-2);--panel-strong:var(--color-surface);
  --ink:var(--color-ink);--ink-rgb:var(--color-ink-rgb);
  --ink-soft:var(--color-ink);--ink-soft-rgb:var(--color-ink-rgb);
  --text-1:var(--color-ink);--text-2:var(--color-ink);--text-3:var(--color-ink-dim);
  --muted:var(--color-ink-dim);--muted-rgb:var(--color-ink-dim-rgb);
  --accent:var(--color-accent);--accent-rgb:var(--color-accent-rgb);
  --accent-dim:var(--color-ink);--accent-soft:var(--color-accent);
  --glow:rgba(var(--color-accent-rgb),.14);--glow-strong:rgba(var(--color-accent-rgb),.24);
  --rule:var(--color-line);--line:var(--color-line);--line-strong:var(--color-ink-dim);
  --border:var(--color-line);--border-strong:var(--color-ink-dim);
  --focus:rgba(var(--color-accent-rgb),.18);
  --shadow:var(--shadow-1);--radius:var(--radius-2);--radius-sm:var(--radius-1);
  --success:var(--ia-ok);--success-rgb:var(--ia-ok-rgb);
  --danger:var(--ia-bad);--danger-rgb:var(--ia-bad-rgb);
  /* the old "blue-*" / "green-*" ladders in style.css */
  --blue-900:var(--color-ink);--blue-900-rgb:var(--color-ink-rgb);
  --blue-800:var(--color-ink);--blue-800-rgb:var(--color-ink-rgb);
  --blue-700:var(--color-accent);--blue-700-rgb:var(--color-accent-rgb);
  --blue-600:var(--color-accent);--blue-600-rgb:var(--color-accent-rgb);
  --blue-500:var(--color-ink-dim);--blue-500-rgb:var(--color-ink-dim-rgb);
  --blue-400:var(--color-line);
  --green-600:var(--color-accent);--green-600-rgb:var(--color-accent-rgb);
  --green-500:var(--color-accent);--green-500-rgb:var(--color-accent-rgb);
  /* pages/mail.css + pages/tech-chat.css private ladders */
  --mail-bg-0:var(--color-bg);--mail-bg-1:var(--color-bg);--mail-panel:var(--color-surface);
  --mail-text-1:var(--color-ink);--mail-text-2:var(--color-ink);--mail-text-3:var(--color-ink-dim);
  --mail-amber-rgb:var(--color-accent-rgb);
  --tech-bg-0:var(--color-bg);--tech-panel:var(--color-surface);
  --tech-text-1:var(--color-ink);--tech-text-2:var(--color-ink);--tech-text-3:var(--color-ink-dim);
  --tech-amber-rgb:var(--color-accent-rgb);
  /* one type system */
  --font-head:var(--type-body);--font-body:var(--type-body);
  --font-mono:ui-monospace,Menlo,Consolas,monospace;
  --heading-font:var(--type-body);--body-font:var(--type-body);
}

/* ---- 2. the page ---------------------------------------------------------- */
body{background:var(--color-bg);color:var(--color-ink);font-family:var(--type-body)}
body::before,body::after{display:none!important}   /* mail.css / tech-chat.css grain + vignette */

/* ---- 3. header: light, one hairline, the real logo ------------------------ */
.site-header{background:rgba(var(--color-surface-rgb),.86);border-bottom:1px solid var(--color-line);
  box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.site-header .brand-logo{filter:none;height:40px}
.brand,.brand:visited,.brand:active,.brand:focus{color:var(--color-ink)}
.brand-title{font-family:var(--type-body);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink)}
.brand-sub{font-family:var(--type-body);font-size:11px;letter-spacing:.08em;text-transform:none;color:var(--color-ink-dim)}
.primary-nav a{font-family:var(--type-body);font-size:.85rem;font-weight:600;letter-spacing:0;text-transform:none;
  min-height:0;padding:.6rem var(--space-3);background:transparent;border:1px solid transparent;color:var(--color-ink-dim);
  transition:background var(--motion-1),color var(--motion-1),box-shadow var(--motion-1)}
.primary-nav a:hover{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink);box-shadow:var(--shadow-1)}
.primary-nav .cta,.primary-nav .cta:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-1)}
.primary-nav .cta:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}
.nav-toggle{background:var(--color-surface);border:1px solid var(--color-line)}
.nav-toggle span{background:var(--color-ink)}
.site-header.nav-open .primary-nav{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-2)}
.primary-nav .client-menu-list{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-2);border-radius:var(--radius-2)}
.primary-nav .client-menu-list a{color:var(--color-ink)}

/* ---- 4. the card and the form ---------------------------------------------- */
.login-card,.portal-card,.ftp-card,.notfound-card,.tech-card,.tool-panel,.card{
  background:var(--color-surface);border:0;border-radius:var(--radius-2);box-shadow:var(--shadow-1);
  -webkit-backdrop-filter:none;backdrop-filter:none}
.login-header h1,.portal-title,.ftp-card h1,.notfound-title,.tech-card h1,h1,h2,h3{
  font-family:var(--type-body);text-transform:none;letter-spacing:-.01em;color:var(--color-ink)}
.login-header p,.portal-sub,.lead,.muted,.ftp-card p{color:var(--color-ink-dim)}
.login-logo{filter:none;height:56px}
label,.field label,.form-group label{font-family:var(--type-body);font-size:.8rem;font-weight:600;color:var(--color-ink-dim);
  letter-spacing:0;text-transform:none}
.login-card .form-group input,.field .input,.input,.ftp-input,.ftp-search,.tech-login input,.tech-send input,
input[type="text"],input[type="email"],input[type="password"],input[type="search"]{
  font:inherit;font-size:1rem;color:var(--color-ink);background:var(--color-surface);
  border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:.8rem 1.1rem;
  box-shadow:var(--shadow-1);transition:box-shadow var(--motion-1),border-color var(--motion-1)}
.login-card .form-group input:focus,.field .input:focus,.input:focus,.ftp-input:focus,.ftp-search:focus,
.tech-login input:focus,.tech-send input:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="search"]:focus{
  outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-2)}
::placeholder{color:var(--color-ink-dim);opacity:.8}

/* the one solid pill, and the ghost */
.login-submit,.button.primary,.btn-primary{font-family:var(--type-body);font-size:.95rem;font-weight:600;
  letter-spacing:0;text-transform:none;border-radius:var(--radius-pill);
  background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-1)}
.login-submit:hover:not(:disabled),.button.primary:hover,.btn-primary:hover{
  background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-2);transform:translateY(-1px)}
.button.secondary,.button.ghost,.ftp-inline-btn,.files-inline{font-family:var(--type-body);font-size:.9rem;font-weight:600;
  letter-spacing:0;text-transform:none;border-radius:var(--radius-pill);
  background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink-dim);box-shadow:none}
.button.secondary:hover,.button.ghost:hover,.ftp-inline-btn:hover{background:var(--color-surface);color:var(--color-ink);
  border-color:var(--color-line);box-shadow:var(--shadow-1)}
.error-message,.err,.ftp-error,.tech-login-error{background:rgba(var(--ia-bad-rgb),.08);border:1px solid rgba(var(--ia-bad-rgb),.2);
  color:var(--ia-bad);border-radius:var(--radius-1)}
.success-message,.ok{background:rgba(var(--ia-ok-rgb),.08);border:1px solid rgba(var(--ia-ok-rgb),.2);color:var(--ia-ok);border-radius:var(--radius-1)}
.login-footer,.login-footer p{color:var(--color-ink-dim)}
.login-footer a,a.ia-link{color:var(--color-accent)}
hr{border:0;border-top:1px solid var(--color-line)}

/* ---- 5. footer: quiet, one line of facts ----------------------------------- */
.site-footer{background:transparent;border-top:1px solid var(--color-line);padding:var(--space-4) 0}
.footer-inner,.footer-inner p{font-family:var(--type-body);font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--color-ink-dim)}
.footer-inner a{color:var(--color-ink-dim);border-bottom:1px solid var(--color-line);text-decoration:none}
.footer-inner a:hover{color:var(--color-accent);border-color:var(--color-accent)}

/* ---- 6. tech chat page + 404 grid + ftp list ------------------------------- */
.tech-log,.tech-sessions,.ftp-list,.ftp-player{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-1)}
.tech-bubble{background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink)}
.tech-row.tech .tech-bubble{background:var(--color-accent-wash);border-color:transparent}
.tech-row.system .tech-bubble{color:var(--color-ink-dim)}
.nf-link{background:var(--color-surface);border:0;box-shadow:var(--shadow-1);border-radius:var(--radius-2)}
.nf-link:hover{box-shadow:var(--shadow-2)}
.nf-link .label{color:var(--color-ink)}
.notfound-code{color:var(--color-accent)}
.ftp-list li{border-color:var(--color-line)}
.ftp-file-link{color:var(--color-accent)}
.ftp-progress::-webkit-progress-value,.ftp-progress::-moz-progress-bar{background:var(--color-accent)}


/* ---- night: the same mapping, the night rows --------------------------------
   Every rule above reads var(--color-*), so the dark block in /* tokens: generated from design_token by skins/export_tokens.py — do not hand-edit.
   active theme: daylight; themes present: daylight, night */
:root{--color-accent:#32abe1;--color-accent-rgb:50,171,225;--color-accent-2:#262626;--color-accent-2-rgb:38,38,38;--color-accent-ink:#ffffff;--color-accent-ink-rgb:255,255,255;--color-accent-wash:#e8f5fc;--color-accent-wash-rgb:232,245,252;--color-bad:#d0463b;--color-bad-rgb:208,70,59;--color-bg:#f5f7fb;--color-bg-rgb:245,247,251;--color-bg-2:#eceff6;--color-bg-2-rgb:236,239,246;--color-card:rgba(255,255,255,.82);--color-curtain:#fbfcfe;--color-curtain-rgb:251,252,254;--color-glass:rgba(255,255,255,.72);--color-ink:#2f4a72;--color-ink-dim:#6b7c96;--color-ink-dim-rgb:107,124,150;--color-ink-rgb:47,74,114;--color-line:#e3e8f1;--color-line-rgb:227,232,241;--color-ok:#2f9e6b;--color-ok-rgb:47,158,107;--color-surface:#ffffff;--color-surface-rgb:255,255,255;--color-veil:rgba(47,74,114,.16);--color-warn:#d98b1e;--color-warn-rgb:217,139,30;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(47,74,114,.05),0 4px 14px rgba(47,74,114,.06);--shadow-2:0 2px 6px rgba(47,74,114,.07),0 14px 34px rgba(47,74,114,.12);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);--ia-ok:#2f8f57;--ia-ok-rgb:47,143,87;--ia-warn:#b9791a;--ia-warn-rgb:185,121,26;--ia-bad:#a63b24;--ia-bad-rgb:166,59,36;}
:root[data-theme="daylight"]{--color-accent:#32abe1;--color-accent-rgb:50,171,225;--color-accent-2:#262626;--color-accent-2-rgb:38,38,38;--color-accent-ink:#ffffff;--color-accent-ink-rgb:255,255,255;--color-accent-wash:#e8f5fc;--color-accent-wash-rgb:232,245,252;--color-bad:#d0463b;--color-bad-rgb:208,70,59;--color-bg:#f5f7fb;--color-bg-rgb:245,247,251;--color-bg-2:#eceff6;--color-bg-2-rgb:236,239,246;--color-card:rgba(255,255,255,.82);--color-curtain:#fbfcfe;--color-curtain-rgb:251,252,254;--color-glass:rgba(255,255,255,.72);--color-ink:#2f4a72;--color-ink-dim:#6b7c96;--color-ink-dim-rgb:107,124,150;--color-ink-rgb:47,74,114;--color-line:#e3e8f1;--color-line-rgb:227,232,241;--color-ok:#2f9e6b;--color-ok-rgb:47,158,107;--color-surface:#ffffff;--color-surface-rgb:255,255,255;--color-veil:rgba(47,74,114,.16);--color-warn:#d98b1e;--color-warn-rgb:217,139,30;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(47,74,114,.05),0 4px 14px rgba(47,74,114,.06);--shadow-2:0 2px 6px rgba(47,74,114,.07),0 14px 34px rgba(47,74,114,.12);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}
:root[data-theme="night"]{--color-accent:#3fb6ea;--color-accent-rgb:63,182,234;--color-accent-2:#e6ebf3;--color-accent-2-rgb:230,235,243;--color-accent-ink:#08111c;--color-accent-ink-rgb:8,17,28;--color-accent-wash:rgba(63,182,234,.14);--color-bad:#ef6b62;--color-bad-rgb:239,107,98;--color-bg:#0e131c;--color-bg-rgb:14,19,28;--color-bg-2:#131a26;--color-bg-2-rgb:19,26,38;--color-card:rgba(23,31,44,.88);--color-curtain:#0e131c;--color-curtain-rgb:14,19,28;--color-glass:rgba(23,31,44,.72);--color-ink:#dfe7f4;--color-ink-dim:#93a2bb;--color-ink-dim-rgb:147,162,187;--color-ink-rgb:223,231,244;--color-line:#263043;--color-line-rgb:38,48,67;--color-ok:#4cc38a;--color-ok-rgb:76,195,138;--color-surface:#171f2c;--color-surface-rgb:23,31,44;--color-veil:rgba(4,8,16,.55);--color-warn:#f0a33a;--color-warn-rgb:240,163,58;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.4);--shadow-2:0 2px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.55);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-accent:#3fb6ea;--color-accent-rgb:63,182,234;--color-accent-2:#e6ebf3;--color-accent-2-rgb:230,235,243;--color-accent-ink:#08111c;--color-accent-ink-rgb:8,17,28;--color-accent-wash:rgba(63,182,234,.14);--color-bad:#ef6b62;--color-bad-rgb:239,107,98;--color-bg:#0e131c;--color-bg-rgb:14,19,28;--color-bg-2:#131a26;--color-bg-2-rgb:19,26,38;--color-card:rgba(23,31,44,.88);--color-curtain:#0e131c;--color-curtain-rgb:14,19,28;--color-glass:rgba(23,31,44,.72);--color-ink:#dfe7f4;--color-ink-dim:#93a2bb;--color-ink-dim-rgb:147,162,187;--color-ink-rgb:223,231,244;--color-line:#263043;--color-line-rgb:38,48,67;--color-ok:#4cc38a;--color-ok-rgb:76,195,138;--color-surface:#171f2c;--color-surface-rgb:23,31,44;--color-veil:rgba(4,8,16,.55);--color-warn:#f0a33a;--color-warn-rgb:240,163,58;--motion-1:150ms cubic-bezier(.2,.7,.3,1);--motion-2:300ms cubic-bezier(.2,.7,.3,1);--motion-3:420ms cubic-bezier(.3,.8,.3,1);--motion-4:420ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--radius-1:10px;--radius-2:18px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.4);--shadow-2:0 2px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.55);--size-door:27rem;--size-measure:34rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--type-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--type-h1:clamp(1.5rem,3.4vw,2.1rem);--type-lead:clamp(1.05rem,2.2vw,1.3rem);--type-word:clamp(2.2rem,7.5vw,4rem);}}
   is all that is needed. Only literal opacities on the header need a nudge. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="daylight"]) .site-header{background:rgba(var(--color-surface-rgb),.9)}
  /* 2026-09-12, WK: "staff sign-in dark theme makes text inputs invisible."
     iatrt-redesign.css declares color-scheme:light, so in a dark OS the
     browser (Safari especially) painted its light form-control and autofill
     backgrounds under our light ink. The scheme now follows the tokens, the
     ink is pinned with -webkit-text-fill-color, and autofill is repainted. */
  :root:not([data-theme="daylight"]){color-scheme:dark}
  :root:not([data-theme="daylight"]) input:not([type=checkbox]):not([type=radio]):not([type=file]),
  :root:not([data-theme="daylight"]) textarea,:root:not([data-theme="daylight"]) select{
    color:var(--color-ink);-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);
    background:var(--color-surface)}
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-ink);
  caret-color:var(--color-ink);transition:background-color 9999s ease-out 0s}