/* ===== Backseat Atlas — brand chrome + homepage (web-view matched) ===== */
:root{
  --amber:#E8643C; --sage:#6FA287; --bark:#16456B; --parchment:#F7F1E1;
  --charcoal:#16456B; --amber-soft:#FBE2D8; --sage-soft:#E2EFE8; --bark-soft:#DDE6EE;
  --line:rgba(22,69,107,.13); --shadow:0 18px 50px -22px rgba(22,69,107,.40);
  --shadow-sm:0 8px 24px -14px rgba(22,69,107,.34); --radius:22px;
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--charcoal);background:var(--parchment)}
.mm-wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.mm-accent{color:var(--amber)} .mm-sage{color:var(--sage)}

/* Ribbon */
.mm-ribbon{background:var(--charcoal);color:var(--parchment);font-size:12.5px;letter-spacing:.04em;text-align:center;padding:8px 16px;font-weight:500}
.mm-ribbon b{color:var(--amber);font-weight:700}

/* Header (global) */
.mm-nav{position:sticky;top:0;z-index:50;background:rgba(247,241,225,.90);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mm-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 26px;max-width:1160px;margin:0 auto;gap:18px}
.mm-logo{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:22px;display:flex;align-items:center;gap:9px;color:var(--charcoal);text-decoration:none}
.mm-logo .amp{color:var(--amber);font-style:italic;font-weight:400}
.mm-logo .mk{color:var(--sage)}
.mm-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.mm-links a,.mm-links .nav-menu>li>a{font-size:14.5px;font-weight:500;color:var(--charcoal);opacity:.82;transition:opacity .2s;text-decoration:none;white-space:nowrap}
.mm-links a:hover{opacity:1;color:var(--amber)}
.mm-cta{display:flex;gap:10px;align-items:center}
.mm-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-weight:600;font-size:14.5px;padding:11px 20px;border-radius:999px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap;text-decoration:none}
.mm-btn:hover{transform:translateY(-2px)}
.mm-btn-primary{background:var(--amber);color:#fff;box-shadow:0 10px 24px -12px rgba(232,100,60,.9)}
.mm-btn-primary:hover{background:#d8552f}
.mm-btn-bark{background:var(--bark);color:var(--parchment)}
.mm-btn-bark:hover{background:#0f3656}
.mm-btn-ghost{background:transparent;border-color:var(--line);color:var(--charcoal)}
.mm-btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.mm-btn-sage{background:var(--sage);color:#08321f}
.mm-btn-lg{padding:15px 28px;font-size:16px}

/* Complete-pillar dropdown nav */
.mm-links .nav-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.mm-links .nav-menu li{position:relative}
.mm-links .nav-menu .sub-menu{display:none;position:absolute;top:100%;left:-14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;min-width:230px;list-style:none;margin:6px 0 0;z-index:60}
.mm-links .nav-menu li:hover>.sub-menu{display:block}
.mm-links .nav-menu .sub-menu li a{display:block;padding:8px 12px;border-radius:9px;font-size:13.5px;opacity:.9}
.mm-links .nav-menu .sub-menu li a:hover{background:var(--sage-soft);color:var(--bark)}
.mm-links .nav-menu .menu-item-has-children>a::after{content:" ▾";font-size:10px;opacity:.6}

/* Footer (global) */
.mm-foot{background:var(--charcoal);color:rgba(247,241,225,.78);padding:56px 0 28px;margin-top:8px}
.mm-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.mm-foot .mm-logo{color:var(--parchment);font-size:21px;margin-bottom:12px}
.mm-foot .mm-logo .mk{color:#9FCBB4}
.mm-foot .pos{font-size:14px;color:rgba(247,241,225,.62);max-width:290px;line-height:1.65}
.mm-foot h5{color:var(--parchment);font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;font-weight:700}
.mm-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.mm-foot ul li a{font-size:14px;color:rgba(247,241,225,.7);text-decoration:none;transition:color .2s}
.mm-foot ul li a:hover{color:var(--amber)}
.mm-foot-bottom{border-top:1px solid rgba(247,241,225,.14);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(247,241,225,.55)}
.mm-foot-bottom b{color:var(--amber)}

@media (max-width:900px){
  .mm-foot-grid{grid-template-columns:1fr 1fr}
  .mm-links{display:none}
}
@media (max-width:620px){.mm-foot-grid{grid-template-columns:1fr}.mm-cta .mm-btn-ghost{display:none}}

/* Hide internal QA/validation UI from public (Da Vinci score, AEO chips, interlink-plan stats) */
.aqa-panel, .stats, .hsb-r, .hsb-dv, .hsb-body, .hsb-h, .hsb-chips, .hsb-dvh,
[class^="hsb-"], [class*=" hsb-"]{ display:none !important; }