/* =====================================================================
   Operator's Notes — shared stylesheet (index.html + about.html)
   Token system inherited from operator-catalog.html v1: paper/ink/forest,
   light + dark (prefers-color-scheme with data-theme override).
   ===================================================================== */

:root{
  --paper:#FBFBF9; --ink:#17201B; --muted:#5A665F; --accent:#1E5B3F;
  --hairline:#E2E5DE; --doc-bg:#F4F5F1; --note-bg:#FFFFFF;
  --skel:#E1E5DD; --skel-hi:#A9C4B3;
  --draft:#8A6D1F; --draft-bg:#F6EFDC;
  --btn-bg:#1E5B3F; --btn-ink:#F7FAF7;
  --band-bg:#1E5B3F; --band-ink:#F2F6F1; --band-pill-bg:#F6F7F2; --band-pill-ink:#173A29;
  --err:#B0492F;
  --shadow:rgba(23,32,27,.12);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#101512; --ink:#E8EAE4; --muted:#98A49C; --accent:#5CB086;
    --hairline:#242B26; --doc-bg:#161C18; --note-bg:#1A211C;
    --skel:#252D27; --skel-hi:#3E6B54;
    --draft:#D8B85A; --draft-bg:#241F10;
    --btn-bg:#2A7A54; --btn-ink:#F2F7F3;
    --band-bg:#16382A; --band-ink:#DCE8DF; --band-pill-bg:#E8EEE7; --band-pill-ink:#16382A;
    --err:#E0876B;
    --shadow:rgba(0,0,0,.45);
  }
}
:root[data-theme="dark"]{
  --paper:#101512; --ink:#E8EAE4; --muted:#98A49C; --accent:#5CB086;
  --hairline:#242B26; --doc-bg:#161C18; --note-bg:#1A211C;
  --skel:#252D27; --skel-hi:#3E6B54;
  --draft:#D8B85A; --draft-bg:#241F10;
  --btn-bg:#2A7A54; --btn-ink:#F2F7F3;
  --band-bg:#16382A; --band-ink:#DCE8DF; --band-pill-bg:#E8EEE7; --band-pill-ink:#16382A;
  --err:#E0876B;
  --shadow:rgba(0,0,0,.45);
}

/* ============ base ============ */
*,*::before,*::after{box-sizing:border-box;}
/* Smooth only for in-page jumps (link click focuses the document); fresh
   cross-page #fragment arrivals (e.g. about → index#audit) jump instantly. */
html:focus-within{scroll-behavior:smooth;}
body{
  background:var(--paper); color:var(--ink); margin:0;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:700px; margin:0 auto; padding-inline:20px;}
p{margin:0;}
a{color:inherit;}
.mono{font-family:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;}
.eyebrow{font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); font-weight:500;}
h1,h2,h3{font-family:"Spectral", Georgia, serif; letter-spacing:-0.01em; text-wrap:balance; margin:0;}
h1{font-weight:500; font-size:clamp(36px,9vw,56px); line-height:1.08;}
h2{font-weight:500; font-size:clamp(26px,5.4vw,36px); line-height:1.18;}
section{padding-block:52px;}
.sec-head{display:flex; flex-direction:column; gap:10px; margin-bottom:28px;}
.hairline-top{border-top:1px solid var(--hairline);}

/* ============ draft banner ============ */
.draft{background:var(--draft-bg); color:var(--draft); font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.08em; padding:9px 20px; text-align:center;}

