:root{
  --sky-top:#fbdfa8;--sky-low:#f3c074;--paper:#fcf4e6;--ink:#1f1709;--ink-soft:#5c4f3d;
  --amber:#ef7708;--amber-deep:#b34d00;--line:#e6d8bf;--maxw:780px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Spline Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2{font-family:'Fraunces',Georgia,serif}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:var(--amber-deep)}
.topbar{border-bottom:1px solid var(--line);background:rgba(253,248,239,.9);position:sticky;top:0;z-index:50}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:1080px}
.brand{font-family:'Fraunces';font-weight:600;font-size:1.15rem}
.brand span{color:var(--amber-deep)}
.topbar a.nav-cta{background:var(--ink);color:var(--paper);text-decoration:none;padding:9px 18px;border-radius:999px;font-weight:600;font-size:.9rem}
.hero{background:linear-gradient(170deg,var(--sky-top),var(--paper));padding:54px 0 36px}
.hero .eyebrow{font-family:'Spline Sans Mono';text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--amber-deep);margin-bottom:14px;display:inline-block}
.hero h1{font-weight:900;font-size:clamp(1.8rem,4.5vw,2.6rem);letter-spacing:-.02em}
.hero .updated{font-family:'Spline Sans Mono';font-size:.82rem;color:var(--ink-soft);margin-top:14px}
article{padding:44px 0}
article h2{font-size:1.35rem;font-weight:600;margin:36px 0 12px;letter-spacing:-.01em}
article h2:first-child{margin-top:0}
article p{margin-bottom:16px;color:#33271a}
article ul{margin:0 0 16px 22px;color:#33271a}
article li{margin-bottom:8px}
.fill{background:#fff5e0;border:1px solid #f0c97a;border-radius:6px;padding:1px 7px;font-family:'Spline Sans Mono';font-size:.92em;color:var(--amber-deep)}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:18px 0}
footer{background:#1b140c;color:#cbbfa9;padding:36px 0;font-size:.9rem;margin-top:30px}
footer .wrap{max-width:1080px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
footer a{color:#ffce85;text-decoration:none}
.foot-links{display:flex;flex-wrap:wrap;gap:16px}
:focus-visible{outline:3px solid var(--amber-deep);outline-offset:2px}