/* BrownMetro unified visual system — v31 */
:root{
  --bm-navy:#0f172a;
  --bm-navy-2:#172235;
  --bm-orange:#ff8a00;
  --bm-orange-soft:#fff4e6;
  --bm-cream:#fbfaf7;
  --bm-surface:#ffffff;
  --bm-surface-2:#f5f7fa;
  --bm-text:#111827;
  --bm-muted:#667085;
  --bm-line:#e5e9ef;
  --bm-shadow:0 18px 50px rgba(15,23,42,.08);
  --bm-shadow-lg:0 28px 80px rgba(15,23,42,.13);
  --bm-radius:20px;
  --bm-radius-lg:28px;
}
html{scroll-behavior:smooth}
body{background:var(--bm-cream);color:var(--bm-text)}
::selection{background:rgba(255,138,0,.2);color:var(--bm-navy)}
.site-header{background:rgba(251,250,247,.92)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 4px 22px rgba(15,23,42,.035)}
.site-header .header-inner{min-height:76px;height:76px}
.site-header .brand{font-size:22px;letter-spacing:-.8px}
.site-header .brand-logo{width:40px;height:40px}
.site-header .desktop-nav{gap:24px}
.site-header .desktop-nav a{position:relative;padding:8px 0}
.site-header .desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:var(--bm-orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header .desktop-nav a:hover:after,.site-header .desktop-nav a.active:after{transform:scaleX(1)}
.site-header .header-cta{background:var(--bm-navy);border-radius:14px;padding:12px 18px;box-shadow:0 7px 18px rgba(15,23,42,.12)}
.site-header .header-cta:hover{background:#243047}
.container{width:min(calc(100% - 40px),1180px);margin-inline:auto}
.section{padding:76px 0}
.section.soft,.soft-panel{background:var(--bm-surface-2)}
.eyebrow,.article-kicker,.panel-label,.flight-search-kicker{color:#b85d00!important;letter-spacing:1.9px!important}
h1,h2,h3{color:var(--bm-text)}
.primary-button{background:var(--bm-orange)!important;color:#1b1208!important;border:0;border-radius:14px!important;box-shadow:0 10px 22px rgba(255,138,0,.18);font-weight:850}
.primary-button:hover{background:#ff980f!important;transform:translateY(-1px)}
.secondary-button,.hero-link{border-radius:14px}
.hero-premium,.child-hero,.article-hero,.dest-hero{background:linear-gradient(135deg,#fbfaf7 0%,#f2f5f8 100%)!important}
.hero-premium{padding-top:72px!important;padding-bottom:78px!important}
.hero-premium-copy h1,.child-hero h1,.article-hero h1,.dest-hero h1{font-weight:900}
.hero-premium-visual,.child-photo,.feature-photo-panel,.hero-art{border-radius:var(--bm-radius-lg)!important;box-shadow:var(--bm-shadow-lg)!important}
.hero-premium-visual img{filter:saturate(.96) contrast(1.02)}
.hero-destination-card{border:1px solid rgba(255,255,255,.72)!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(15,23,42,.18)!important}
.destination-card.destination-image{border-radius:var(--bm-radius)!important;box-shadow:var(--bm-shadow)!important}
.destination-card.destination-image:focus-visible,.link-card:focus-visible,.planning-card:focus-visible,.experience-card:focus-visible,.related-card:focus-visible{outline:3px solid rgba(255,138,0,.3);outline-offset:3px}
.planning-card,.experience-card,.link-card,.related-card,.info-card,.tool,.page-card,.answer-box,.faq-item,.toc,.compare-table{border-color:var(--bm-line)!important;border-radius:18px!important;background:var(--bm-surface)}
.planning-card:hover,.experience-card:hover,.link-card:hover,.related-card:hover{box-shadow:var(--bm-shadow);transform:translateY(-3px)}
.planning-card span,.link-card .num{color:#b85d00!important}
.feature-panel,.article-cta,.cta-panel,.newsletter{background:var(--bm-navy)!important;border-radius:var(--bm-radius-lg)!important}
.feature-panel,.article-cta,.cta-panel{box-shadow:var(--bm-shadow-lg)}
.cta-panel .primary-button,.article-cta .primary-button{background:#fff!important;color:var(--bm-navy)!important}
.search-card,.flight-search-card{border:1px solid var(--bm-line)!important;box-shadow:var(--bm-shadow-lg)!important;border-radius:var(--bm-radius)!important}
.search-tabs .tab.active,.tab.active{color:var(--bm-navy);border-bottom-color:var(--bm-orange)}
.field,.flight-field{border-color:#dbe2ea;border-radius:14px}
.field:focus-within,.flight-field:focus-within{border-color:#ffb24d;box-shadow:0 0 0 3px rgba(255,138,0,.10)}
.section-heading,.section-title{margin-bottom:30px}
.section-heading h2,.section-title h2{font-weight:900}
.article-body h2{margin-top:50px}
.article-body a,.source-box a,.source-note a{color:#a64f00}
.article-body a:hover,.source-box a:hover,.source-note a:hover{color:#7e3d00}
.breadcrumbs a{color:#667085}
.city-badge{border:1px solid rgba(15,23,42,.08);box-shadow:var(--bm-shadow)}
.city-stat,.city-stat-row .city-stat{box-shadow:0 8px 24px rgba(15,23,42,.045)}
.notice{background:var(--bm-orange-soft);color:#8a4b00}
.page-shell{padding-top:78px}
.page-shell h1{font-weight:900}
.page-card{box-shadow:var(--bm-shadow)}
.site-footer{background:var(--bm-navy)!important;border-top:0!important;color:#cbd5e1}
.site-footer .footer-compact{min-height:72px}
.site-footer .footer-brand,.site-footer .footer-links a{color:#e5e7eb!important}
.site-footer .footer-meta{color:#94a3b8}
.site-footer .footer-brand .brand-mark{background:#fff;color:var(--bm-navy)}
@media(max-width:820px){
  .site-header .header-inner{min-height:68px;height:68px}
  .site-header .desktop-nav,.site-header .header-cta{display:none}
  .site-header .menu-toggle{display:grid;place-items:center;margin-left:auto}
  .site-header .mobile-nav{background:rgba(251,250,247,.98);border-top:1px solid var(--bm-line);box-shadow:0 18px 35px rgba(15,23,42,.08)}
  .site-header .mobile-nav a{padding:14px 20px;color:var(--bm-navy);font-weight:800}
  .site-header .mobile-nav .mobile-cta{background:var(--bm-orange);color:#1b1208;border-radius:12px;margin:8px 20px 16px;text-align:center}
  .section{padding:58px 0}
  .hero-premium{padding-top:48px!important;padding-bottom:58px!important}
  .container{width:min(calc(100% - 32px),1180px)}
  .article-layout{grid-template-columns:1fr!important}
  .toc{position:static}
  .related-grid{grid-template-columns:1fr 1fr}
  .cta-panel{padding:30px 26px;display:block}
  .cta-panel .primary-button{margin-top:20px}
  .newsletter-inner{display:block}
  .newsletter .secondary-button{margin-top:18px}
}
@media(max-width:560px){
  .related-grid,.info-grid{grid-template-columns:1fr}
  .section-heading,.section-title{display:block}
  .section-note{display:block;margin-top:8px}
  .hero-actions{gap:10px}
  .primary-button{width:100%;justify-content:center}
  .site-footer .footer-compact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0}
  .site-footer .footer-links{justify-content:flex-start;flex-wrap:wrap;gap:10px 16px}
  .site-footer .footer-meta{white-space:normal;flex-wrap:wrap}
}