/* CrewLink brand layer (brand kit v1.0, 2026-10-09): Geist, one blue, 1px lines. Dark by default; light only via data-theme.
   Loaded last on every page. Defines --cl-* tokens and maps the older page tokens onto them. */
@font-face{font-family:"Geist";src:url(/assets/fonts/Geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/GeistMono.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

/* Dark is the site theme: the dark palette is the :root base and the OS light/dark setting is ignored.
   The light palette is kept only behind an explicit html[data-theme="light"] (for a future toggle). */
:root{
  color-scheme:dark;
  --cl-bg:#08090A;--cl-surface:#0B0C0E;--cl-surface-2:#121418;--cl-line:#1C1E22;--cl-line-strong:#23262B;
  --cl-text:#EDEEF0;--cl-text-2:#A1A6AF;--cl-text-3:#8A8F98;
  --cl-accent:#4F7CFF;--cl-accent-hover:#7395FF;--cl-accent-text:#8AA9FF;--cl-on-accent:#08090A;--cl-accent-tint:rgba(79,124,255,.14);
  --cl-connect:#3DDC97;--cl-connect-text:#3DDC97;--cl-on-connect:#08090A;--cl-connect-tint:rgba(61,220,151,.14);
  --cl-warning:#FFB547;--cl-danger:#FF6B6B;--cl-glow:rgba(79,124,255,.30);
  --cl-ok:#3DDC97;--cl-tight:#FFB547;--cl-late:#FF6B6B;--cl-idle:#5B606A;
  --cl-drive:#FFB547;--cl-drive-tint:rgba(255,181,71,.14);
  --cl-glass:rgba(8,9,10,.72);--cl-shadow:0 1px 2px rgba(0,0,0,.4),0 12px 40px rgba(0,0,0,.35);
  --cl-radius-sm:8px;--cl-radius-md:10px;--cl-radius-lg:14px;--cl-radius-xl:16px;
  --cl-font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --cl-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme="light"]{
  color-scheme:light;
  --cl-bg:#FFFFFF;--cl-surface:#FAFAFB;--cl-surface-2:#F4F4F5;--cl-line:#E4E5E8;--cl-line-strong:#D4D4D8;
  --cl-text:#08090A;--cl-text-2:#52525B;--cl-text-3:#5F646D;
  --cl-accent-hover:#3F68E8;--cl-accent-text:#2F5FE0;--cl-accent-tint:rgba(79,124,255,.12);
  --cl-connect-text:#15803D;--cl-connect-tint:rgba(61,220,151,.14);
  --cl-warning:#B45309;--cl-danger:#DC2626;--cl-glow:rgba(79,124,255,.18);
  --cl-ok:#16A34A;--cl-tight:#D97706;--cl-late:#DC2626;--cl-idle:#A1A1AA;
  --cl-drive:#F59E0B;--cl-drive-tint:rgba(245,158,11,.16);
  --cl-glass:rgba(255,255,255,.78);--cl-shadow:0 1px 2px rgba(8,9,10,.04),0 8px 30px rgba(8,9,10,.06);
}

/* older page tokens (blog.css, site.css, inline calculators) -> brand */
:root{
  --void:var(--cl-bg);--deck:var(--cl-surface);--deck-2:var(--cl-surface-2);--line:var(--cl-line);--line-hot:var(--cl-line-strong);
  --ink:var(--cl-text);--ink-2:var(--cl-text-2);--mute:var(--cl-text-3);
  --signal:var(--cl-accent);--signal-2:var(--cl-accent-text);--signal-dim:var(--cl-accent-tint);
  --drive:var(--cl-warning);--live:var(--cl-connect-text);
  --display:var(--cl-font-sans);--body:var(--cl-font-sans);--data:var(--cl-font-mono);
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--cl-bg);color:var(--cl-text);font-family:var(--cl-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:var(--cl-accent-tint)}
:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--cl-accent);color:var(--cl-on-accent);padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}

/* inner-page fixes (blog.css predates the brand tokens) */
article strong{color:var(--cl-text)}
h1,article h2,article h3,.cta-box h2{font-weight:600;letter-spacing:-.04em}
article h2{letter-spacing:-.035em}
a{border-bottom-color:color-mix(in srgb,var(--cl-accent-text) 35%,transparent)}
tbody tr:hover{background:var(--cl-surface-2)}
figure.calc .r{border-bottom-color:var(--cl-line)}
.cta-box{border-radius:var(--cl-radius-lg);background:radial-gradient(120% 140% at 0% 0%,var(--cl-glow),transparent 55%),var(--cl-surface)}
.cta-box .btn,.btn{border-radius:999px;background:var(--cl-accent);color:var(--cl-on-accent);font-family:var(--cl-font-sans);font-size:15px;
  letter-spacing:-.01em;text-transform:none;font-weight:600;padding:12px 22px}
.btn:hover{color:var(--cl-on-accent);background:var(--cl-accent-hover);box-shadow:0 8px 24px var(--cl-glow)}
.cta-box .alt{margin-left:16px;font-size:15px}
.note,.takeaway,figure.calc,.cl-calc,.card,.related li{border-radius:var(--cl-radius-md)}
.cl-calc input{border-radius:8px;background:var(--cl-bg)}
.cl-calc .out div{border-radius:8px;background:var(--cl-bg)}
.card{background:var(--cl-surface)}
.clx .card{background:color-mix(in srgb,var(--cl-surface) 88%,transparent)}
.clx-map{border-radius:var(--cl-radius-lg);background:color-mix(in srgb,var(--cl-surface) 82%,transparent)}
.clx-map::before,.clx-map::after{display:none}
figure.calc::before{display:none}
.clx-scrim{background:linear-gradient(97deg,color-mix(in srgb,var(--cl-bg) 90%,transparent) 0%,color-mix(in srgb,var(--cl-bg) 84%,transparent) 45%,color-mix(in srgb,var(--cl-bg) 70%,transparent) 100%)}
.clx-hero .eyebrow,.takeaway h2,.related h2,.crumb,.byline,.clb-group h4,th,figure.calc figcaption,.cl-calc label{font-family:var(--cl-font-mono);letter-spacing:.08em}
.clx-rail a{font-family:var(--cl-font-mono);letter-spacing:.06em}
body.clx{padding-top:76px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.clx .card:hover{box-shadow:0 0 0 1px var(--cl-accent-tint),0 14px 40px var(--cl-glow)}
.card:hover{border-color:var(--cl-accent)}
.card h2,.related a{font-weight:600;letter-spacing:-.03em}
body{font-size:17px;line-height:1.7}