:root{
  color-scheme:light only;
  --paper:#FBF8F2; --navy:#0F2A43; --navy-2:#1B4569; --gold:#C08A16;
  --gold-soft:#F7E9C6; --ink:#26313B; --ink-2:#5A6772; --line:#E2D9C8;
  --display:"Frank Ruhl Libre", Georgia, serif;
  --body:"Assistant", system-ui, sans-serif;
  --util:"Heebo", system-ui, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#FBF8F2}
body{
  font-family:var(--body);background:#FBF8F2;color:#26313B;
  font-size:17px;font-weight:500;line-height:1.75;
  -webkit-font-smoothing:antialiased;-webkit-text-fill-color:currentColor;
}
@media (prefers-color-scheme: dark){html,body{background:#FBF8F2;color:#26313B}}
.wrap{width:min(760px,92vw);margin-inline:auto}

.topbar{background:#0F2A43;padding:1.1rem 0}
.topbar a{
  font-family:var(--util);font-weight:900;font-size:1.05rem;
  color:#fff;-webkit-text-fill-color:#fff;text-decoration:none;
  display:inline-flex;align-items:center;gap:.5rem;
}
.topbar a:hover{color:#E0AB33;-webkit-text-fill-color:#E0AB33}

main{padding:clamp(2.5rem,6vw,4rem) 0 clamp(3rem,7vw,5rem)}
.eyebrow{
  font-family:var(--util);font-size:.76rem;font-weight:700;letter-spacing:.2em;
  color:#8A6206;-webkit-text-fill-color:#8A6206;background:#F7E9C6;
  display:inline-block;padding:.4rem 1rem;border-radius:100px;margin-bottom:1.1rem;
}
h1{
  font-family:var(--display);font-weight:900;color:#0F2A43;
  font-size:clamp(2rem,6vw,2.9rem);line-height:1.15;margin-bottom:.5rem;
}
.updated{font-family:var(--util);font-size:.85rem;color:#5A6772;margin-bottom:2.2rem}
h2{
  font-family:var(--display);font-weight:900;color:#0F2A43;
  font-size:clamp(1.25rem,3.6vw,1.6rem);line-height:1.25;
  margin:2.4rem 0 .7rem;padding-top:1.4rem;border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0}
p{margin-bottom:1rem}
ul{margin:0 0 1.2rem 0;padding-inline-start:1.3rem}
li{margin-bottom:.5rem}
a{color:#1B4569}
strong{font-weight:800;color:#0F2A43}

.fill{
  background:#F7E9C6;border-radius:4px;padding:.05rem .45rem;
  font-family:var(--util);font-weight:700;font-size:.9em;color:#8A6206;
  -webkit-text-fill-color:#8A6206;
}
.callout{
  background:#fff;border:1px solid var(--line);border-right:5px solid var(--gold);
  border-radius:6px;padding:1.2rem 1.3rem;margin:1.6rem 0;
}
.callout p:last-child{margin-bottom:0}

footer{background:#0F2A43;color:#A9BACA;-webkit-text-fill-color:#A9BACA;
  padding:2.4rem 0;font-size:.85rem;line-height:1.8}
footer a{color:#C9D6E2;-webkit-text-fill-color:#C9D6E2}