/* Shared header / footer — identical markup on every page */
:root{
  --site-bg:#3f4a25;
  --site-accent:#709107;
  --site-beige:#DFD5CD;
  --site-rose:#CF95A1;
  --site-muted:#64748b;
}

.site-header{background:#fff}
.site-header__top{
  background:var(--site-beige);
  color:#6b6257;
  text-align:center;
  font-family:Roboto,Arial,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:9px 16px;
}
.site-header__bar{
  border-bottom:2px solid var(--site-accent);
  background:#fff;
  padding:12px 0;
}
.site-header__inner,
.site-footer__inner{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
  text-align:center;
}
.site-header__brand{display:inline-block;text-decoration:none;border:0}
.site-header__brand img{display:block;height:48px;width:auto;margin:0 auto;max-width:100%}
.site-header__tag{
  font-family:Roboto,Arial,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--site-muted);
  margin-top:6px;
}

.site-footer{
  background:var(--site-bg);
  color:#d6dcc4;
  font-family:Roboto,Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.7;
  margin-top:0;
  padding:28px 0 32px;
}
.site-footer a{color:#fff;text-decoration:underline}
.site-footer a:hover{text-decoration:none}
.site-footer__nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 20px;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.site-footer__nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.site-footer__nav a:hover{text-decoration:underline}
.site-footer__company{color:#c3cbb0;margin-bottom:10px}
.site-footer__copy{color:#a7af95;font-size:12px}

@media (max-width:600px){
  .site-header__brand img{height:38px}
  .site-footer__nav{gap:6px 14px}
}