/* Hallmark · shape: Two rooms (subpages) · genre: modern-minimal · theme: brand (Akari, locked by DESIGN.md) · redesign: full
 * paper: oklch(0.13 0.01 75) · accent: oklch(0.80 0.12 85) · display: Jost · body: Inter · hero: kept · nav: bar, wordmark and one action · footer: wordmark and links · signature: kept
 * axes: dark and daylight alternating/geometric-light/champagne · posture: Settled · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H3 E3 S3 R4 V4 · weakest: S, the reading pages carry no signature of their own; the dark title band and the ivory reading room are the whole idea */
/* Shared by faq.html and legal/*. The landing (index.html) carries the same tokens inline: edit them together. */
:root{
  --room:#0a0806; --room-2:#120e08;
  --n-ink:#f2e8d2; --n-ink-2:#d9cdb0; --n-muted:#b5a888; --n-faint:#a89b7c;
  --n-paper:#1a140c; --n-paper-2:#241c11; --n-edge:#33291a; --n-edge-2:#42351f;
  --n-gold:#e0b959; --n-gold-d:#c79a33; --n-gold-l:#f6e3a4;
  --n-up:#2fd39a; --n-down:#fb6f7e; --n-down-line:rgba(251,111,126,.6);
  --n-lantern:radial-gradient(120% 80% at 50% 0%,rgba(231,185,89,.16),transparent 60%);
  --n-halo:rgba(246,227,164,.09);
  --day-ground:#f6edd6; --day-ink:#2a2316; --day-ink-2:#4a3f29; --day-muted:#675b3f; --day-faint:#76694a;
  --day-paper:#fffdf8; --day-paper-2:#f7efdd; --day-edge:#e0d2ac; --day-edge-2:#d2c08f;
  --day-gold:#8a6710; --day-gold-d:#9c7616; --day-gold-l:#c79a33;
  --day-up:#0b7a56; --day-down:#c4384a; --day-down-line:rgba(196,56,74,.6);
  --day-lantern:radial-gradient(120% 80% at 50% 0%,rgba(231,185,89,.34),transparent 62%);
  --day-halo:rgba(231,185,89,.14);
  --gold-grad:linear-gradient(180deg,#f6e3a4,#e0b959 45%,#c79a33);
  --gold-ink:#1a1408; --gold-glow:rgba(231,185,89,.35); --menu-bg:rgba(10,8,6,.97);
  --sel:rgba(231,185,89,.3);
  --f-display:'Jost',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;
  --wrap:1240px;
}
/* the night room is the default; a daylight room re-points the same names */
:root,.night{
  --ink:var(--n-ink); --ink-2:var(--n-ink-2); --muted:var(--n-muted); --faint:var(--n-faint);
  --paper:var(--n-paper); --paper-2:var(--n-paper-2); --edge:var(--n-edge); --edge-2:var(--n-edge-2);
  --gold:var(--n-gold); --gold-d:var(--n-gold-d); --gold-l:var(--n-gold-l);
  --up:var(--n-up); --down:var(--n-down); --down-line:var(--n-down-line);
  --lantern:var(--n-lantern); --halo:var(--n-halo);
}
.day{
  --ink:var(--day-ink); --ink-2:var(--day-ink-2); --muted:var(--day-muted); --faint:var(--day-faint);
  --paper:var(--day-paper); --paper-2:var(--day-paper-2); --edge:var(--day-edge); --edge-2:var(--day-edge-2);
  --gold:var(--day-gold); --gold-d:var(--day-gold-d); --gold-l:var(--day-gold-l);
  --up:var(--day-up); --down:var(--day-down); --down-line:var(--day-down-line);
  --lantern:var(--day-lantern); --halo:var(--day-halo);
}
.night{background:var(--room);color:var(--ink)}
.day{background:var(--day-ground);color:var(--ink)}
.night.day{background:var(--room)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip;background:var(--room);color:var(--ink);font:16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
::selection{background:var(--sel)}
a{color:var(--gold)}a:hover{color:var(--gold-l)}
img{display:block;max-width:100%}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.skipnav{position:fixed;z-index:300;top:8px;left:8px;transform:translateY(-220%);background:var(--gold-grad);color:var(--gold-ink);
  font-weight:600;font-size:14px;padding:12px 16px;border-radius:8px;text-decoration:none;transition:transform .16s}
.skipnav:focus-visible{transform:none}
#doc:focus{outline:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;
  font:500 15px/1 var(--f-display);text-decoration:none;white-space:nowrap;transition:box-shadow .2s,border-color .2s}
.btn.gold{background:var(--gold-grad);color:var(--gold-ink)}
.btn.gold:hover{color:var(--gold-ink);box-shadow:0 8px 24px -8px var(--gold-glow)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.sm{min-height:44px;padding:0 16px}
.btn:active{transform:translateY(1px)}

/* nav: the landing's bar, without the section menu (these pages are short) */
.sitenav{position:sticky;top:0;z-index:50;background:var(--room);border-bottom:1px solid var(--edge)}
.sitewrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.sitenav .sitewrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:500 16px var(--f-display)}
.brand:hover{color:var(--ink)}
.brand img{width:34px;height:30px;object-fit:contain}
.sitelinks{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}
.sitelinks a{color:var(--ink-2);text-decoration:none}
.sitelinks a:hover,.sitelinks a[aria-current]{color:var(--gold)}
.sitenav .cta-s{display:none}

/* footer */
.sitefoot{border-top:1px solid var(--edge)}
.sitefoot .sitewrap{padding-top:32px;padding-bottom:32px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;font-size:14px}
.sitefoot nav{display:flex;gap:32px;flex-wrap:wrap}
.sitefoot nav a{color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.sitefoot nav a:hover{color:var(--gold)}

@media (max-width:900px){
  .sitewrap{padding:0 24px}
  .sitelinks a:not(.keep){display:none}
}
@media (max-width:640px){
  .sitewrap{padding:0 16px}
  .sitenav .sitewrap{gap:12px}
  .sitelinks .keep{display:none}
  .brand{white-space:nowrap;font-size:15px}
  .sitenav .btn{white-space:nowrap;padding:0 16px;font-size:14px}
}
@media (max-width:440px){
  .sitenav .cta-l{display:none}
  .sitenav .cta-s{display:inline}
}
@media (max-width:340px){
  .brand{font-size:0;gap:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}