/* Shared styles for footer pages */
:root{
  --bg:#ffffff; --ink:#0b0f14; --ink-soft:#2a2f36; --muted:#5b6470;
  --line:#e6e8ec; --brand:#c8102e; --brand-ink:#8a0a1f;
  --radius:10px; --maxw:820px;
  --font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --font-head:'Merriweather','Times New Roman',Georgia,serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--brand-ink)}
a:hover{color:var(--brand)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
header.masthead{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
header .row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:900;color:var(--ink);font-size:20px;text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--font-body);font-weight:800;font-size:14px}
nav.mainnav{display:flex;gap:20px;font-size:14px;color:var(--muted)}
nav.mainnav a{color:var(--muted);text-decoration:none}
nav.mainnav a:hover{color:var(--ink)}
@media(max-width:640px){nav.mainnav{display:none}}
main.page{padding:34px 0 40px}
.crumb{font-size:13px;color:var(--muted);margin-bottom:14px}
.crumb a{color:var(--muted)}
h1.page-title{font-family:var(--font-head);font-weight:900;font-size:clamp(28px,4vw,40px);line-height:1.2;margin:0 0 10px}
.subtitle{color:var(--muted);font-size:15px;margin:0 0 26px}
.page h2{font-family:var(--font-head);font-size:22px;margin:26px 0 10px}
.page h3{font-size:17px;margin:18px 0 6px}
.page p, .page li{color:var(--ink-soft);font-size:16px}
.page ul{padding-left:22px}
.card-box{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:#fafbfc;margin:16px 0}
footer.site{background:#0b0f14;color:#c7cdd5;padding:34px 0 24px;margin-top:30px;font-size:14px}
footer.site .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
@media(max-width:640px){footer.site .grid{grid-template-columns:1fr;gap:20px}}
footer.site h4{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
footer.site a{color:#c7cdd5;display:block;padding:4px 0;text-decoration:none}
footer.site a:hover{color:#fff}
footer.site .brand-block .logo{color:#fff;margin-bottom:10px}
footer.site .brand-block p{color:#8b939e;font-size:13px;line-height:1.55;margin:0 0 8px;max-width:340px}
.legal{border-top:1px solid #1f242c;margin-top:26px;padding-top:18px;color:#7b8390;font-size:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.legal a{color:#9aa2ac;display:inline;padding:0}