/* Quantamere — shared styling for the plain pages.
   Palette values are the same blackbody-derived set as index.html. */
:root{
  --paper:#ECEDEF; --ink:#101214; --ink-soft:#5A6068;
  --rule:#D3D6DA; --heat-1:#FF6A00; --heat-ink:#B34A00;
  --display:'Archivo',system-ui,sans-serif;
  --text:'Newsreader',Georgia,serif;
  --data:'IBM Plex Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--paper); color:var(--ink);
  font-family:var(--text); font-weight:300;
  -webkit-font-smoothing:antialiased;
  padding:clamp(28px,6vh,72px) clamp(20px,6vw,80px) 0;
}
.wrap{max-width:760px;margin:0 auto}
.skip{
  position:absolute; left:-9999px; top:0;
  background:var(--ink); color:#fff; padding:12px 18px;
  font-family:var(--data); font-size:12px; z-index:99;
}
.skip:focus{left:0}
header.bar{
  display:flex; justify-content:space-between; align-items:baseline;
  padding-bottom:clamp(40px,7vh,80px);
}
header.bar a, header.bar span{
  font-family:var(--display);
  font-variation-settings:'wdth' 124,'wght' 560;
  text-transform:uppercase; letter-spacing:0.14em;
  font-size:12px; color:var(--ink); text-decoration:none;
}
h1{
  font-family:var(--display);
  font-variation-settings:'wdth' 120,'wght' 620;
  text-transform:uppercase; letter-spacing:-0.018em;
  line-height:0.94; font-size:clamp(34px,6.4vw,68px);
  margin-bottom:14px;
}
.updated{
  font-family:var(--data); font-size:10px; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--ink-soft);
  margin-bottom:clamp(34px,5vh,56px);
}
h2{
  font-family:var(--display);
  font-variation-settings:'wdth' 118,'wght' 600;
  text-transform:uppercase; letter-spacing:0.01em;
  font-size:14px; color:var(--ink-soft);
  margin:38px 0 12px; padding-bottom:10px;
  border-bottom:1px solid var(--rule);
}
p, li{font-size:16px; line-height:1.62; color:var(--ink); margin-bottom:13px}
ul{padding-left:20px; margin-bottom:13px}
a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--heat-1)}
a:hover, a:focus-visible{color:var(--heat-ink); outline:none}
:focus-visible{outline:2px solid var(--heat-1); outline-offset:3px}
.fill{
  background:#F6E2D6; color:#8A3A00; padding:1px 6px;
  font-family:var(--data); font-size:12px; letter-spacing:0.04em;
}
footer{
  margin-top:clamp(56px,9vh,100px); padding:24px 0 44px;
  border-top:1px solid var(--rule);
  display:flex; flex-wrap:wrap; gap:10px 28px; justify-content:space-between;
}
footer a, footer span{
  font-family:var(--data); font-size:9px; letter-spacing:0.13em;
  text-transform:uppercase; color:var(--ink-soft); border:0;
}
footer a:hover{color:var(--heat-ink)}