/* =============================
   Global site styles (minimal)
   ============================= */

/* --- Footer (gold variant) --- */
:root{
  --footer-bg:#8b7a58;
  --footer-fg:#ffffff;
}
.footer{background:var(--footer-bg);color:var(--footer-fg);padding:24px 16px;margin-top:28px}
.footer__wrap{max-width:1140px;margin:0 auto;display:grid;gap:14px}
.footer__links{display:flex;gap:10px;flex-wrap:wrap}
.footer__chip{display:inline-flex;gap:.5rem;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:var(--footer-fg);text-decoration:none;font-weight:700;cursor:pointer}
.footer__chip:hover{background:rgba(255,255,255,.2)}
.footer__chip:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}
.footer a{color:var(--footer-fg);text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer__utils{margin-left:auto}
@media(max-width:720px){.footer__utils{margin-left:0}}

/* (Optional) Helpers you may reuse */
.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}