/* MRHG Location Pages — Brand Styles (Red/Blue/Black) */
:root{
  --brand-red:#d62828;
  --brand-blue:#0b1b32;
  --brand-black:#0f172a;
  --muted:#6b7280;
  --border:#e5e7eb;
  --bg:#f8fafc;
  --white:#ffffff;
}

/* Layout */
.mrhg-container{max-width:1100px;margin:0 auto;padding:24px}
section.mrhg{scroll-margin-top:80px}

/* Hero */
.mrhg-hero{background:var(--brand-blue);color:var(--white);padding:56px 0;text-align:center}
.mrhg-hero .sub{opacity:.9;margin:.5rem 0 1.25rem}
.mrhg-cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:1rem}
.mrhg-btn{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;text-decoration:none;line-height:1.2}
.mrhg-btn.primary{background:var(--brand-red);color:var(--white)}
.mrhg-btn.ghost{border:2px solid var(--brand-red);color:var(--brand-red);background:transparent}
.mrhg-badge{margin-top:1rem;background:var(--white);color:var(--brand-blue);display:inline-block;padding:8px 14px;border-radius:999px;font-weight:600}

/* Content blocks */
.mrhg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.mrhg-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px}

/* Widget */
.mrhg-widget .alt-cta{margin-top:10px;color:var(--muted)}

/* Areas / chips */
.mrhg-nearby .chips{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:8px 0 0;list-style:none}
.mrhg-nearby .chips li a{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:#0f172a}
.mrhg-nearby .chips li a:hover{border-color:#d62828;color:#d62828}

/* Proof list */
.mrhg-checks{columns:2;column-gap:24px;padding-left:18px}
.mrhg-checks li{margin:0 0 .4rem}

/* FAQ */
.mrhg-faq details{background:#ffffff;border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:10px 0}
.mrhg-faq summary{font-weight:700;cursor:pointer;color:#0f172a}
.mrhg-faq details[open]{border-color:#d62828}

/* Footer */
.mrhg-nap{background:var(--brand-blue);color:#ffffff;margin-top:16px;text-align:center}
.mrhg-nap a{color:#ffffff;text-decoration:underline}

/* Typography */
.mrhg h1,.mrhg h2,.mrhg h3{color:#0f172a}
.mrhg-hero h1{color:#ffffff}

/* Mobile First */
@media (max-width:1024px){
  .mrhg-grid-3{grid-template-columns:repeat(2,1fr)}
  .mrhg-checks{columns:1}
}
@media (max-width:640px){
  .mrhg-container{padding:18px}
  .mrhg-hero{padding:42px 0}
  .mrhg-grid-3{grid-template-columns:1fr}
  .mrhg-badge{display:block;margin:12px auto 0}
}