/* ============ header ============ */
header.top{border-bottom:1px solid var(--hairline);}
.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:14px; padding-block:16px;}
.wordmark{font-family:"Spectral",Georgia,serif; font-weight:500; font-size:21px; letter-spacing:0; text-decoration:none; white-space:nowrap; line-height:1;}
.wordmark .nn{position:relative; display:inline-block;}
.wordmark .nn svg{position:absolute; left:-3%; bottom:-0.34em; width:114%; height:auto; color:var(--accent); pointer-events:none;}
.top-nav{display:flex; align-items:center; gap:16px;}
.nav-link{font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.04em; color:var(--muted); text-decoration:none;}
.nav-link:hover{color:var(--accent);}
.nav-link[aria-current="page"]{color:var(--ink); text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--accent);}
.chip{
  font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.04em;
  border:1px solid var(--hairline); border-radius:999px; padding:7px 14px;
  color:var(--muted); text-decoration:none; white-space:nowrap;
}
.chip:hover{border-color:var(--accent); color:var(--accent);}
@media (max-width:430px){
  .wordmark{font-size:19px;}
  .chip{padding:6px 11px; font-size:11px;}
  .top-nav{gap:12px;}
}

/* ============ hero ============ */
.hero{padding-block:56px 48px;}
.hero .stack{display:flex; flex-direction:column; gap:20px;}
.hl{color:var(--accent); background-image:linear-gradient(var(--accent),var(--accent)); background-size:100% 3px; background-position:0 100%; background-repeat:no-repeat; padding-bottom:5px;}
.hero .sub{font-family:"Spectral",Georgia,serif; font-style:italic; font-weight:300; font-size:clamp(18px,4.6vw,21px); color:var(--muted); max-width:34ch;}
.cta-row{display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:2px;}
.pill{
  display:inline-block; background:var(--btn-bg); color:var(--btn-ink);
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:500; letter-spacing:.08em;
  padding:14px 22px; border-radius:6px; text-decoration:none;
}
.pill:hover{filter:brightness(1.08);}
.quiet{font-size:14.5px; color:var(--muted); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--hairline);}
.quiet:hover{color:var(--accent); text-decoration-color:var(--accent);}
.cred{font-family:"IBM Plex Mono",monospace; font-size:clamp(10px,2.75vw,11.5px); letter-spacing:.05em; color:var(--muted); margin-top:6px;}
.cred span{white-space:nowrap;}

/* ============ artifact showcase (CSS-drawn documents, no images) ============ */
.showcase{padding-block:16px 56px;}
.showcase-stage{position:relative; max-width:640px; margin:10px auto 0;}
.collage{display:grid; grid-template-columns:repeat(12,1fr);}

