:root{
  --wall:#2F3D37; --wall-2:#3A4A43; --walnut:#4A2E1B; --amber:#E3963E; --amber-d:#B96F1C;
  --paper:#F5F4EF; --card:#FFFFFF; --ink:#1E1914; --soft:#5E564D; --line:#DAD5CA; --ok:#2E6B45; --bad:#A32F25;
  --serif:"Newsreader",Georgia,"Times New Roman",serif; --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0;letter-spacing:-.01em}
.btn{display:inline-block;font:600 1rem/1 var(--sans);padding:.95rem 1.5rem;border-radius:6px;border:2px solid var(--amber);background:var(--amber);color:#2A1706;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:#EDA95A}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.dark{background:var(--walnut);border-color:var(--walnut);color:#fff}
.btn.dark:hover{background:#5d3b25}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}