
    :root {
      --forest: #a3150d; --pine: #c02419; --sage: #d9382c;
      --sky: #fdecea; --trail: #D52B1E; --stone: #f5f2ed;
      --pebble: #e0dbd3; --ink: #1c1c1c; --muted: #5a5a5a;
      --white: #ffffff; --radius: 6px;
      --shadow: 0 2px 8px rgba(0,0,0,.10);
      --shadow-lg: 0 6px 24px rgba(0,0,0,.12);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-size: 15px; line-height: 1.6; color: var(--ink); background: var(--stone); }
    a { color: var(--pine); text-decoration: none; }
    a:hover { color: var(--trail); text-decoration: underline; }

    /* ── Skip link ── */
    .skip-link { position:absolute; top:-40px; left:0; background:var(--trail); color:#fff; padding:8px 14px; border-radius:0 0 var(--radius) 0; z-index:9999; transition:top .2s; }
    .skip-link:focus { top:0; }

    /* ── Header ── */
    .site-header { background:var(--forest); color:#fff; position:sticky; top:0; z-index:100; box-shadow:0 2px 12px rgba(0,0,0,.25); }
    .header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; max-width:1100px; margin:0 auto; }
    .site-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
    .logo-icon { width:44px; height:44px; background:var(--trail); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
    .logo-text { display:flex; flex-direction:column; line-height:1.15; }
    .logo-text strong { font-size:1.25rem; color:#fff; letter-spacing:-.3px; }
    .logo-text span { font-size:.7rem; color:#ffdad5; text-transform:uppercase; letter-spacing:.08em; }
    .primary-nav { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
    .primary-nav a { color:#ffeeeb; font-size:.82rem; font-weight:500; padding:5px 10px; border-radius:var(--radius); white-space:nowrap; transition:background .15s, color .15s; }
    .primary-nav a:hover, .primary-nav a:focus { background:rgba(255,255,255,.12); color:#fff; text-decoration:none; }
    .nav-cta { background:var(--trail) !important; color:#fff !important; padding:6px 14px !important; font-weight:600 !important; }
    .nav-cta:hover { background:#8f130c !important; }
    .menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:6px; color:#fff; font-size:1.5rem; line-height:1; }

    /* ── Breadcrumb ── */
    .breadcrumb { background:var(--pine); padding:8px 20px; }
    .breadcrumb-inner { max-width:1100px; margin:0 auto; font-size:.8rem; color:#ffdad5; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
    .breadcrumb-inner a { color:#ffeeeb; }
    .breadcrumb-inner a:hover { color:#fff; }
    .breadcrumb-inner .sep { opacity:.5; }

    /* ── Page hero ── */
    .page-hero { background:linear-gradient(135deg, var(--forest) 0%, var(--pine) 70%); color:#fff; padding:36px 20px 32px; }
    .page-hero-inner { max-width:1100px; margin:0 auto; }
    .page-hero h1 { font-size:clamp(1.5rem, 3vw, 2.2rem); font-weight:700; letter-spacing:-.4px; margin-bottom:8px; }
    .page-hero h1 em { font-style:normal; color:#fff0c9; }
    .page-hero p { color:#ffe9e6; font-size:.95rem; max-width:600px; }
    .hero-meta { display:flex; gap:20px; margin-top:14px; flex-wrap:wrap; }
    .hero-badge { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); border-radius:20px; padding:4px 14px; font-size:.78rem; font-weight:600; color:#ffd9d4; }

    /* ── State nav strip ── */
    .state-nav { background:var(--white); border-bottom:1px solid var(--pebble); padding:12px 20px; overflow-x:auto; }
    .state-nav-inner { max-width:1100px; margin:0 auto; }
    .state-nav-label { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:8px; }
    .state-pills { display:flex; flex-wrap:wrap; gap:5px; }
    .snav-pill { background:var(--sky); border:1px solid #f2c4be; border-radius:4px; padding:3px 9px; font-size:.75rem; font-weight:600; color:var(--pine); transition:background .12s, color .12s; white-space:nowrap; }
    .snav-pill:hover { background:var(--pine); color:#fff; text-decoration:none; border-color:var(--pine); }
    .snav-pill.active { background:var(--trail); color:#fff; border-color:var(--trail); }

    /* ── Main layout ── */
    .page-body { max-width:1100px; margin:0 auto; padding:28px 20px; display:grid; grid-template-columns:1fr 280px; gap:28px; align-items:start; }

    /* ── Dealer list ── */
    .dealer-list { display:flex; flex-direction:column; gap:14px; }
    .dlr-card { background:var(--white); border:1px solid var(--pebble); border-radius:var(--radius); padding:18px 20px; transition:box-shadow .18s, border-color .18s; }
    .dlr-card:hover { box-shadow:var(--shadow-lg); border-color:var(--sage); }
    .dlr-card-header { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:8px; }
    .dlr-name { font-size:1rem; font-weight:700; color:var(--forest); }
    .dlr-name:hover { color:var(--trail); }
    .dlr-loc { font-size:.8rem; color:var(--muted); white-space:nowrap; }
    .dlr-desc { font-size:.85rem; color:var(--muted); line-height:1.6; margin-bottom:10px; }
    .dlr-visit { display:inline-block; font-size:.8rem; font-weight:600; color:var(--trail); }
    .dlr-visit:hover { color:var(--pine); }

    /* ── Sidebar ── */
    .sidebar { display:flex; flex-direction:column; gap:20px; }
    .sidebar-card { background:var(--white); border:1px solid var(--pebble); border-radius:var(--radius); padding:18px; }
    .sidebar-card h3 { font-size:.85rem; font-weight:700; color:var(--forest); border-left:3px solid var(--trail); padding-left:8px; margin-bottom:12px; }
    .sidebar-links { display:flex; flex-direction:column; gap:8px; }
    .sidebar-links a { font-size:.85rem; color:var(--pine); padding:6px 10px; background:var(--sky); border-radius:4px; transition:background .12s; }
    .sidebar-links a:hover { background:var(--pine); color:#fff; text-decoration:none; }
    .sidebar-tip { font-size:.82rem; color:var(--muted); line-height:1.6; }
    .sidebar-tip strong { color:var(--ink); }
    .submit-cta { background:var(--trail); color:#fff !important; font-weight:600; text-align:center; padding:10px 14px !important; border-radius:var(--radius); }
    .submit-cta:hover { background:#8f130c !important; text-decoration:none !important; }

    /* ── Ad slot ── */
    .ad-slot { background:#f0f0f0; border:1px dashed #ccc; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:.75rem; color:#999; min-height:90px; }

    /* ── Intro section ── */
    .intro-panel { background:var(--white); border:1px solid var(--pebble); border-radius:var(--radius); padding:20px 22px; margin-bottom:14px; }
    .intro-panel p { font-size:.88rem; color:var(--muted); line-height:1.7; }
    .intro-panel p + p { margin-top:10px; }
    .intro-panel a { color:var(--trail); font-weight:500; }

    /* ── Footer ── */
    .site-footer { background:var(--forest); color:#ffdad5; padding:36px 20px 24px; margin-top:40px; }
    .footer-inner { max-width:1100px; margin:0 auto; }
    .footer-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
    .footer-nav a { color:#ffeeeb; font-size:.82rem; font-weight:500; padding:5px 12px; border-radius:var(--radius); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); text-decoration:none; transition:background .15s; }
    .footer-nav a:hover { background:rgba(255,255,255,.14); color:#fff; }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:18px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; font-size:.8rem; }
    .footer-bottom p { color:#ffc9c2; }
    .footer-bottom a { color:#ffdad5; }

    /* ── Responsive ── */
    @media (max-width: 820px) {
      .page-body { grid-template-columns: 1fr; }
      
    }
    @media (max-width: 768px) {
      .primary-nav { display:none; flex-direction:column; width:100%; }
      .primary-nav.open { display:flex; }
      .primary-nav a { padding:10px 14px; font-size:.9rem; }
      .menu-toggle { display:block; }
      .header-inner { flex-wrap:wrap; }
      .page-hero { padding:24px 16px 20px; }
      .page-body { padding:20px 16px; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.dlr-card,.lst-card{content-visibility:auto;contain-intrinsic-size:auto 250px;overflow-wrap:break-word}.page-body>*{min-width:0}.section-heading h2{white-space:normal;min-width:0}.section-heading{min-width:0}@media (max-width:768px){.site-header{max-height:100vh;max-height:100dvh;overflow-y:auto}.menu-toggle{min-width:44px;min-height:44px}.primary-nav a{min-height:44px;display:flex;align-items:center}.breadcrumb-inner a{padding:8px 2px}.state-nav{padding:10px 16px}.state-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:thin}.snav-pill{flex:0 0 auto;padding:10px 13px;font-size:.82rem;scroll-snap-align:start}.dlr-loc,.lst-loc{white-space:normal}.dlr-visit,.lst-visit{display:inline-block;padding:12px 0;margin:-8px 0 -12px}.dlr-name,.lst-name{padding:11px 0;margin:-11px 0}.sidebar-links a{padding:12px 12px}.footer-nav a{padding:11px 14px}input,select,textarea{font-size:16px!important}.dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dir-card{min-width:0;overflow-wrap:anywhere}.listing-grid{grid-template-columns:minmax(0,1fr)!important}.listing-card{min-width:0;overflow-wrap:anywhere}.maint-table td.maint-item{white-space:normal;width:auto}.maint-table th,.maint-table td{padding:8px 8px}}@media (max-width:480px){.dir-grid{gap:8px!important}.dir-card{flex-direction:column;align-items:flex-start;gap:6px}.stats-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 10px!important;text-align:left;font-size:.74rem}}ins.adsbygoogle{display:block;min-height:90px}@media (max-width:768px){ins.adsbygoogle{min-height:250px}}ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}@media (max-width:820px){.sidebar ins.adsbygoogle{display:none!important}}
.nav-lang{border:1px solid rgba(255,255,255,.35);margin-left:4px}

.site-header{background:#D52B1E}
.nav-cta{background:#fff!important;color:#a3150d!important}
.nav-cta:hover{background:#ffe9e6!important}
.nav-more{position:relative}
.nav-more summary{list-style:none;cursor:pointer;color:#fff;font-size:.82rem;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;transition:background .15s}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary::after{content:' \25BE';font-size:.8em}
.nav-more summary:hover,.nav-more[open] summary{background:rgba(255,255,255,.12)}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.28);min-width:210px;padding:6px;z-index:300;display:flex;flex-direction:column}
.nav-more-menu a,.primary-nav .nav-more-menu a{color:#a3150d!important;padding:9px 12px!important;border-radius:6px;font-weight:600;font-size:.85rem}
.nav-more-menu a:hover{background:#fdecea!important;color:#a3150d!important}
.primary-nav a.nav-extra{display:none}
@media(max-width:1060px){
.primary-nav{display:none;flex-direction:column;width:100%}
.primary-nav.open{display:flex}
.primary-nav a{padding:10px 14px;font-size:.9rem;min-height:44px;display:flex;align-items:center}
.primary-nav a.nav-extra{display:flex}
.menu-toggle{display:block;min-width:44px;min-height:44px}
.header-inner{flex-wrap:wrap}
.nav-more{display:none}
.site-header{max-height:100vh;max-height:100dvh;overflow-y:auto}
}
.logo-icon{background:#fff;width:58px;height:36px;border-radius:5px}
.logo-icon svg{width:50px;height:25px;display:block}
.stats-bar{background:#8f130c}
.primary-nav a,.logo-text span{color:#fff}
.hero-content:has(.one-line){max-width:880px}
.hero h1.one-line{white-space:nowrap;font-size:clamp(1.05rem,5.3vw,2.8rem)}
.nav-cta{color:#a3150d!important}

.page-hero.has-photo,.hero.has-photo{background-image:linear-gradient(135deg,rgba(26,58,42,.84) 0%,rgba(45,92,62,.62) 60%,rgba(26,58,42,.55) 100%),var(--hero-img);background-size:cover;background-position:center}
.hero.has-photo{padding-top:84px;padding-bottom:72px}
.page-hero.has-photo{padding-top:64px;padding-bottom:56px}
.page-hero.has-photo h1,.hero.has-photo h1{text-shadow:0 2px 14px rgba(0,0,0,.35)}
