:root{
  --bg:#fff; --text:#1f2937; --muted:#6b7280; --border:#e5e7eb; --surface:#fafafa;
  --brand:#8B5E34; --brand-600:#6f4526; --accent:#D9A45A;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);backdrop-filter:saturate(180%) blur(4px)}
.site-header .container{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:64px}
.site-header .brand{font-weight:800;letter-spacing:.4px;color:var(--brand-600);font-size:18px}
.site-header .site-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.site-header .site-nav a{padding:8px 10px;border-radius:10px;color:var(--text)}
.site-header .site-nav a:hover{background:var(--surface);text-decoration:none}
.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:40px}
.site-footer .container{padding:28px 16px}
.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:12px}
.site-footer .logo{font-weight:800;color:var(--brand-600)} .site-footer .fine{color:var(--muted);font-size:14px}
h1{font-size:clamp(28px,2.8vw,36px);line-height:1.2;margin:.4em 0} h2{font-size:clamp(22px,2.2vw,28px);line-height:1.25;margin:.6em 0} h3{font-size:clamp(18px,1.8vw,22px);line-height:1.3;margin:.6em 0}
:where(a,button,[role="button"],input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
/* prevent collision with existing cards */
header.page, footer.card{all:unset;display:block}