@font-face{font-family:"Gloock";src:url("../assets/fonts/gloock-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../assets/fonts/instrument-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../assets/fonts/instrument-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--bg:#14050a;--panel:#1c0a10;--ivory:#efe6d2;--dim:rgba(239,230,210,.76);--line:rgba(239,230,210,.16);--brass:#c9a24a;--brass-hi:#e0bf6a}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:radial-gradient(120% 60% at 50% 0,#3b0b17 0,var(--bg) 70%) no-repeat,var(--bg);color:var(--ivory);font:400 1rem/1.65 "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
.wrap{max-width:44rem;margin:0 auto;padding:1.5rem 1rem 4rem}
nav.top{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.9rem;margin-bottom:2rem}
nav.top a{color:var(--dim);text-decoration:none}
nav.top a:hover,nav.top a:focus-visible{color:var(--brass-hi)}
nav.top .brand{font-family:"Gloock",serif;color:var(--brass-hi);font-size:1.25rem}
nav.top .links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.9rem}
h1{font-family:"Gloock",serif;font-weight:400;font-size:clamp(2rem,7vw,2.8rem);line-height:1.1;margin:0 0 .4rem}
h2{font-family:"Gloock",serif;font-weight:400;font-size:1.35rem;margin:2.2rem 0 .5rem;color:var(--brass-hi)}
.updated{color:var(--dim);font-size:.9rem;margin:0 0 1.5rem}
p,li{color:var(--dim)}
li{margin:.3rem 0}
strong{color:var(--ivory);font-weight:600}
a{color:var(--brass-hi)}
a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.note{border:1px solid var(--line);border-left:3px solid var(--brass);background:var(--panel);padding:.8rem 1rem;border-radius:4px;margin:1.2rem 0}
.note p{margin:0;color:var(--ivory)}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--dim);font-size:.85rem}
@media (prefers-reduced-motion:no-preference){a{transition:color .15s}}