/* ─────────────────────────────────────────────────────────
   Long COVID Action Canada — shared stylesheet.

   Every page links this file. It was previously copy-pasted
   into a <style> block in each of the six pages, which is how
   the palette drifted apart between them. Edit here once.

   A page keeps an inline <style> only for rules nothing else
   uses (falcon's ledger, join's form grid). Those blocks come
   after this link, so a page rule still wins over a shared one
   at equal specificity.
   ───────────────────────────────────────────────────────── */
/* ── palette — two blues + Canadian red ───────────────────
   Blue carries structure and links. Red is Canada flag red
   (#C8102E, Pantone 186) used only as a FILL — buttons, the
   logo dot, live tags — never as text, so it never has to be
   darkened to brick or lightened to salmon to stay readable.
   White on it is 5.9:1; it holds an edge on both grounds.
   ───────────────────────────────────────────────────────── */
:root{
  color-scheme: light;
  --max:1120px;

  --paper:#F6F8FC; --raise:#FFFFFF; --sunk:#E7ECF6;
  --ink:#0F1524; --ink-2:#3A4256; --rule:#78829C; --rule-2:#D6DDEC;
  --act:#C8102E; --act-ink:#FFFFFF; --pend:#7A4E00; --done:#0F5637; --live:#146B3A;
  --blue:#1547C4; --link:#1547C4; --wm-red:#C8102E;
  --tick:#6B7590; --shadow:rgba(15,21,36,.12);
  --mark-bg:#0F1524; --mark-fg:#FFFFFF;
}
html[data-theme="dark"]{
  color-scheme: dark;
  --paper:#0E1220; --raise:#181E30; --sunk:#090C16;
  --ink:#EAEEF8; --ink-2:#AEB6CA; --rule:#626C86; --rule-2:#242C42;
  --act:#C8102E; --act-ink:#FFFFFF; --pend:#E8B44A; --done:#6BD6A0; --live:#3FD07E;
  --blue:#8FB2FF; --link:#8FB2FF; --wm-red:#FF4438;
  --tick:#8791A8; --shadow:rgba(0,0,0,.5);
  --mark-bg:#EAEEF8; --mark-fg:#0E1220;
}
/* ── base ─────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--paper);color:var(--ink);
  font-family:"Public Sans",system-ui,-apple-system,sans-serif;
  font-size:19px;line-height:1.68;font-weight:400;
  transition:background .25s ease,color .25s ease;
}
.wrap{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px}
a{color:var(--link)}
.display{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.06;text-wrap:balance}
.mono{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:13px;font-weight:500;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-2);
}
.skip{position:absolute;left:-9999px}
.skip:focus{left:24px;top:10px;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:99;border-radius:3px}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:2px}
/* ── masthead ─────────────────────────────────────────────── */
header.top{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:2px solid var(--rule)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.brand{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;letter-spacing:-.02em;line-height:1.15}
.brand em{font-style:normal;display:block;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:3px}
nav.links{display:flex;gap:8px;align-items:center}
nav.links a.nl{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;padding:10px 12px;border-radius:3px}
nav.links a.nl:hover{color:var(--ink);background:var(--sunk)}
nav.links a.cta{background:var(--act);color:var(--act-ink);padding:12px 18px;border-radius:3px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px;text-decoration:none;letter-spacing:-.01em}
@media(max-width:860px){nav.links a.nl{display:none}}
/* theme + text-size controls */
.ctrl{display:flex;border:2px solid var(--rule);border-radius:4px;overflow:hidden}
.ctrl button{
  background:var(--raise);color:var(--ink-2);border:none;cursor:pointer;
  font-family:"JetBrains Mono",monospace;font-weight:700;font-size:13px;
  padding:9px 11px;line-height:1;min-width:40px;min-height:40px;
}
.ctrl button+button{border-left:2px solid var(--rule)}
.ctrl button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.ctrl button:hover{color:var(--ink)}
/* ── hero ─────────────────────────────────────────────────── */
.hero{padding-top:64px;padding-bottom:16px}
@media(max-width:700px){.hero{padding-top:44px}}
.kicker{display:inline-flex;gap:10px;align-items:center;border:2px solid var(--rule);background:var(--raise);padding:9px 16px;border-radius:99px;margin-bottom:28px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--live);flex:none;box-shadow:0 0 0 0 var(--live);animation:pl 2.6s infinite}
@keyframes pl{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
h1.display{font-size:clamp(38px,6.2vw,74px);max-width:17ch}
h1 .neg{color:var(--ink-2);font-weight:600;display:block;margin-bottom:.12em}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:end;margin-top:36px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}}
.stand{font-size:21px;max-width:54ch;color:var(--ink-2)}
.stand strong{font-weight:700;color:var(--ink)}
.status{background:var(--raise);border:2px solid var(--rule);border-radius:5px;padding:24px;box-shadow:0 2px 0 var(--shadow)}
.status .n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:58px;letter-spacing:-.04em;line-height:1;margin-top:6px}
.bar{height:12px;background:var(--sunk);border:2px solid var(--rule);border-radius:99px;margin:16px 0 12px;position:relative;overflow:hidden}
.bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--act);transition:width 1.3s cubic-bezier(.2,.7,.3,1)}
.status .btn{display:block;text-align:center;margin-top:18px;background:var(--act);color:var(--act-ink);text-decoration:none;padding:17px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;border-radius:3px}
/* ── figure prose ─────────────────────────────────────────── */
.figprose{font-size:clamp(21px,2.5vw,27px);line-height:1.5;max-width:34ch;margin-top:8px;font-weight:400}
.figprose em{
  font-style:normal;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;
  letter-spacing:-.03em;color:var(--link);white-space:nowrap;
}
@media(min-width:700px){.figprose{max-width:46ch}}
.pivot-copy{margin-top:30px;max-width:62ch}
/* ── roadmap ──────────────────────────────────────────────── */
.roadmap{margin-top:40px;border-top:2px dashed var(--rule);padding-top:22px}
.road{list-style:none;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
@media(max-width:820px){.road{grid-template-columns:1fr}}
.road li{font-size:16.5px;color:var(--ink-2);line-height:1.5;padding-left:18px;position:relative}
.road li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--rule)}
.road b{color:var(--ink);font-weight:700}
/* ── registry facts ───────────────────────────────────────── */
.reg-block{border-top:3px solid var(--ink);padding-top:24px;margin-top:8px}
.reg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:960px){.reg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.reg-grid{grid-template-columns:1fr}}
.rf{background:var(--raise);border:2px solid var(--rule);border-radius:5px;padding:20px}
.rf b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.15;margin:8px 0 8px}
.rf p{font-size:15.5px;color:var(--ink-2);line-height:1.5}
/* ── current-campaign panel ───────────────────────────────── */
.now-panel{margin-top:34px;background:var(--raise);border:3px solid var(--ink);border-radius:6px;padding:26px;box-shadow:6px 6px 0 var(--rule-2)}
.now-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.now-ask{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,27px);letter-spacing:-.02em;line-height:1.22;max-width:34ch}
.now-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.b-primary,.b-ghost{
  font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:16px;
  text-decoration:none;padding:15px 22px;border-radius:3px;display:inline-block;
}
.b-primary{background:var(--act);color:var(--act-ink);border:3px solid var(--act)}
.b-ghost{background:transparent;color:var(--ink);border:3px solid var(--rule)}
.b-ghost:hover{border-color:var(--ink)}
.now-fine{margin-top:16px;font-size:14.5px;color:var(--ink-2);max-width:56ch;line-height:1.55}
/* planned (non-clickable) markers */
.foot .planned{display:block}
.planned{
  font-family:"JetBrains Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink-2);border:2px dashed var(--rule);
  padding:8px 13px;border-radius:99px;align-self:flex-start;
}
li.soon{color:var(--ink-2);opacity:.85}
li.soon::before{content:"·";color:var(--ink-2)}
li.soon span{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;border:1px dashed var(--rule);padding:2px 7px;border-radius:99px;margin-left:8px;white-space:nowrap}
/* ── the day field ────────────────────────────────────────── */
.field-block{margin-top:52px;border-top:3px solid var(--ink);padding-top:20px}
.field-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#field{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;min-height:110px}
.tick{width:3px;height:17px;background:var(--tick);flex:none;border-radius:1px}
.tick.recent{background:var(--blue)}
.tick.today{height:29px;margin-top:-12px;width:4px;background:var(--pend)}
.field-foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:16px;border-top:2px solid var(--rule);padding-top:14px}
#daycount{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink);text-transform:none}
.legend{display:flex;gap:22px;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-2px;background:var(--tick);border-radius:2px}
.legend .s i{background:var(--blue)}
/* ── sections ─────────────────────────────────────────────── */
section{padding:80px 0}
section[id]{scroll-margin-top:86px}
@media(max-width:700px){section{padding:56px 0}}
.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.sec-head::after{content:"";flex:1;height:2px;background:var(--rule)}
h2.display{font-size:clamp(28px,4vw,44px);max-width:22ch;margin-bottom:16px}
.sub{max-width:58ch;color:var(--ink-2);font-size:19px}
/* ── demands ──────────────────────────────────────────────── */
.demands{border-top:3px solid var(--ink);margin-top:34px}
.demand{display:grid;grid-template-columns:210px 1fr;gap:30px;padding:32px 0;border-bottom:2px solid var(--rule-2);align-items:start}
.verb{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:28px;letter-spacing:-.02em;text-transform:uppercase;color:var(--link)}
.demand p{font-size:19px;max-width:58ch;color:var(--ink-2)}
.demand p em{font-style:normal;font-weight:600;color:var(--ink)}
@media(max-width:800px){.demand{grid-template-columns:1fr;gap:10px}}
/* ── evidence ─────────────────────────────────────────────── */
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
@media(max-width:920px){.figs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.figs{grid-template-columns:1fr}}
.fig{background:var(--raise);border:2px solid var(--rule);border-radius:5px;padding:24px}
.fig .n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(34px,4.4vw,48px);letter-spacing:-.04em;line-height:1;margin-bottom:12px}
.fig:last-child .n{color:var(--link)}
.fig .t{font-size:17px;color:var(--ink-2);line-height:1.5}
.src{margin-top:22px;text-transform:none;letter-spacing:.02em;line-height:1.6;max-width:72ch}
/* ── testimony ────────────────────────────────────────────── */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
@media(max-width:900px){.quotes{grid-template-columns:1fr}}
.q{background:var(--raise);border:2px solid var(--rule);border-radius:5px;padding:28px;display:flex;flex-direction:column;gap:18px}
.q blockquote{font-size:20px;line-height:1.45;color:var(--ink);font-weight:500;flex:1}
.q .who{display:block;font-size:12px}
.q .who+.who{margin-top:5px}
/* ── sign ─────────────────────────────────────────────────── */
.sign{border-top:3px solid var(--ink);padding-top:64px}
.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media(max-width:900px){.sign-grid{grid-template-columns:1fr;gap:40px}}
.prog-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.prog-n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(44px,6vw,66px);letter-spacing:-.04em;line-height:1}
.bar{height:12px;background:var(--sunk);border:2px solid var(--rule);border-radius:99px;position:relative;overflow:hidden;margin-bottom:32px}
.bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--act);transition:width 1.3s cubic-bezier(.2,.7,.3,1)}
.card{background:var(--raise);border:3px solid var(--ink);border-radius:5px;padding:30px;box-shadow:6px 6px 0 var(--rule-2)}
.frow{margin-bottom:18px}
label{display:block;margin-bottom:8px}
input,select{width:100%;padding:14px;border:2px solid var(--rule);background:var(--paper);color:var(--ink);font-family:"Public Sans",sans-serif;font-size:17px;border-radius:3px}
input::placeholder{color:var(--ink-2);opacity:.75}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.btn{width:100%;background:var(--act);color:var(--act-ink);border:none;padding:18px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;cursor:pointer;border-radius:3px;margin-top:6px}
a.btn{display:inline-block;width:auto;text-align:center;text-decoration:none}
.fine{margin-top:14px;text-transform:none;letter-spacing:.02em;font-size:13px;line-height:1.6}
/* ── footer ───────────────────────────────────────────────── */
footer{border-top:2px solid var(--rule);padding:44px 0 64px}
.foot{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap}
.foot a{display:block;margin-bottom:10px;text-decoration:none;color:var(--ink-2);font-family:"JetBrains Mono",monospace;font-weight:500;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.foot a:hover{color:var(--link)}
.note{font-size:16px;color:var(--ink-2);max-width:40ch}
.rv{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
.aims{list-style:none;border-top:3px solid var(--ink);margin-top:32px}
.aims li{display:grid;grid-template-columns:74px 1fr;gap:24px;padding:28px 0;border-bottom:2px solid var(--rule-2);align-items:start}
.anum{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:34px;letter-spacing:-.04em;color:var(--link);line-height:1}
.aims h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:23px;letter-spacing:-.02em;margin-bottom:8px}
.aims p{color:var(--ink-2);max-width:58ch}
.aims p em{font-style:normal;font-weight:600;color:var(--ink)}
@media(max-width:720px){.aims li{grid-template-columns:1fr;gap:8px}.anum{font-size:24px}}
.promo{display:grid;grid-template-columns:1fr 250px;gap:34px;background:var(--raise);border:3px solid var(--ink);border-radius:5px;padding:32px;box-shadow:6px 6px 0 var(--rule-2);align-items:center;margin-top:30px}
@media(max-width:820px){.promo{grid-template-columns:1fr;gap:22px}}
.tag{display:inline-block;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;border-radius:99px;border:2px solid var(--rule);color:var(--ink-2);margin-bottom:14px}
.tag.now{background:var(--act);color:var(--act-ink);border-color:var(--act)}
.promo h3{font-size:clamp(24px,3.2vw,34px);margin-bottom:12px}
.promo p{color:var(--ink-2);max-width:56ch;margin-bottom:16px}
.promo p strong{color:var(--ink);font-weight:700}
.promo-go{display:inline-block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;text-decoration:none;border-bottom:3px solid var(--link);padding-bottom:2px}
.promo-stat{border-left:2px solid var(--rule);padding-left:24px}
@media(max-width:820px){.promo-stat{border-left:none;border-top:2px solid var(--rule);padding:20px 0 0}}
.promo-n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:50px;letter-spacing:-.04em;line-height:1;margin:6px 0 8px}
.camps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
@media(max-width:940px){.camps{grid-template-columns:1fr}}
.camp{background:var(--raise);border:2px solid var(--rule);border-radius:5px;padding:26px;display:flex;flex-direction:column;gap:12px}
.camp h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.15}
.camp p{font-size:17.5px;color:var(--ink-2);flex:1}
.camp .go{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:16px;text-decoration:none;align-self:flex-start;border-bottom:3px solid var(--link);padding-bottom:2px}
.camp .tag{margin-bottom:0;align-self:flex-start}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.stat{border:2px solid var(--rule);border-radius:5px;padding:24px 20px;background:var(--raise)}
.stat .num{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:38px;line-height:1.05;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.stat .lab{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@media(max-width:900px){.statgrid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:520px){.statgrid{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px}
textarea{width:100%;padding:14px;border:2px solid var(--rule);background:var(--paper);color:var(--ink);font-family:"Public Sans",sans-serif;font-size:17px;border-radius:3px;resize:vertical}
textarea::placeholder,input::placeholder{color:var(--ink-2);opacity:.75}
.lite{text-transform:none;letter-spacing:.02em;color:var(--ink-2);font-weight:500}
.roles{border:none;padding:0}
.roles legend{margin-bottom:12px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.opt{display:flex;align-items:center;gap:12px;padding:11px 14px;border:2px solid var(--rule);border-radius:3px;margin-bottom:9px;cursor:pointer;background:var(--paper);font-size:17px;min-height:52px}
.opt:hover{border-color:var(--link)}
.opt input{width:22px;height:22px;flex:none;accent-color:var(--act);margin:0}
.opt span{line-height:1.3}
.plain{list-style:none}
.plain li{padding:14px 0;border-bottom:2px solid var(--rule-2);color:var(--ink-2);font-size:17px}
.plain li:last-child{border-bottom:none}
.plain b{color:var(--ink);font-weight:700}
/* ── logo lockup ──────────────────────────────────────────── */
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.mark{width:40px;height:40px;flex:none;overflow:visible}
.wm{display:flex;flex-direction:column;line-height:1}
.wm b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.025em;color:var(--ink)}
.wm em{font-style:normal;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--wm-red);margin-top:4px}
footer .brand .mark{width:48px;height:48px}
footer .wm b{font-size:19px}
@media(max-width:560px){.wm b{font-size:15px}.wm em{font-size:9px;letter-spacing:.2em}.mark{width:34px;height:34px}}
.tlink{font-weight:600;color:var(--link);text-decoration:none;border-bottom:2px solid var(--link);padding-bottom:1px}
.tlink:hover{color:var(--ink);border-color:var(--ink)}
.foot>div{min-width:150px}
footer .brand{margin-bottom:16px}
.fhead{display:block;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--rule-2)}
.foot a{display:block;margin-bottom:10px;text-decoration:none;color:var(--ink-2);font-family:"Public Sans",sans-serif;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none}
.foot a:hover{color:var(--link)}
.legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:2px solid var(--rule-2)}
/* ── mobile menu ──────────────────────────────────────────── */
#mtoggle{display:none;background:var(--raise);color:var(--ink);border:2px solid var(--rule);border-radius:4px;min-width:44px;min-height:44px;font-size:20px;cursor:pointer;line-height:1}
@media(max-width:860px){#mtoggle{display:inline-flex;align-items:center;justify-content:center}}
.mnav{display:none;border-top:2px solid var(--rule);background:var(--paper)}
.mnav.open{display:block}
.mnav a{display:block;padding:16px 24px;border-bottom:2px solid var(--rule-2);text-decoration:none;color:var(--ink);font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:18px}
.mnav a:last-child{border-bottom:none}
.mnav a:active{background:var(--sunk)}
@media(min-width:861px){.mnav{display:none !important}}
html[data-size="l"] body{font-size:21px}
html[data-size="xl"] body{font-size:24px;line-height:1.72}
.prose{max-width:68ch}
.prose h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;margin:42px 0 12px}
.prose p,.prose li{color:var(--ink-2);font-size:18px}
.prose ul{padding-left:22px;margin:10px 0}
.prose li{margin-bottom:8px}
.prose strong{color:var(--ink);font-weight:600}
.updated{margin-top:10px}