/* Self-hosted brand faces, same files the holding page uses, so these
   pages render in EB Garamond / Literata rather than falling back. */
@font-face { font-family:"EB Garamond"; src:url("/fonts/EBGaramond.woff2") format("woff2"), url("/fonts/EBGaramond.ttf") format("truetype"); font-weight:400 700; font-style:normal; font-display:swap; }
@font-face { font-family:"EB Garamond"; src:url("/fonts/EBGaramond-Italic.woff2") format("woff2"), url("/fonts/EBGaramond-Italic.ttf") format("truetype"); font-weight:400 700; font-style:italic; font-display:swap; }
@font-face { font-family:"Literata"; src:url("/fonts/Literata.woff2") format("woff2"), url("/fonts/Literata.ttf") format("truetype"); font-weight:300 700; font-style:normal; font-display:swap; }
:root {
  --ground:#16110C; --paper:#F6EFE2; --ink:#ECE3D2; --muted:#978B76; --flame:#F2C879;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"Literata", Georgia, "Times New Roman", serif;
  line-height:1.7; font-size:1.02rem;
  -webkit-font-smoothing:antialiased;
}
.wrap { max-width:46rem; margin:0 auto; padding:4rem 1.5rem 6rem; }
a { color:var(--flame); text-decoration:none; border-bottom:1px solid rgba(242,200,121,.35); }
a:hover { border-bottom-color:var(--flame); }
.back { display:inline-block; margin-bottom:2.5rem; color:var(--muted); border:0; font-size:.95rem; }
.back:hover { color:var(--ink); }
h1 { font-family:"EB Garamond", Georgia, serif; font-weight:500; font-size:2.1rem; line-height:1.2; margin:0 0 .4rem; }
h2 { font-family:"EB Garamond", Georgia, serif; font-weight:500; font-size:1.4rem; margin:2.6rem 0 .6rem; }
h3 { font-size:1.1rem; margin:1.8rem 0 .4rem; }
p, li { color:var(--ink); }
.meta { color:var(--muted); font-size:.9rem; margin:0 0 2.2rem; }
blockquote { border-left:2px solid rgba(242,200,121,.4); margin:1.6rem 0; padding:.2rem 0 .2rem 1.3rem; color:var(--ink); }
pre { white-space:pre-wrap; background:rgba(255,255,255,.03); padding:1rem 1.2rem; border-radius:8px; font-family:inherit; color:var(--muted); }
code { font-family:inherit; }
table { width:100%; border-collapse:collapse; margin:1.4rem 0; }
th, td { text-align:left; padding:.6rem .8rem; border:1px solid rgba(236,227,210,.15); vertical-align:top; }
th { color:var(--flame); font-weight:500; }
hr { border:0; border-top:1px solid rgba(236,227,210,.12); margin:2.4rem 0; }
footer { margin-top:4rem; padding-top:1.6rem; border-top:1px solid rgba(236,227,210,.12); color:var(--muted); font-size:.85rem; }
footer a { color:var(--muted); border:0; }
footer a:hover { color:var(--ink); }
footer nav { margin-bottom:.7rem; }
footer nav a { margin-right:1rem; white-space:nowrap; }

/* Column widths, moved off `style` attributes so style-src can stay 'self'. */
col.w100 { width:100%; }
col.w33  { width:33%; }
col.w25  { width:25%; }

/* Version stamp sits lower than the other .meta lines. */
.meta.pushed { margin-top:2.5rem; }