/* trust badge — circular ink-stamp burst (single staggering stat, James-Clear move) */
.stamp-badge{
  position:absolute; top:-16px; right:-6px; width:130px; height:130px; z-index:5;
  transform:rotate(-6deg); color:var(--accent); pointer-events:none;
  filter:drop-shadow(0 2px 5px var(--shadow));
}
.stamp-badge svg{display:block; width:100%; height:100%; opacity:.93;}
.stamp-badge .ring{fill:none; stroke:currentColor; stroke-width:1.4;}
.stamp-badge .ticks{fill:none; stroke:currentColor; stroke-width:8; stroke-dasharray:1.1 5.4;}
.stamp-badge .stamp-rule{stroke:currentColor; stroke-width:1;}
.stamp-badge text{fill:currentColor; text-anchor:middle; font-family:"Spectral",Georgia,serif;}
.stamp-badge .stamp-big{font-weight:600; font-size:26px; letter-spacing:.5px;}
.stamp-badge .stamp-sm{font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:8px; letter-spacing:1.3px;}
@media (max-width:560px){
  .stamp-badge{width:90px; height:90px; top:-14px; right:-2px;}
}
.art{
  background:var(--note-bg); border:1px solid var(--hairline); border-radius:4px;
  box-shadow:0 12px 28px var(--shadow), 0 2px 6px var(--shadow);
  padding:13px 13px 16px;
}
.a-label{display:flex; justify-content:space-between; gap:8px; font-family:"IBM Plex Mono",monospace; font-size:9.5px; letter-spacing:.13em; color:var(--muted); border-bottom:1px solid var(--hairline); padding-bottom:8px; margin-bottom:11px;}
.a-label b{color:var(--accent); font-weight:500;}
.b{height:7px; border-radius:2px; background:var(--skel); margin-top:7px;}
.b.hi{background:var(--skel-hi);}
.b.hd{height:11px; background:var(--accent); opacity:.82; margin-top:0;}
.art--brief{grid-area:1/2/2/9; transform:rotate(-3deg); z-index:2;}
.art--dash{grid-area:1/8/2/13; margin-top:36%; transform:rotate(2.5deg); z-index:3;}
.art--audit{grid-area:1/1/2/6; margin-top:46%; transform:rotate(-6deg); z-index:1;}
.tiles{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.tile{border:1px solid var(--hairline); border-radius:3px; padding:7px; min-height:48px; display:flex; align-items:flex-end;}
.spark{width:100%; height:32px; background:var(--skel-hi); opacity:.85;
  clip-path:polygon(0 100%,0 68%,18% 76%,38% 44%,58% 58%,78% 22%,100% 36%,100% 100%);}
.cols{display:flex; gap:4px; align-items:flex-end; height:32px; width:100%;}
.cols i{flex:1; background:var(--skel); border-radius:1.5px;}
.cols i.on{background:var(--accent); opacity:.8;}
.donut{width:32px; height:32px; border-radius:50%; margin:0 auto;
  background:conic-gradient(var(--accent) 0 62%, var(--skel) 62% 100%);
  -webkit-mask:radial-gradient(circle, transparent 54%, #000 55%); mask:radial-gradient(circle, transparent 54%, #000 55%);}
.collage-cap{text-align:center; color:var(--muted); font-size:13.5px; font-style:italic; margin-top:30px;}

/* ============ torn-note quotes ============ */
.notes-row{display:flex; flex-wrap:wrap; gap:20px 4%;}
.note{
  background:var(--note-bg); border:1px solid var(--hairline);
  padding:18px 20px 30px; width:100%;
  font-family:"Spectral",Georgia,serif; font-style:italic; font-weight:300;
  font-size:clamp(17px,4.4vw,19px); line-height:1.5;
  clip-path:polygon(0 0,100% 0,100% 84%,95% 90%,89% 85%,82% 93%,74% 87%,66% 94%,58% 88%,50% 95%,42% 88%,34% 94%,26% 88%,18% 94%,11% 88%,5% 93%,0 87%);
  filter:drop-shadow(0 2px 3px var(--shadow));
}
.note b{font-style:normal; font-weight:500;}
.note:nth-child(1){transform:rotate(-1.1deg);}
.note:nth-child(2){transform:rotate(0.9deg);}
.note:nth-child(3){transform:rotate(-0.5deg);}
@media (min-width:640px){
  .note:nth-child(1),.note:nth-child(2){width:48%;}
  .note:nth-child(3){width:62%; margin-inline:auto;}
}
.notes-cap{color:var(--muted); font-size:13.5px; margin-top:24px; text-align:center;}

/* ============ method rows / case-file entries ============ */
.method{display:flex; flex-direction:column;}
.m-row{display:grid; grid-template-columns:34px 1fr; gap:2px 16px; padding-block:16px; border-top:1px solid var(--hairline);}
.m-row:first-child{border-top:none;}
.m-no{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--accent); padding-top:3px;}
.m-title{font-weight:600; font-size:15.5px; letter-spacing:.01em;}
.m-body{grid-column:2; color:var(--muted); font-size:14.5px; line-height:1.6;}
.m-body a{color:var(--accent); text-decoration:underline; text-underline-offset:3px;}
@media (min-width:640px){
  .m-row{grid-template-columns:34px 220px 1fr; gap:2px 24px;}
  .m-body{grid-column:3; grid-row:1;}
}
.mid-cta{text-align:center; margin-top:34px;}

/* ============ stat card + receipts ============ */
.stat-sec{text-align:center;}
.stat{
  position:relative; display:block; max-width:480px; margin:0 auto;
  background:var(--doc-bg); border:1px solid var(--hairline); border-radius:4px;
  padding:34px 24px 24px; box-shadow:0 10px 26px var(--shadow);
  transform:rotate(-.6deg);
}
.stat-x{font-family:"Spectral",Georgia,serif; font-weight:500; font-size:clamp(42px,11vw,58px); line-height:1; letter-spacing:.01em;}
.stat-label{font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.12em; color:var(--muted); margin-top:14px; line-height:1.7;}
.stamp{
  position:absolute; top:12px; right:14px; width:52px; height:52px; border-radius:50%;
  border:1.5px solid var(--accent); opacity:.38; transform:rotate(-12deg);
  display:flex; align-items:center; justify-content:center;
  font-family:"Spectral",Georgia,serif; font-size:22px; color:var(--accent);
}
.receipts{margin-top:34px; display:flex; flex-direction:column; gap:12px;}
.rcpt{font-family:"Spectral",Georgia,serif; font-size:16.5px; line-height:1.55; max-width:46ch; margin-inline:auto;}
.rcpt b{font-weight:600;}

/* ============ bio teaser (index → about) ============ */
.bio-tease{
  display:flex; align-items:center; gap:18px; max-width:520px; margin:44px auto 0;
  padding:16px 18px; border:1px solid var(--hairline); border-radius:6px;
  background:var(--note-bg); text-align:left;
}
.bio-thumb{
  flex:0 0 60px; width:60px; padding:3px 3px 4px;
  border:1px solid var(--hairline); background:var(--note-bg);
  transform:rotate(-2deg); box-shadow:0 2px 6px var(--shadow);
}
.bio-thumb img{display:block; width:100%; height:auto; background:#0B0D0C;}
.bio-tease .bio-txt{font-size:14px; line-height:1.55; color:var(--muted);}
.bio-tease .f-link{margin-top:6px; font-size:13.5px;}

/* ============ catalog — folder-tab cards ============ */
.folders{display:flex; flex-direction:column; gap:26px;}
.folder{
  position:relative; background:var(--doc-bg); color:var(--ink);
  border:1px solid var(--hairline); border-radius:0 8px 8px 8px;
  padding:20px 22px 22px; margin-top:13px;
  box-shadow:0 2px 8px var(--shadow);
}
.folder::before{
  content:""; position:absolute; top:-13px; left:-1px; width:104px; height:14px;
  background:inherit; border:1px solid; border-color:inherit; border-bottom:none;
  border-radius:7px 9px 0 0;
}
.f-top{display:flex; justify-content:space-between; align-items:baseline; gap:16px;}
.f-name{font-family:"Spectral",Georgia,serif; font-weight:500; font-size:clamp(21px,5vw,24px); line-height:1.2;}
.f-price{font-family:"Spectral",Georgia,serif; font-weight:500; font-size:clamp(21px,5vw,24px); white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums;}
.f-price .from{font-size:.62em; font-weight:400; font-style:italic; margin-right:2px;}
.f-price small{display:block; font-family:"IBM Plex Mono",monospace; font-size:10px; font-weight:400; letter-spacing:.08em; color:var(--muted); margin-top:5px;}
.f-tag{
  display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.1em;
  border:1px solid var(--hairline); border-radius:3px; padding:4px 8px; margin-top:12px; color:var(--muted);
}
.f-desc{color:var(--muted); font-size:14.5px; line-height:1.65; margin-top:14px; max-width:56ch;}
.f-link{
  display:inline-block; margin-top:16px; font-weight:600; font-size:14px;
  color:var(--ink); text-decoration:none;
}
.f-link:hover{color:var(--accent);}
/* gated card — inverted forest folder, NO price */
.folder--gated{background:var(--band-bg); color:var(--band-ink); border-color:transparent;}
.folder--gated .f-tag{color:var(--band-ink); border-color:color-mix(in srgb, var(--band-ink) 40%, transparent);}
.folder--gated .f-desc{color:color-mix(in srgb, var(--band-ink) 78%, transparent);}
.f-apply{
  display:inline-block; margin-top:16px; font-family:"IBM Plex Mono",monospace; font-size:11px;
  letter-spacing:.12em; color:var(--band-ink);
  text-decoration:underline; text-underline-offset:4px;
}

/* ============ onboarding ============ */
.steps-card{position:relative; max-width:520px; margin:0 auto; background:var(--note-bg); border:1px solid var(--hairline); border-radius:6px; padding:22px 24px;}
.steps-card::before{content:""; position:absolute; z-index:-1; inset:0; transform:rotate(1.4deg) translate(5px,7px); background:var(--doc-bg); border:1px solid var(--hairline); border-radius:6px;}
.steps{display:flex; flex-direction:column; counter-reset:step;}
.step{display:grid; grid-template-columns:30px 1fr; gap:16px; font-size:15px; line-height:1.6; padding-block:12px; border-top:1px solid var(--hairline);}
.step:first-child{border-top:none; padding-top:0;}
.step:last-child{padding-bottom:0;}
.step::before{counter-increment:step; content:counter(step,decimal-leading-zero); font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--accent); padding-top:3px;}
.steps-note{margin-top:24px; color:var(--muted); font-size:14px; max-width:52ch; margin-inline:auto; text-align:center;}

/* ============ about — hero + photo artifact ============ */
.about-hero{padding-block:56px 48px;}
.about-grid{display:flex; flex-direction:column; gap:40px;}
.about-txt{display:flex; flex-direction:column; gap:18px;}
.about-txt .sub{font-family:"Spectral",Georgia,serif; font-style:italic; font-weight:300; font-size:clamp(17px,4.4vw,20px); color:var(--muted); max-width:36ch;}
@media (min-width:700px){
  .about-grid{flex-direction:row; align-items:flex-start; justify-content:space-between; gap:48px;}
  .about-txt{max-width:52%;}
}
.photo-frame{
  position:relative; width:min(280px,86%); margin:14px auto 0;
  background:var(--note-bg); border:1px solid var(--hairline);
  padding:12px 12px 14px; transform:rotate(2.2deg);
  box-shadow:0 12px 28px var(--shadow);
}
.photo-frame::before{ /* tape detail */
  content:""; position:absolute; top:-13px; left:50%; width:92px; height:26px;
  transform:translateX(-50%) rotate(-3deg);
  background:color-mix(in srgb, var(--draft-bg) 74%, transparent);
  border:1px solid color-mix(in srgb, var(--draft) 20%, transparent);
}
.photo-frame img{display:block; width:100%; height:auto; background:#0B0D0C;}
.photo-cap{font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em; color:var(--muted); text-align:center; margin-top:11px;}
.buyline{margin-top:12px; font-family:"Spectral",Georgia,serif; font-style:italic; font-size:15.5px; color:var(--ink);}
.buyline a{color:var(--accent); text-decoration:underline; text-underline-offset:3px; font-style:normal;}

/* ============ final forest band ============ */
.band{background:var(--band-bg); color:var(--band-ink); text-align:center; position:relative; overflow:hidden;}
.band .wrap{padding-block:60px 64px; display:flex; flex-direction:column; align-items:center; gap:22px;}
.band h2{color:var(--band-ink); font-size:clamp(27px,6vw,38px);}
.band .pill{background:var(--band-pill-bg); color:var(--band-pill-ink);}
.band-sub{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.12em; color:color-mix(in srgb, var(--band-ink) 72%, transparent);}
.band-no{
  position:absolute; right:18px; bottom:14px; width:44px; height:44px; border-radius:50%;
  border:1px solid color-mix(in srgb, var(--band-ink) 45%, transparent);
  display:flex; align-items:center; justify-content:center;
  font-family:"Spectral",Georgia,serif; font-size:19px; color:color-mix(in srgb, var(--band-ink) 75%, transparent);
}

/* ============ newsletter capture ============ */
.vh{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.signup-status{margin:0; font-family:"Spectral",Georgia,serif; font-size:17px; line-height:1.5; color:var(--accent); display:none;}
.signup-status.is-shown{display:block;}
.signup-err{color:var(--err); font-size:13px; line-height:1.4; margin:0;}
.signup-err:empty{display:none;}

/* band — subscription ledger card */
.signup-band{background:var(--paper); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline);}
.signup-band .wrap{padding-block:56px;}
.ledger-card{
  position:relative; max-width:560px; margin:0 auto;
  background:var(--doc-bg); border:1px solid var(--hairline); border-radius:6px;
  padding:30px 30px 26px 40px; box-shadow:0 10px 26px var(--shadow);
}
.ledger-card::before{ /* ledger margin rule */
  content:""; position:absolute; left:22px; top:16px; bottom:16px; width:1px;
  background:color-mix(in srgb, var(--accent) 32%, transparent);
}
.ledger-card .eyebrow{display:block;}
.ledger-hook{font-family:"Spectral",Georgia,serif; font-weight:500; font-size:clamp(20px,4.6vw,25px); line-height:1.28; margin-top:14px; text-wrap:balance;}
.ledger-sub{color:var(--muted); font-size:14.5px; margin-top:12px;}
.signup{margin-top:20px;}
.signup-form{display:flex; flex-wrap:wrap; gap:10px; margin:0;}
.signup-form input[type="email"]{
  flex:1 1 200px; min-width:0; font-family:inherit; font-size:15px; color:var(--ink);
  background:var(--note-bg); border:1px solid var(--hairline); border-radius:6px; padding:12px 14px;
}
.signup-form input::placeholder{color:var(--muted);}
.signup-form input:focus-visible{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
.signup-form .signup-err{flex:1 1 100%;}
.signup-form button{
  flex:0 0 auto; cursor:pointer; background:var(--btn-bg); color:var(--btn-ink);
  font-family:"IBM Plex Mono",monospace; font-size:12.5px; font-weight:500; letter-spacing:.06em;
  border:none; border-radius:6px; padding:12px 20px;
}
.signup-form button:hover{filter:brightness(1.08);}
.signup-form button[aria-busy="true"]{opacity:.7;}
.ledger-fine{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.04em; color:var(--muted); margin-top:16px;}

/* footer compact form */
.foot-signup-wrap{max-width:380px; margin:0 auto 22px;}
.foot-signup{display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center; margin:0;}
.foot-label{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.06em; color:var(--muted); white-space:nowrap;}
.foot-signup input[type="email"]{
  flex:1 1 150px; min-width:0; font-family:inherit; font-size:13.5px; color:var(--ink);
  background:var(--note-bg); border:1px solid var(--hairline); border-radius:5px; padding:8px 11px;
}
.foot-signup input::placeholder{color:var(--muted);}
.foot-signup input:focus-visible{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
.foot-signup button{
  flex:0 0 auto; cursor:pointer; background:var(--btn-bg); color:var(--btn-ink);
  border:none; border-radius:5px; padding:8px 13px; font-size:15px; line-height:1;
}
.foot-signup button:hover{filter:brightness(1.08);}
.foot-signup .signup-err{flex:1 1 100%; text-align:center;}
.foot-signup-wrap .signup-status{text-align:center; font-size:15px;}

/* ============ footer ============ */
footer{text-align:center; padding-block:44px 40px;}
.id-line{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.1em; color:var(--muted);}
.f-links{font-family:"IBM Plex Mono",monospace; font-size:12px; margin-top:16px; color:var(--muted);}
.f-links a{color:var(--muted); text-decoration:underline; text-underline-offset:3px;}
.f-links a:hover{color:var(--accent);}