/* FAREN shell — the ONE header. Identical on every lens. Do not fork this per page. */
:root{
  --shell-h: 62px;
  --fs-hero:54px; --fs-xl:26px; --fs-lg:19px; --fs-md:16px; --fs-sm:14px; --fs-xs:12.5px;
  --page:#0B0F17; --card:#101622; --card-2:#0d1420;
  --ink:#F4F6FA; --ink-2:#B7BFCC; --ink-3:#7A8494;
  --hairline:rgba(255,255,255,0.09); --hairline-2:rgba(255,255,255,0.16);
  --brand:#38BDF8;
  --sans: system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}
#faren-shell{
  height:62px; box-sizing:border-box;
  display:flex; align-items:center; gap:14px;
  padding:0 20px; margin:0;
  background:rgba(11,15,23,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hairline);
  position:sticky; top:0; left:0; right:0; z-index:400;
  font-family:system-ui,-apple-system,"SF Pro Text",sans-serif;
}
#faren-shell,#faren-shell *{box-sizing:border-box;}
#faren-shell .fs-brand{display:flex; align-items:center; gap:9px; flex:none; text-decoration:none; color:var(--ink);}
#faren-shell .fs-brand svg{display:block; flex:none;}
#faren-shell .fs-name{font-size:19px; font-weight:650; letter-spacing:.04em; color:var(--ink); line-height:1;}
#faren-shell nav.fs-tabs{display:flex; gap:4px; margin-left:6px; flex:none;}
#faren-shell nav.fs-tabs a{
  font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-3); padding:7px 14px; border-radius:8px; text-decoration:none; transition:color .15s, background .15s;
  line-height:1; white-space:nowrap;
}
#faren-shell nav.fs-tabs a:hover{color:var(--ink);}
#faren-shell nav.fs-tabs a.cur{background:rgba(56,189,248,.12); color:var(--brand);}
#shell-right{margin-left:auto; display:flex; align-items:center; gap:10px; flex-wrap:nowrap; overflow:hidden;}
#shell-right .today{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12.5px; color:var(--ink-3); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;}
#shell-right .pills{display:flex; gap:6px; flex-wrap:nowrap;}
@media(max-width:900px){ #shell-right .pills{display:none;} }
@media(max-width:640px){ #faren-shell{padding:0 12px; gap:8px;} #faren-shell nav.fs-tabs a{padding:7px 9px;} #shell-right .today{display:none;} }

/* text size control — lives in the shell, applies app-wide */
#fs-zoom{display:flex; align-items:center; gap:2px; flex:none; margin-right:4px;}
#fs-zoom button{
  font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:13px; line-height:1;
  background:none; border:1px solid var(--hairline-2); color:var(--ink-3);
  width:26px; height:26px; border-radius:7px; cursor:pointer; padding:0;
  display:flex; align-items:center; justify-content:center;
}
#fs-zoom button:hover{color:var(--ink); border-color:var(--brand);}
#fs-zoom .lvl{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:11px; color:var(--ink-3);
  min-width:34px; text-align:center; letter-spacing:.04em;}
@media(max-width:640px){ #fs-zoom .lvl{display:none;} }