/* auris.css: the storyboard system v2 (light, precise, one blue) laid over the older design pages.
   Loaded after each page's own <style>, so it only remaps tokens, type and the shared components. */
:root { --bg:#F7F7F5; --fg:#121212; --dim:#6B6B67; --card:#FFFFFF; --soft:#E8EEFC; --acc:#4A87EC; --hair:#E8E8E3; --grey:#9A9A96; --blue-deep:#2E6AD0; }
body { font-family:'Geist', system-ui, sans-serif; background:var(--bg); }
h1, h2, h3, .card b, .sub, .lede, p, li, summary { font-family:'Geist', system-ui, sans-serif; }
h1 { font-weight:400 !important; letter-spacing:-.045em !important; }
h2 { font-weight:400 !important; letter-spacing:-.045em !important; }
h1 em, h2 em { color:var(--grey); font-weight:400; letter-spacing:-.045em; }
header { background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
header .wrap { height:auto !important; margin-top:16px; padding:8px 8px 8px 22px; background:rgba(255,255,255,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid var(--hair); border-radius:14px; width:min(860px, 100% - 24px) !important; }
.word { font-weight:600; font-size:18px; letter-spacing:-.03em; display:flex; align-items:center; gap:8px; color:var(--fg); }
.btn { height:42px !important; padding:0 18px !important; border-radius:10px !important; border:1px solid var(--hair) !important; background:var(--card) !important; color:var(--fg) !important;
  font-family:'Geist Mono', ui-monospace, monospace !important; font-weight:400 !important; font-size:12.5px !important; letter-spacing:.08em !important; text-transform:uppercase; }
.btn:hover { transform:translateY(-1px) !important; }
.btn.k { background:var(--acc) !important; border-color:var(--acc) !important; color:#fff !important; }
.btn.k:hover { background:var(--blue-deep) !important; border-color:var(--blue-deep) !important; }
.btn.lg { height:50px !important; padding:0 22px !important; }
.eyebrow, .kick { font-family:'Geist Mono', ui-monospace, monospace !important; font-weight:400 !important; font-size:12px !important; letter-spacing:.12em !important; text-transform:uppercase; background:transparent !important; padding:0 !important; color:var(--dim) !important; }
.card { border:1px solid var(--hair); border-radius:18px !important; box-shadow:none; }
.card:hover { transform:translateY(-3px) !important; }
.card b { font-weight:500 !important; letter-spacing:-.025em !important; }
.stp .n, .use .k { font-family:'Geist Mono', ui-monospace, monospace !important; font-size:14px !important; letter-spacing:.08em; color:var(--acc) !important; line-height:1 !important; }
.reel { background:#ECECE8 !important; border:1px solid var(--hair); }
.reel::before { background:linear-gradient(#ECECE8, transparent) !important; } .reel::after { background:linear-gradient(transparent, #ECECE8) !important; }
.col figcaption { color:var(--fg) !important; font-family:'Geist Mono', monospace; font-size:11px !important; letter-spacing:.06em; text-transform:uppercase; }
footer { font-family:'Geist', system-ui, sans-serif; }

  .word i { width:32px; height:32px; margin:-4px -2px -4px -6px; background:url(auris-mark.svg?v=2) center/contain no-repeat; display:inline-block; }