@font-face{font-family:"Fraunces";src:url(/fonts/fraunces.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Nunito";src:url(/fonts/nunito-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Nunito";src:url(/fonts/nunito-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --grove:#0f2a24; --grove-lift:#16382f; --paper:#f7f4ee;
  --frond:#4e9e7f; --frond-deep:#2f6d55; --sand:#c9a227;
  --ink:#12201b; --ink-soft:#41564d; --ink-faint:#6d827a;
  --line:rgba(18,32,27,.13);
  --bg:var(--paper); --fg:var(--ink); --fg-soft:var(--ink-soft);
  --fg-faint:var(--ink-faint); --rule:var(--line); --accent:var(--frond-deep);
  --measure:68ch;
  --s1:.5rem; --s2:.875rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem;

  /* Matches the home page: one committed look, warm paper. */
  color-scheme:light;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Nunito",ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:1.02rem;line-height:1.7;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--accent);color:var(--bg)}
.wrap{max-width:52rem;margin:0 auto;padding:var(--s4) var(--s3) var(--s5)}
@media (min-width:48rem){.wrap{padding:var(--s5) var(--s4)}}

.back{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  color:var(--fg-faint);font-size:.83rem;letter-spacing:.03em;margin-bottom:var(--s4);
  transition:color .2s,gap .2s;
}
.back:hover,.back:focus-visible{color:var(--fg);gap:.75rem}
.back svg{width:.9em;height:.9em}

h1{font-family:"Fraunces";font-weight:600;font-variation-settings:"opsz" 110;
  font-size:clamp(2rem,1.5rem + 2vw,2.9rem);line-height:1.08;letter-spacing:-.026em;
  margin:0 0 var(--s2);text-wrap:balance}
.updated{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fg-faint);margin:0 0 var(--s4)}
h2{font-family:"Fraunces";font-weight:600;font-variation-settings:"opsz" 60;
  font-size:1.3rem;line-height:1.25;letter-spacing:-.014em;
  margin:var(--s4) 0 var(--s2);text-wrap:balance}
p,li{max-width:var(--measure);margin:0 0 var(--s2)}
ul{padding-left:1.15rem;margin:0 0 var(--s2)}
li{margin-bottom:.45rem}
strong{font-weight:700}
a{color:var(--accent)}
.lede{font-size:1.12rem;color:var(--fg-soft);max-width:60ch}
.foot{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--rule);
  font-size:.78rem;color:var(--fg-faint)}
:where(a):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}