:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface2:#fbfbfc;
  --text:#0f172a;
  --muted:#475569;
  --line:#e5e7eb;
  --shadow:0 10px 30px rgba(2,6,23,.08);
  --radius:14px;
  --focus:rgba(59,130,246,.25);
  /* Match fixed header + body padding-top */
  --header-h:45px;
}
@media (max-width:640px){
  :root{--header-h:60px}
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100%;
  display:flex;
  flex-direction:column;
  /* Fixed header offset */
  padding-top:var(--header-h);
}
body > main{flex:1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95em}
.container{max-width:1140px;margin:0 auto;padding:0 20px}

.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:var(--surface);
}
@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
  .site-header{
    -webkit-backdrop-filter:saturate(160%) blur(12px);
    backdrop-filter:saturate(160%) blur(12px);
  }
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px 32px;
  min-height:45px;
}
@media (max-width:640px){
  .header-inner{min-height:60px}
}

/* Scroll progress (width set by assets/page-progress.js) */
.page-progressbar{
  position:fixed;
  top:var(--header-h);
  left:0;
  z-index:1001;
  width:0;
  max-width:100%;
  height:3px;
  margin:0;
  padding:0;
  border:0;
  background:rgb(212,38,32);
  pointer-events:none;
  transform-origin:0 50%;
}

.header-brand{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1;
  text-decoration:none;
  color:inherit;
}
.header-brand__mark{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  border-radius:12px;
  transition:transform .2s ease, opacity .2s ease;
}
.header-brand__mark svg{
  display:block;
  width:40px;
  height:40px;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.06));
}
.header-brand__logo{
  display:block;
  height:40px;
  width:auto;
  max-width:min(200px,42vw);
  object-fit:contain;
  object-position:left center;
}
.header-brand--has-logo .header-brand__mark{
  border-radius:10px;
}
.header-brand:hover .header-brand__mark{
  transform:translateY(-1px);
}
.header-brand:active .header-brand__mark{
  transform:translateY(0);
}
.header-brand__text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.header-brand__title{
  font-family:"Source Serif 4",Georgia,serif;
  font-weight:700;
  font-size:clamp(17px,2.2vw,21px);
  line-height:1.15;
  letter-spacing:-.02em;
  color:#0f172a;
}
.header-brand__tagline{
  font-size:11px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
  max-width:min(44ch,100%);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:640px){
  .header-brand__tagline{display:none}
}

/* Desktop inline links + hamburger (drawer on all viewports) */
.header-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-shrink:0;
  gap:6px 12px;
}
.header-nav__inline{
  display:none;
}
@media (min-width:961px){
  .header-nav__inline{
    display:block;
  }
}
.header-nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:2px 4px;
}
.header-nav__item{display:inline-flex}
.header-nav__link{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:8px;
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  color:#64748b;
  text-decoration:none;
  transition:color .14s ease,background .14s ease;
}
.header-nav__link:hover{
  color:#0f172a;
}
.header-nav__link--current{
  color:#0f172a;
  font-weight:600;
}
.header-nav__link:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:2px;
}

/* Hamburger + left slide drawer (all viewports) */
.site-nav-toggle{
  flex-shrink:0;
  cursor:pointer;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#334155;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.site-nav-toggle:hover{
  background:#f1f5f9;
  border-color:#e2e8f0;
}
.site-nav-toggle:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:2px;
}
body.site-nav--open .site-nav-toggle{
  background:#f1f5f9;
  border-color:#e2e8f0;
  color:#0f172a;
}
@media (min-width:961px){
  .site-nav-toggle{display:none}
}
.site-nav-toggle__bars{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:22px;
}
.site-nav-toggle__bar{
  display:block;
  height:2px;
  width:100%;
  background:currentColor;
  border-radius:1px;
  transition:transform .28s cubic-bezier(0.4,0,0.2,1),opacity .22s ease;
  transform-origin:center;
}
body.site-nav--open .site-nav-toggle__bar:first-child{
  transform:translateY(7px) rotate(45deg);
}
body.site-nav--open .site-nav-toggle__bar:nth-child(2){
  opacity:0;
  transform:scaleX(0);
}
body.site-nav--open .site-nav-toggle__bar:last-child{
  transform:translateY(-7px) rotate(-45deg);
}

.site-nav-overlay{
  position:fixed;
  inset:0;
  z-index:200;
  background:rgba(15,23,42,.42);
  opacity:0;
  visibility:hidden;
  transition:opacity .32s ease,visibility .32s ease;
  pointer-events:none;
}
body.site-nav--open .site-nav-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.site-nav-drawer{
  position:fixed;
  top:61px;
  left:0;
  bottom:0;
  z-index:210;
  width:min(300px,88vw);
  max-width:100%;
  background:#fff;
  border-right:1px solid #e8eaef;
  box-shadow:none;
  transform:translateX(-100%);
  transition:transform .32s cubic-bezier(0.4,0,0.2,1),box-shadow .32s ease;
  display:flex;
  flex-direction:column;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
body.site-nav--open .site-nav-drawer{
  transform:translateX(0);
  box-shadow:12px 0 40px rgba(15,23,42,.12);
}
.site-nav-drawer__nav{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:0 0 24px;
}
.site-nav-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px 14px;
  border-bottom:1px solid #eef1f5;
  position:sticky;
  top:0;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  z-index:1;
}
.site-nav-drawer__title{
  font-family:"Source Serif 4",Georgia,serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.02em;
  color:#0f172a;
}
.site-nav-drawer__close{
  flex-shrink:0;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.site-nav-drawer__close:hover{
  background:#f1f5f9;
  border-color:#e2e8f0;
  color:#0f172a;
}
.site-nav-drawer__close:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:2px;
}
.site-nav-drawer__list{
  list-style:none;
  margin:0;
  padding:12px 12px 0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.site-nav-drawer__item{margin:0}
.site-nav-drawer__link{
  display:block;
  padding:12px 14px;
  border-radius:10px;
  font-size:15px;
  font-weight:600;
  color:#334155;
  text-decoration:none;
  transition:background .14s ease,color .14s ease;
}
.site-nav-drawer__link:hover{
  background:#f8fafc;
  color:#0f172a;
}
.site-nav-drawer__link--current{
  background:#fff7ed;
  color:#c2410c;
}
.site-nav-drawer__link:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:1px;
}

@media (prefers-reduced-motion:reduce){
  .site-nav-overlay,
  .site-nav-drawer,
  .site-nav-toggle__bar{
    transition-duration:.01ms !important;
  }
}

.hero{padding:34px 0 34px}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.hero-card{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
}

.home-hero-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(120deg, rgba(234,88,12,.18), rgba(15,23,42,.12), rgba(234,88,12,.10));
  opacity:.35;
  pointer-events:none;
  mask:linear-gradient(#000, transparent 65%);
}
.home-hero-kicker{
  margin:0 0 10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(15,23,42,.72);
}
.home-hero-note{line-height:1.7rem;margin:14px 0 0;max-width:70ch}
.home-hero-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.home-hero-panel__item{
  border:1px solid rgba(226,232,240,.85);
  background:rgba(255,255,255,.78);
  border-radius:14px;
  padding:14px 14px 12px;
}
.home-hero-panel__title{
  font-weight:800;
  letter-spacing:-.01em;
  margin:0 0 6px;
}
.home-hero-panel__text{
  color:var(--muted);
  font-size:13.5px;
  line-height:1.55;
}
.home-hero-panel__links{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  color:var(--muted);
  font-weight:700;
  font-size:13px;
  padding:4px 2px 0;
}
.home-hero-panel__links a{color:inherit}
.home-hero-panel__links a:hover{color:var(--text)}
.hero-title{font-size:36px;line-height:1.12;margin:0 0 10px;letter-spacing:-.02em}
.hero-sub{line-height:1.7rem;color:var(--muted);margin:0 0 16px;max-width:62ch}
.pill-row{display:flex;gap:10px;flex-wrap:wrap}
.pill{
  display:inline-flex;gap:8px;align-items:center;
  padding:8px 12px;border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface2);
  color:var(--muted);
  font-weight:600;font-size:13px;
}
.pill b{color:var(--text)}
.cta-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:10px;
  padding:10px 14px;border-radius:12px;
  font-weight:700;
  border:1px solid var(--line);
  background:var(--surface);
}
.btn.primary{
  background:#0f172a;
  color:#ffffff;
  border-color:#0f172a;
}
.btn:hover{background:var(--surface2)}
.btn.primary:hover{background:#111c33}
.btn:focus{outline:3px solid var(--focus);outline-offset:2px}

.section{padding:18px 0 26px}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 14px}
.section-title h2{margin:0;font-size:18px}
.section-title a{color:var(--muted);font-weight:600}
.section-title a:hover{color:var(--text)}

.grid{display:grid;gap:14px}
.grid.brands{grid-template-columns:repeat(5,1fr)}
.grid.cars{grid-template-columns:repeat(3,1fr)}

.card{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.card-body{padding:14px}
.card-title{margin:0 0 6px;font-weight:800}
.muted{color:var(--muted)}
.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.tag{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface2);
}
.brand-tile{
  display:flex;gap:10px;align-items:center;
}
.brand-logo{
  width:36px;height:36px;border-radius:12px;
  background:var(--surface2);
  border:1px solid var(--line);
  display:grid;place-items:center;
  font-weight:800;color:var(--text);
}

.brand-page-hero-container{
  margin-top:40px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:clamp(24px,4vw,44px);
  padding-bottom:28px;
  margin-bottom:8px;
}
/* Left column: logo + title stacked (lockup), top-aligned with intro — avoids vertical centering beside tall copy */
.brand-page-hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  align-self:center;
  justify-content: center;
  gap:20px;
  text-align:center;
  padding:0;
  flex:1 1 100%;
  max-width:100%;
  min-width:0;
}
.brand-page-hero__logo{
  width:80px;
  height:80px;
  border-radius:18px;
  object-fit:contain;
  background:var(--surface2);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  flex-shrink:0;
}
.brand-page-hero__logo--letter{
  width:80px;
  height:80px;
  border-radius:18px;
  font-size:30px;
  font-weight:800;
  display:grid;
  place-items:center;
  background:var(--surface2);
  border:1px solid var(--line);
  color:var(--text);
  box-shadow:var(--shadow);
  flex-shrink:0;
}
.brand-page-hero__text{
  min-width:0;
  width:100%;
}
.brand-page-title{
  margin:0;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(24px,3.6vw,34px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.15;
  color:var(--text);
}
.brand-page-intro{
  flex:1 1 100%;
  min-width:0;
  max-width:100%;
  margin:0 0 32px;
  padding:0;
  font-size:16px;
  line-height:1.75;
  color:#475569;
}
@media (min-width:768px){
  .brand-page-hero-container{
    flex-wrap:nowrap;
    gap:clamp(28px,4vw,52px);
  }
  /* Hero column: wider on desktop (caps at ~520px / ~42% of row) */
  .brand-page-hero{
    flex:0 1 clamp(140px,42vw,200px);
    max-width:clamp(140px,42vw,200px);
  }
  /* Intro fills all remaining horizontal space */
  .brand-page-intro{
    flex:1 1 0%;
    max-width:none;
  }
}
.brand-page-intro p{margin:0 0 1em}
.brand-page-intro p:last-child{margin-bottom:0}
.brand-page-intro strong{color:#0f172a;font-weight:700}
.brand-page-section{
  border-top: 1px solid var(--line);
  padding-top: 40px;
  margin-top:38px;
}
.brand-page-section h2{
  margin:0 0 12px;
  font-size:clamp(1.1rem,1.8vw,1.28rem);
  font-weight:700;
  letter-spacing:-.02em;
  color:#0f172a;
  line-height:1.3;
}
.brand-page-section p{
  margin:0 0 1em;
  font-size:15px;
  line-height:1.65;
  color:#334155;
}
.brand-page-section p:last-child{margin-bottom:0}
.brand-page-section a{color:#2563eb;font-weight:600}
.brand-page-section a:hover{text-decoration:underline;text-underline-offset:2px}

.car-page-intro{
  margin:0 auto 28px;
  max-width:72ch;
}
.car-page-intro p:last-child{margin-bottom:0}

/* —— Car detail: narrow column, hero, plain spec tables —— */
.car-detail-page{
  padding-bottom:44px;
}
.car-detail-shell{
  max-width:800px;
  margin:0 auto;
}
.car-detail-breadcrumbs{
  margin:0 0 22px;
  padding-bottom:14px;
  border-bottom:1px solid #eef2f7;
  font-size:13px;
}
.car-detail-page .car-page-intro{
  margin:0 0 28px;
  max-width:none;
  padding:2px 0 0;
  font-size:15px;
  line-height:1.78;
  color:#475569;
}
.car-detail-page .car-page-intro p{
  margin:0 0 1.05em;
}
.car-detail-page .car-page-intro p:last-child{
  margin-bottom:0;
}
.car-detail-hero{
  margin-bottom:28px;
  box-shadow:none;
  border:1px solid #e8eaef;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.car-detail-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
  align-items:stretch;
  min-height:0;
}
.car-detail-hero__media{
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid #e8eaef;
  min-height:200px;
}
.car-detail-hero__img{
  width:100%;
  max-width:100%;
  max-height:min(300px,42vh);
  height:auto;
  object-fit:contain;
  object-position:center;
  display:block;
}
.car-detail-hero__placeholder{
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#94a3b8;
  padding:28px 20px;
}
.car-detail-hero__main{
  padding:24px 26px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  min-width:0;
  background:linear-gradient(165deg,#f8fafc 0%,#f1f5f9 100%);
}
.car-detail-hero__title{
  margin:0;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(22px,3vw,28px);
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.025em;
  color:var(--text);
}
.car-detail-hero__meta{margin:0}
.car-detail-summary{
  margin-bottom:22px;
  box-shadow:none;
  border:1px solid #e8eaef;
  border-radius:12px;
  background:#fff;
}
.car-detail-summary .card-body{
  padding:18px 20px 20px;
}
.car-detail-summary__title{
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#94a3b8;
}
.car-detail-summary__text{
  font-size:15px;
  line-height:1.65;
  color:#475569;
}
.car-detail-summary__title + .car-detail-summary__text{
  margin-top:0;
}
.car-detail-summary__text + .car-detail-summary__text{
  margin-top:14px;
}
.car-detail-spec-head{
  margin:8px 0 16px;
  padding:0 2px;
}
.car-detail-spec-head h2{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.02em;
}
.car-detail-specs{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.car-detail-spec-card{
  box-shadow:none;
  border:1px solid #e8eaef;
  border-radius:10px;
  background:#fff;
}
.car-detail-spec-card .card-body{
  padding:12px 16px 14px;
}
.car-detail-spec-card__heading{
  margin:0 0 8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#94a3b8;
}
.car-similar{margin-top:26px}
.car-similar__head{margin:18px 0 14px}
/* Spec tables: compact, no inner frame — one hairline per row */
.table.table--plain{
  box-shadow:none;
  border:none;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.table.table--plain th,
.table.table--plain td{
  padding:5px 0;
  border-bottom:1px solid #eef1f5;
  font-size:13px;
  line-height:1.38;
  vertical-align:top;
}
.table.table--plain th{
  background:transparent;
  color:#64748b;
  font-weight:500;
  width:34%;
  padding-right:10px;
}
.table.table--plain td{
  color:#334155;
}
.table.table--plain tr:last-child th,
.table.table--plain tr:last-child td{
  border-bottom:none;
}
@media (max-width:720px){
  .car-detail-hero__grid{
    grid-template-columns:1fr;
  }
  .car-detail-hero__media{
    border-right:none;
    border-bottom:1px solid #e8eaef;
    min-height:168px;
    padding:18px 16px;
  }
  .car-detail-hero__main{
    padding:20px 18px 22px;
  }
}
.thumb{
  width:100%;aspect-ratio:16/9;
  background:var(--surface2);
  border-bottom:1px solid var(--line);
  object-fit:cover;
}
/* Car listing tiles: show full vehicle, calmer frame (home, cars index, brand pages) */
.car-tile-grid{
  gap:18px;
}
.car-tile-grid .thumb{
  aspect-ratio:unset;
  width:100%;
  min-height:120px;
  height:min(158px,40vw);
  object-fit:contain;
  object-position:center;
  padding:12px 16px;
  background:#fff;
  border-bottom:1px solid #eef1f5;
}
@media (max-width:560px){
  .car-tile-grid .thumb{
    height:min(142px,44vw);
    min-height:108px;
    padding:10px 12px;
  }
}
.car-tile-grid .card{
  box-shadow:0 2px 12px rgba(2,6,23,.05);
  border:1px solid #e8eaef;
  border-radius:14px;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  background:linear-gradient(165deg,#fafbfc 0%,#f1f5f9 55%,#eef2f7 100%);
}
.car-tile-grid .card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(2,6,23,.08);
  border-color:#dde3ed;
}
.car-tile-grid .card:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:3px;
}
.car-tile-grid .card-body{
  padding:12px 14px 14px;
}
.car-tile-grid .card-title{
  font-size:15px;
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.28;
  margin:0 0 8px;
  color:#0f172a;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.car-tile-grid .meta{
  gap:6px;
  font-size:12px;
}
.car-tile-grid .tag{
  font-size:12px;
  font-weight:600;
  padding:4px 9px;
  border-color:#e8eaef;
  background:#f8fafc;
}
.section--featured-cars{
  padding:36px 0 52px;
  background:
    radial-gradient(1000px 420px at 50% -8%,rgba(251,146,60,.1),transparent 58%),
    linear-gradient(180deg,#f1f5f9 0%,#fff 45%);
}
/*.featured-cars-showcase{
  position:relative;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:26px 22px 28px;
  background:linear-gradient(165deg,#fff 0%,#fafbfc 55%,#f8fafc 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.75) inset,
    0 22px 56px -28px rgba(15,23,42,.14),
    0 0 0 1px rgba(15,23,42,.025);
}*/
.featured-cars-showcase__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px 24px;
  margin:0 0 26px;
  padding-bottom:22px;
  border-bottom:1px solid #eef1f6;
}
.featured-cars-showcase__head-main{
  min-width:min(100%,280px);
  flex:1;
}
.featured-cars-showcase__kicker{
  margin:0 0 8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ea580c;
}
.featured-cars-showcase__title{
  margin:0;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(24px,3.2vw,32px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.12;
  color:#0f172a;
}
.featured-cars-showcase__sub{
  margin:10px 0 0;
  max-width:52ch;
  font-size:14px;
  line-height:1.55;
  color:#64748b;
}
.featured-cars-showcase__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  padding:11px 18px;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(165deg,#0f172a 0%,#1e3a5f 100%);
  border:1px solid #0f172a;
  box-shadow:0 4px 16px rgba(15,23,42,.2);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.featured-cars-showcase__cta:hover{
  color:#fff;
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(15,23,42,.24);
}
.featured-cars-showcase__cta:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:3px;
}
/* Uniform tiles inside the showcase — same card treatment as car-tile-grid */
.featured-cars-showcase .featured-cars-showcase__tiles{
  gap:20px 22px;
}
@media (max-width:560px){
  .featured-cars-showcase{
    padding:20px 16px 22px;
    border-radius:16px;
  }
  .featured-cars-showcase__head{
    flex-direction:column;
    align-items:stretch;
  }
  .featured-cars-showcase__cta{
    width:100%;
    justify-content:center;
  }
}

/* —— Home: popular comparisons (minimal list) —— */
.section--popular-compare{
  padding-top:8px;
}
.section--popular-compare .section-title{
  margin-bottom:6px;
}
.popular-compare__lede{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.45;
}
.popular-compare__list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--border,#e8eaef);
}
.popular-compare__row{
  display:flex;
  align-items:center;
  gap:14px 16px;
  padding:14px 4px;
  border-bottom:1px solid var(--border,#e8eaef);
  text-decoration:none;
  color:inherit;
  transition:background-color .12s ease;
}
.popular-compare__row:hover{
  background:rgba(0,0,0,.025);
}
.popular-compare__row:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:2px;
}
.popular-compare__thumbs{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.popular-compare__mini{
  width:64px;
  height:40px;
  border-radius:6px;
  overflow:hidden;
  background:var(--surface-2,#f4f4f5);
  display:flex;
  align-items:center;
  justify-content:center;
}
.popular-compare__mini img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.popular-compare__mono{
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--muted,#71717a);
  padding:0 6px;
  text-align:center;
  line-height:1.2;
}
.popular-compare__copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.popular-compare__names{
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  color:var(--text,#18181b);
}
.popular-compare__sep{
  font-weight:500;
  color:var(--muted,#71717a);
  margin:0 .2em;
}
.popular-compare__hint{
  font-size:12px;
  line-height:1.4;
  color:var(--muted,#71717a);
}
.popular-compare__go{
  flex-shrink:0;
  font-size:15px;
  color:var(--muted,#71717a);
  line-height:1;
}
.popular-compare__row:hover .popular-compare__go{
  color:var(--text,#18181b);
}
@media (max-width:520px){
  .popular-compare__row{
    flex-wrap:wrap;
    padding:12px 2px;
  }
  .popular-compare__copy{
    flex:1 1 calc(100% - 80px);
  }
  .popular-compare__go{
    margin-left:auto;
  }
}

.price{font-weight:800}

/* —— Car comparison —— */
.compare-page{
  padding-bottom:44px;
}
.compare-page__crumb{margin-bottom:10px}
.compare-page__title{margin-bottom:6px}
.compare-page__lead{margin-bottom:22px;max-width:62ch}
.compare-picker__actions{display:none}

#compare-dynamic{
  position:relative;
  z-index:1;
}

#compare-dynamic.is-loading{
  opacity:.6;
  transition:opacity .12s ease;
}
#compare-dynamic.is-loading::before{
  content:"Loading specs…";
  display:block;
  margin:0 0 12px;
  font-size:13px;
  font-weight:700;
  color:#64748b;
  letter-spacing:.02em;
}
.compare-page__alert{
  margin:0 0 20px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#991b1b;
  font-size:14px;
  line-height:1.5;
}
.compare-page__alert a{color:#b91c1c;font-weight:600}
.compare-page__notice{margin:0 0 18px;font-size:14px;line-height:1.55;max-width:68ch}
.compare-page__footnote{margin:14px 0 0;font-size:13px;max-width:68ch}
.compare-page__summary{
  margin-top:32px;
  padding-top:26px;
  border-top:1px solid #e8eaef;
  max-width:72ch;
}
.compare-page__summary-title{
  margin:0 0 14px;
  font-size:clamp(1.15rem,2vw,1.35rem);
  font-weight:700;
  letter-spacing:-.02em;
  color:#0f172a;
  line-height:1.25;
}
.compare-page__summary p{
  margin:0 0 1em;
  font-size:15px;
  line-height:1.65;
  color:#334155;
}
.compare-page__summary p:last-child{margin-bottom:0}
.compare-page__summary--empty{
  margin-top:28px;
  padding-top:0;
  border-top:none;
}

.compare-picker{
  position:relative;
  z-index:50;
  margin-bottom:28px;
  box-shadow:0 10px 30px rgba(2,6,23,.06);
  border:1px solid rgba(226,232,240,.9);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 100%);
}
/* .card sets overflow:hidden — that clips the autocomplete list. */
.compare-picker.card{
  overflow:visible;
}
.compare-picker__body{padding:18px 20px 20px}
.compare-picker__heading{
  margin:0 0 14px;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
  color:#0f172a;
}
.compare-picker__form{display:flex;flex-direction:column;gap:16px}
.compare-picker__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 18px;
}
@media (max-width:640px){
  .compare-picker__fields{grid-template-columns:1fr}
}
.compare-picker__label{
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
  z-index:1;
}
.compare-picker__label:focus-within{
  z-index:40;
}
.compare-picker__label-text{
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#64748b;
}
.compare-picker__auto-wrap{position:relative}
.compare-picker__auto{
  display:none;
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(226,232,240,.95);
  background:#fff;
  font-size:14px;
  font-weight:500;
  color:#0f172a;
}
.compare-picker.is-autocomplete .compare-picker__auto{display:block}
.compare-picker.is-autocomplete .compare-picker__select{display:none}
.compare-picker__auto:focus-visible{
  outline:2px solid rgba(59,130,246,.35);
  outline-offset:2px;
}
.compare-picker__suggest{
  display:none;
  position:absolute;
  z-index:100;
  left:0;
  right:0;
  top:calc(100% + 6px);
  background:#fff;
  border:1px solid rgba(226,232,240,.95);
  border-radius:12px;
  box-shadow:0 18px 44px -26px rgba(15,23,42,.22);
  overflow:hidden;
}
.compare-picker__suggest-item{
  width:100%;
  text-align:left;
  padding:10px 12px;
  font-size:14px;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(226,232,240,.75);
  color:#0f172a;
  cursor:pointer;
}
.compare-picker__suggest-item:last-child{border-bottom:0}
.compare-picker__suggest-item:hover{background:#f8fafc}
.compare-picker__suggest-item:focus-visible{
  outline:2px solid rgba(59,130,246,.35);
  outline-offset:-2px;
}
.compare-picker__select{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(226,232,240,.95);
  background:#fff;
  font-size:14px;
  font-weight:500;
  color:#0f172a;
}
.compare-picker__select:focus-visible{
  outline:2px solid rgba(59,130,246,.35);
  outline-offset:2px;
}
.compare-picker__input{
  appearance:none;
}
.compare-picker__input[aria-invalid="true"]{
  border-color:rgba(239,68,68,.55);
  box-shadow:0 0 0 3px rgba(239,68,68,.12);
}
.compare-picker__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.compare-picker__swap{
  border-color:#e2e8f0;
  background:#f8fafc;
  font-weight:600;
}
.compare-picker__swap:hover{background:#f1f5f9}

/* —— Car tax calculator (Nepal) —— */
.tax-calc-page{padding-bottom:40px}
.tax-calc-hero{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #e8ecf1}
.tax-calc-hero__eyebrow{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.tax-calc-hero__title{margin-bottom:10px}
.tax-calc-hero__lead{margin:0;max-width:62ch}
.tax-calc-page__article{margin-top:28px}
.tax-calc{
  margin-bottom:28px;border-radius:18px;border:1px solid #e2e8f0;
  box-shadow:0 12px 40px -24px rgba(15,23,42,.18);
  background:#fff;
}
.tax-calc__body{padding:22px 22px 24px}
@media (min-width:640px){
  .tax-calc__body{padding:26px 28px 28px}
}
.tax-calc__title{margin:0 0 14px;font-size:19px;font-weight:700;color:#0f172a;letter-spacing:-.02em}
.tax-calc__tips{
  margin:0 0 22px;padding:14px 16px 14px 38px;
  background:#f8fafc;border:1px solid #e8ecf1;border-radius:12px;
  font-size:13px;line-height:1.55;color:#475569;
}
.tax-calc__tips li{margin:6px 0}
.tax-calc__tips li:first-child{margin-top:0}
.tax-calc__tips li:last-child{margin-bottom:0}
.tax-calc__layout{display:flex;flex-direction:column;gap:18px}
.tax-calc__panel{
  padding:18px 18px 20px;border-radius:14px;border:1px solid #e8ecf1;
  background:linear-gradient(180deg,#fafbfc 0%,#fff 48%);
}
.tax-calc__panel-title{
  margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;
}
.tax-calc__grid{display:grid;gap:16px 20px}
.tax-calc__grid--vehicle{
  grid-template-columns:1fr;
}
@media (min-width:560px){
  .tax-calc__grid--vehicle{
    grid-template-columns:minmax(200px,1fr) minmax(220px,1.2fr);
    align-items:start;
  }
  .tax-calc__grid--vehicle .tax-calc__field--span{grid-column:1/-1}
}
.tax-calc__grid--vehicle .tax-calc__field--spec{grid-column:1/-1}
.tax-calc__grid--pay{
  grid-template-columns:1fr;
}
@media (min-width:560px){
  .tax-calc__grid--pay{
    grid-template-columns:minmax(240px,1.4fr) minmax(160px,1fr);
    align-items:end;
  }
}
/* Ensure hidden attribute wins over flex layouts (fixes EV + ICE fields all visible). */
.tax-calc__field[hidden]{display:none !important}
.tax-calc__field{
  display:flex;flex-direction:column;gap:8px;min-width:0;
}
.tax-calc__field--span{grid-column:1/-1}
.tax-calc__label{
  font-size:13px;font-weight:600;color:#334155;letter-spacing:.01em;
}
.tax-calc__help{
  font-size:12px;line-height:1.4;color:#94a3b8;margin-top:-2px;
}
.tax-calc__input,.tax-calc__select{
  width:100%;min-height:44px;padding:10px 14px;border-radius:11px;
  border:1px solid #d1d9e6;background:#fff;font-size:15px;color:#0f172a;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.tax-calc__select{
  appearance:none;-webkit-appearance:none;
  padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  cursor:pointer;
}
.tax-calc__input:hover,.tax-calc__select:hover{border-color:#94a3b8}
.tax-calc__input:focus,.tax-calc__select:focus{
  outline:none;border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.2);
}
.tax-calc__input:focus-visible,.tax-calc__select:focus-visible{
  outline:none;border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.2);
}
.tax-calc__input:disabled,.tax-calc__select:disabled{
  opacity:.55;cursor:not-allowed;background:#f1f5f9;
}
.tax-calc__input[type="number"]{-moz-appearance:textfield}
.tax-calc__input[type="number"]::-webkit-outer-spin-button,
.tax-calc__input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0;
}
.tax-calc__results{margin-top:22px;padding-top:20px;border-top:1px solid #eef1f6}
.tax-calc__bill-total{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 18px;border-radius:14px;
  background:linear-gradient(135deg,#f1f5f9 0%,#fff 55%);
  border:1px solid #e2e8f0;margin-bottom:8px;
}
.tax-calc__bill-total .muted{font-size:13px;font-weight:500;color:#64748b}
.tax-calc__bill-total strong{font-size:clamp(24px,5vw,32px);font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}
.tax-calc__bill-sub{margin:0 0 14px;font-size:13px;color:#64748b}
.tax-calc__results .tax-calc__breakdown{
  border:1px solid #e8ecf1;border-radius:12px;overflow:hidden;background:#fff;
}
.tax-calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;line-height:1.4}
.tax-calc__row:last-child{border-bottom:0}
.tax-calc__row span{color:#475569}
.tax-calc__row strong{font-weight:700;color:#0f172a;text-align:right;font-variant-numeric:tabular-nums}
.tax-calc__band{margin:14px 0 0;font-size:13px;line-height:1.45;color:#64748b}
.tax-calc__fineprint{margin:18px 0 0;font-size:12px;line-height:1.55;color:#64748b}
.tax-calc__check{
  display:flex;align-items:flex-start;gap:10px;font-weight:500;cursor:pointer;
}
.tax-calc__check input[type="checkbox"]{
  width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#2563eb;cursor:pointer;
}
.tax-calc__unified-note{
  margin:0;font-size:13px;line-height:1.45;
}
.tax-calc__compare{
  margin-top:18px;padding:16px 18px;border-radius:12px;
  border:1px solid #dbeafe;background:#eff6ff;
}
.tax-calc__compare-title{
  margin:0 0 10px;font-size:13px;font-weight:700;color:#1e40af;letter-spacing:.02em;
}
.tax-calc__compare .tax-calc__breakdown{
  margin-top:10px;border-color:#bfdbfe;
}

/* —— Income tax tool (calculator-first layout) —— */
.container--tool{max-width:920px}
.tax-calc-page--tool{padding-bottom:48px}
.tax-calc-page--tool .container--tool{min-width:0}
.tax-tool-shell{
  max-width:920px;margin:0 auto;padding:0 20px;
  box-sizing:border-box;min-width:0;
}
.tax-tool-shell .tax-tool{width:100%;box-sizing:border-box}
.tax-tool-page-head{margin-bottom:20px;text-align:center}
.tax-tool-page-head__crumb{margin:0 0 12px;font-size:13px;color:#64748b}
.tax-tool-page-head__title{
  margin:0 0 8px;font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.03em;color:#0f172a;
}
.tax-tool-page-head__lead{margin:0 auto;max-width:52ch;font-size:15px;line-height:1.5;color:#64748b}
.tax-tool-hero-media{
  margin:0 0 24px;border-radius:18px;overflow:hidden;
  border:1px solid #dbeafe;background:#fff;
  box-shadow:0 14px 40px -22px rgba(15,23,42,.22);
  max-width:100%;min-width:0;
}
.tax-tool-hero-media img{width:100%;height:auto;display:block;vertical-align:middle}

.tax-tool{
  margin-bottom:0;border-radius:20px;border:1px solid #dbeafe;
  background:#fff;
  box-shadow:
    0 0 0 1px rgba(15,23,42,.04),
    0 20px 50px -28px rgba(15,23,42,.28),
    0 8px 24px -12px rgba(37,99,235,.12);
  overflow:hidden;
  min-width:0;
}
@media (min-width:640px){
  .tax-tool{max-width:100%}
}
.tax-tool__bar{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px;
  padding:22px 22px 20px;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 52%,#1d4ed8 100%);
  color:#fff;
}
.tax-tool__bar-main{min-width:0;flex:1 1 220px}
@media (min-width:640px){
  .tax-tool__bar{padding:24px 28px 22px}
}
.tax-tool__badge{
  display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(255,255,255,.14);color:#e2e8f0;
}
.tax-tool__bar-title{
  margin:0 0 6px;font-size:clamp(18px,3vw,22px);font-weight:700;letter-spacing:-.02em;color:#fff;
}
.tax-tool__bar-desc{margin:0;max-width:48ch;font-size:14px;line-height:1.5;color:#cbd5e1}
.tax-tool__bar-meta{display:flex;flex-wrap:wrap;gap:8px;align-self:center}
.tax-tool__meta-chip{
  padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#f1f5f9;
}

.tax-tool__workspace{
  display:grid;gap:0;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
}
@media (min-width:768px){
  .tax-tool__workspace{
    grid-template-columns:minmax(0,1fr) minmax(0,340px);
    align-items:stretch;
  }
}
.tax-tool__form{
  padding:22px 22px 24px;
  border-bottom:1px solid #e8ecf1;
  min-width:0;
  max-width:100%;
}
@media (min-width:768px){
  .tax-tool__form{
    padding:26px 28px 28px;
    border-bottom:0;border-right:1px solid #e8ecf1;
  }
}

.tax-tool__income-block{margin-bottom:22px;min-width:0}
.tax-tool__income-label{
  display:block;margin:0 0 10px;font-size:13px;font-weight:600;color:#334155;letter-spacing:.01em;
}
.tax-tool__income-field{
  display:flex;align-items:stretch;width:100%;max-width:100%;min-width:0;
  border-radius:14px;border:2px solid #cbd5e1;
  background:#fff;overflow:hidden;transition:border-color .15s ease, box-shadow .15s ease;
}
.tax-tool__income-field:focus-within{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
.tax-tool__currency{
  display:flex;align-items:center;flex-shrink:0;padding:0 14px;font-size:14px;font-weight:700;color:#64748b;
  background:#f8fafc;border-right:1px solid #e2e8f0;
}
.tax-tool__income-input{
  flex:1;min-width:0;width:100%;max-width:100%;min-height:52px;padding:12px 16px;border:0;background:transparent;
  font-size:clamp(18px,5vw,28px);font-weight:700;color:#0f172a;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.tax-tool__income-input:focus{outline:none}
.tax-tool__income-input[type="number"]{-moz-appearance:textfield}
.tax-tool__income-input[type="number"]::-webkit-outer-spin-button,
.tax-tool__income-input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0;
}
.tax-tool__income-hint{margin:10px 0 0;font-size:12px;line-height:1.45;color:#94a3b8}

.tax-tool__options{
  display:grid;gap:14px 16px;margin-bottom:18px;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
}
@media (min-width:560px){
  .tax-tool__options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tax-tool__option[hidden]{display:none !important}
.tax-tool__option{display:flex;flex-direction:column;gap:8px;min-width:0}
.tax-tool__option-label{font-size:13px;font-weight:600;color:#334155}
.tax-tool__option-hint{font-size:11px;color:#94a3b8;margin-top:-4px}
.tax-tool__select{
  width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 36px 10px 14px;border-radius:11px;
  border:1px solid #d1d9e6;background:#fff;font-size:14px;color:#0f172a;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  cursor:pointer;transition:border-color .15s ease, box-shadow .15s ease;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tax-tool__select:hover{border-color:#94a3b8}
.tax-tool__select:focus{
  outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18);
}

.tax-tool__toggle[hidden]{display:none !important}
.tax-tool__toggle{
  padding:14px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;
  min-width:0;max-width:100%;
}
.tax-tool__toggle-label{
  display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0;min-width:0;
}
.tax-tool__toggle-input{
  position:absolute;opacity:0;width:0;height:0;pointer-events:none;
}
.tax-tool__toggle-box{
  flex-shrink:0;width:20px;height:20px;margin-top:2px;border-radius:6px;
  border:2px solid #cbd5e1;background:#fff;transition:background .15s, border-color .15s;
  position:relative;
}
.tax-tool__toggle-input:checked + .tax-tool__toggle-box{
  background:#2563eb;border-color:#2563eb;
}
.tax-tool__toggle-input:checked + .tax-tool__toggle-box::after{
  content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.tax-tool__toggle-input:focus-visible + .tax-tool__toggle-box{
  box-shadow:0 0 0 3px rgba(37,99,235,.25);
}
.tax-tool__toggle-text{
  display:flex;flex-direction:column;gap:4px;min-width:0;
  font-size:14px;line-height:1.45;color:#334155;overflow-wrap:anywhere;
}
.tax-tool__toggle-text strong{font-weight:600;color:#0f172a}
.tax-tool__toggle-desc{font-size:12px;color:#64748b;font-weight:400}

.tax-tool__note{
  margin:16px 0 0;padding:10px 12px;border-radius:10px;
  font-size:12px;line-height:1.45;color:#475569;background:#eff6ff;border:1px solid #dbeafe;
  overflow-wrap:anywhere;
}
.tax-tool__note[hidden]{display:none !important}

.tax-tool__results{
  display:flex;flex-direction:column;min-height:280px;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
  min-width:0;max-width:100%;
}
@media (min-width:768px){
  .tax-tool__results{min-height:100%}
}
.tax-tool__results-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px 0;
}
.tax-tool__results-label{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;
}
.tax-tool__results-live{
  display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#15803d;background:#dcfce7;
}
.tax-tool__results-live::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;
  animation:tax-tool-pulse 2s ease-in-out infinite;
}
@keyframes tax-tool-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.85)}
}
.tax-tool__results-body{
  flex:1;padding:12px 20px 22px;display:flex;flex-direction:column;gap:14px;
  min-width:0;max-width:100%;
}

.tax-tool__amount{
  padding:18px 18px 16px;border-radius:14px;
  background:#fff;border:1px solid #e2e8f0;
  box-shadow:0 4px 14px -8px rgba(15,23,42,.12);
}
.tax-tool__amount-label{
  display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;
}
.tax-tool__amount-value{
  display:block;font-size:clamp(26px,5vw,34px);font-weight:800;color:#0f172a;
  letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;
}

.tax-tool__stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
@media (max-width:520px){
  .tax-tool__stats{grid-template-columns:1fr}
}
.tax-tool__stat{
  padding:10px 10px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;text-align:center;
  min-width:0;
}
.tax-tool__stat-label{
  display:block;margin:0 0 4px;font-size:10px;font-weight:600;color:#94a3b8;
  text-transform:uppercase;letter-spacing:.04em;line-height:1.3;
}
.tax-tool__stat-value{
  display:block;font-size:13px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums;
}

.tax-tool__breakdown-head{
  margin:4px 0 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;
}
.tax-tool__breakdown{
  border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;
}
.tax-tool__breakdown--compare{border-color:#bfdbfe}
.tax-tool__row{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:10px 14px;border-bottom:1px solid #f1f5f9;font-size:13px;line-height:1.4;
}
.tax-tool__row:last-child{border-bottom:0}
.tax-tool__row span{color:#475569;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.tax-tool__row strong{
  font-weight:700;color:#0f172a;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;
}
.tax-tool__row--total{
  background:#f8fafc;font-weight:600;
}
.tax-tool__row--total strong{color:#1d4ed8}

.tax-tool__compare{
  padding:14px 14px;border-radius:12px;border:1px solid #bfdbfe;background:#eff6ff;
}
.tax-tool__compare-title{
  margin:0 0 10px;font-size:12px;font-weight:700;color:#1e40af;letter-spacing:.02em;
}

.tax-tool__disclaimer{
  margin:0;padding:14px 22px 18px;font-size:12px;line-height:1.55;color:#64748b;
  background:#fafbfc;border-top:1px solid #e8ecf1;
}
@media (min-width:640px){
  .tax-tool__disclaimer{padding:14px 28px 20px}
}

.tax-calc-page__article--below{
  margin-top:40px;padding-top:36px;border-top:1px solid #e8ecf1;
  min-width:0;max-width:100%;overflow-x:clip;
}

.tax-slab-footnote{
  margin:10px 0 0;font-size:13px;line-height:1.55;color:#64748b;
}
.tax-slab-section{margin:28px 0;padding-top:22px;border-top:1px solid #e8ecf1}
.tax-slab-section__title{margin:0 0 12px;font-size:18px;font-weight:700;color:#0f172a}
.tax-slab-section__subtitle{margin:18px 0 10px;font-size:15px;font-weight:600;color:#334155}
.tax-slab-section__lede{margin:0 0 12px;font-size:14px;line-height:1.55}
.tax-slab-note{margin:10px 0 0;font-size:13px}
.tax-slab-scroll{
  display:block;width:100%;max-width:100%;min-width:0;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:0 0 14px;padding:0;
  border:1px solid #e8ecf1;border-radius:12px;
  background:#fff;
}
.tax-slab-table{
  width:100%;min-width:min(100%,320px);border-collapse:collapse;font-size:14px;background:#fff;
}
.tax-slab-table th,.tax-slab-table td{
  padding:10px 14px;text-align:left;border-bottom:1px solid #eef1f6;
  overflow-wrap:anywhere;word-break:break-word;
}
.tax-slab-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.tax-slab-table tr:last-child td{border-bottom:0}
.tax-slab-table tbody tr:nth-child(even){background:#fafbfc}

@media (max-width:767px){
  .tax-calc-page--tool{overflow-x:clip}
  .tax-calc-page--tool .container--tool{padding-left:16px;padding-right:16px}
  .tax-tool-shell{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:0;
  }
  .tax-tool-shell .tax-tool{
    width:100%;
    max-width:none;
    margin:0;
    border-radius:0;
    border-left:none;
    border-right:none;
    box-shadow:0 12px 40px -24px rgba(15,23,42,.22);
  }
  .tax-tool__bar{padding:18px 16px 16px}
  .tax-tool__form{padding:18px 16px 20px}
  .tax-tool__results-head{padding:14px 16px 0}
  .tax-tool__results-body{padding:10px 16px 18px}
  .tax-tool__disclaimer{padding:12px 16px 16px}
  .tax-tool__income-input{min-height:48px;padding:10px 12px;font-size:20px}
  .tax-tool__currency{padding:0 10px;font-size:13px}
  .tax-tool__amount-value{font-size:clamp(22px,7vw,30px)}
  .tax-tool__row{
    flex-direction:column;align-items:flex-start;gap:4px;
  }
  .tax-tool__row strong{text-align:left}
  .tax-slab-table{font-size:13px}
  .tax-slab-table th,.tax-slab-table td{padding:8px 10px}
}

.compare-heads{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
  margin-bottom:26px;
}
@media (max-width:720px){
  .compare-heads{grid-template-columns:1fr}
}
.compare-head{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.9);
  border-radius:14px;
  box-shadow:0 12px 28px -18px rgba(2,6,23,.18);
}
.compare-head--empty{
  border-style:dashed;
  box-shadow:none;
}
.compare-head--empty .compare-head__media{
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
}
.compare-head--empty .compare-head__placeholder{
  color:#64748b;
}
.compare-head__media{
  background:radial-gradient(120% 100% at 20% 0%, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%);
  border-bottom:1px solid rgba(226,232,240,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:140px;
  padding:14px 16px;
}
.compare-head__img{
  width:100%;
  max-width:220px;
  height:auto;
  max-height:120px;
  object-fit:contain;
  object-position:center;
}
.compare-head__placeholder{
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#94a3b8;
  padding:20px;
}
.compare-head__body{padding:14px 16px 16px !important}
.compare-head__title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.015em;
  color:#0f172a;
}
.compare-head__meta{margin:0 0 4px;font-size:12px}
.compare-head__price{
  margin:0 0 10px;
  font-size:14px;
  font-weight:800;
  color:#c2410c;
}
.compare-head__link{
  font-size:13px;
  font-weight:700;
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:3px;
}
.compare-head__link:hover{color:#1d4ed8}

.compare-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(226,232,240,.95);
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 34px -22px rgba(2,6,23,.18);
}
.compare-table-wrap:focus-visible{
  outline:2px solid rgba(59,130,246,.35);
  outline-offset:3px;
}
.compare-specs{
  width:100%;
  min-width:min(100%,560px);
  border-collapse:collapse;
  font-size:14px;
  line-height:1.45;
}
.compare-specs thead th{
  position:sticky;
  top:calc(var(--header-h, 64px) + 6px);
  z-index:1;
  padding:12px 14px;
  text-align:left;
  font-weight:700;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#64748b;
  background:#f8fafc;
  border-bottom:1px solid rgba(226,232,240,.95);
  vertical-align:bottom;
}
.compare-specs__corner{
  width:28%;
  min-width:140px;
}
.compare-specs__col{
  width:36%;
  min-width:160px;
  color:#0f172a;
  font-size:13px;
  letter-spacing:0;
  text-transform:none;
  font-weight:700;
  line-height:1.3;
}
.compare-specs__group th{
  padding:10px 14px;
  text-align:left;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#94a3b8;
  background:#fff;
  border-bottom:1px solid #eef1f5;
}
.compare-specs__name{
  padding:9px 14px;
  text-align:left;
  font-weight:600;
  color:#475569;
  background:#fafbfc;
  border-bottom:1px solid #f1f5f9;
  vertical-align:top;
  width:28%;
}
.compare-specs__val{
  padding:9px 14px;
  color:#0f172a;
  border-bottom:1px solid #f1f5f9;
  vertical-align:top;
}
.compare-specs tbody tr:not(.compare-specs__group):nth-child(even) .compare-specs__val{
  background:#fcfdff;
}
.compare-specs__row--diff .compare-specs__val{
  background:#fff7ed;
}
.compare-specs__row--diff .compare-specs__name{
  background:#fff7ed;
  color:#9a3412;
}
.compare-specs tbody tr:last-child .compare-specs__name,
.compare-specs tbody tr:last-child .compare-specs__val{
  border-bottom:none;
}

.page{padding:22px 0 36px}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:12px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--text)}
.page-title{margin:0 0 6px;font-size:26px}
.lead{margin:0 0 18px;color:var(--muted);max-width:70ch}

.cars-page__lead{margin-bottom:20px}
.cars-filters{
  margin-bottom:20px;
  box-shadow:0 4px 20px rgba(2,6,23,.06);
  border:1px solid #e8eaef;
  border-radius:16px;
}
.cars-filters__body{padding:18px 20px 20px}
.cars-filters__title{
  margin:0 0 14px;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
  color:#0f172a;
}
.cars-filters__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:14px 18px;
  margin-bottom:16px;
}
.cars-filters__field{display:flex;flex-direction:column;gap:6px;min-width:0}
.cars-filters__field--grow{grid-column:span 2}
@media (max-width:640px){
  .cars-filters__field--grow{grid-column:span 1}
}
.cars-filters__label{
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#64748b;
}
.cars-filters__input,
.cars-filters__select{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  background:#fff;
  font-size:14px;
  font-weight:500;
  color:#0f172a;
}
.cars-filters__select{padding-right:12px}
.cars-filters__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cars-filters__clear{
  border-color:#e2e8f0;
  background:#f8fafc;
  font-weight:600;
  color:#475569;
}
.cars-filters__clear:hover{background:#f1f5f9}
.cars-filters__hint{
  margin:0;
  font-size:13px;
  line-height:1.5;
  max-width:78ch;
}
.cars-filters__hint strong{color:#334155;font-weight:700}
.cars-page__count{
  margin:0 0 14px;
  font-size:14px;
  font-weight:600;
  color:#64748b;
}
.cars-page__empty{
  margin:0;
  padding:20px 16px;
  border-radius:12px;
  border:1px dashed #e2e8f0;
  background:#f8fafc;
  color:#475569;
  font-size:15px;
  line-height:1.55;
  max-width:68ch;
}
.cars-page__empty a{color:#c2410c;font-weight:600}
.cars-page__empty a:hover{color:#9a3412}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.spec{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);padding:14px;
}
.spec h3{margin:0 0 10px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.kv{display:grid;grid-template-columns:1fr;gap:8px}
.kv-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #e5e7eb;padding-bottom:8px}
.kv-row:last-child{border-bottom:none;padding-bottom:0}
.kv-row .k{color:var(--muted);max-width:60%}
.kv-row .v{text-align:right;font-weight:600}

.site-footer{
  margin-top:auto;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#fafbfc 0%,#f4f5f7 100%);
  color:#334155;
}
.footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));
  gap:32px 40px;
  /* vertical only — .container supplies horizontal padding; a full padding shorthand would zero it */
  padding-top:40px;
  padding-bottom:36px;
}
.footer-col--brand{min-width:0}
.footer-brand-name{
  font-family:"Source Serif 4",Georgia,serif;
  font-size:18px;
  font-weight:700;
  color:#0f172a;
  letter-spacing:-.02em;
  margin:0 0 10px;
}
.footer-brand-desc{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.55;
  color:#64748b;
  max-width:42ch;
}
.footer-note{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:#64748b;
  max-width:48ch;
}
.footer-note a{color:#c2410c;font-weight:600}
.footer-note a:hover{color:#9a3412}
.footer-heading{
  margin:0 0 14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#94a3b8;
}
.footer-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-links a{
  font-size:14px;
  font-weight:600;
  color:#475569;
  text-decoration:none;
}
.footer-links a:hover{color:#c2410c}
.footer-bottom{
  border-top:1px solid #e2e8f0;
  background:rgba(255,255,255,.65);
}
.footer-bottom-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  padding-top:16px;
  padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));
  font-size:13px;
  color:#64748b;
}
.footer-copy{font-weight:600;color:#475569}
.footer-meta{font-weight:500;max-width:min(52ch,100%);text-align:right}
@media (max-width:900px){
  .footer-main{
    grid-template-columns:1fr 1fr;
  }
  .footer-col--brand{grid-column:1 / -1}
}
@media (max-width:520px){
  .footer-main{grid-template-columns:1fr}
  .footer-meta{text-align:left}
}

.contact-card{margin-top:8px;border-radius:var(--radius)}
.contact-card__title{
  margin:20px 0 10px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#64748b;
}
.contact-card__title:first-child{margin-top:0}
.contact-card__line{margin:0 0 8px;font-size:16px;line-height:1.55;color:#334155}
.contact-email{
  font-size:18px;
  font-weight:700;
  color:#c2410c;
  word-break:break-all;
}
.contact-email:hover{color:#9a3412}
.contact-list{
  margin:0 0 18px;
  padding-left:1.15em;
  color:#475569;
  font-size:15px;
  line-height:1.6;
}
.contact-list li{margin-bottom:8px}

.prose h2{
  margin:1.7em 0 .6em;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:24px;
  font-weight:700;
  color:#0f172a;
  letter-spacing:-.02em;
  line-height:1.25;
}
.prose h2:first-child{margin-top:0}
.prose h3{
  margin:1.1em 0 .35em;
  font-size:17px;
  font-weight:700;
  color:#0f172a;
  line-height:1.35;
}
.prose ul{margin:0 0 1.1em;padding-left:1.2em;color:#334155}
.prose li{margin-bottom:.35em}
.prose a{color:#c2410c;font-weight:600}
.prose a:hover{color:#9a3412}
.prose code{
  font-size:.9em;
  padding:2px 6px;
  border-radius:6px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
}
.legal-muted{
  margin-top:2em;
  padding:16px 18px;
  border-radius:12px;
  background:#fffbeb;
  border:1px solid #fde68a;
  font-size:14px;
  line-height:1.55;
  color:#78350f;
}

/* —— Editorial / Journal (home + blog) —— */
.editorial-hero{
  padding:40px 0 36px;
  border-bottom:1px solid var(--line);
  background:#eee;
}
.editorial-hero--embedded{
  padding:0 0 8px;
  background:transparent;
  border-bottom:none;
  margin-bottom:28px;
}
.editorial-hero__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.editorial-hero__title{
  margin:0;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(22px,2.8vw,30px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.15;
  color:#0f172a;
}
.editorial-hero__label{
  margin:0;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#64748b;
}
.editorial-hero__all{
  font-size:13px;
  font-weight:600;
  color:#64748b;
  white-space:nowrap;
  text-decoration:none;
  border-radius:6px;
}
.editorial-hero__all:hover{color:#0f172a}
.editorial-hero__all:focus-visible{
  outline:2px solid #3b82f6;
  outline-offset:2px;
}
.editorial-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:28px 40px;
  align-items:stretch;
}
.editorial-hero__grid--blog{
  gap:24px 36px;
}
.editorial-empty{margin-top:0}
.editorial-featured{
  margin:0;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  overflow:hidden;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
.editorial-featured__link{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
  height:100%;
  padding:0;
  color:inherit;
  text-decoration:none;
}
.editorial-featured__media{
  position:relative;
  flex:1;
  width:100%;
  min-height:min(52vw,420px);
  height:100%;
  overflow:hidden;
  background:#e2e8f0;
}
.editorial-featured__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.editorial-featured__link:hover .editorial-featured__media img{
  transform:scale(1.04);
}
.editorial-featured__scrim{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:58%;
  background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.35) 55%,transparent 100%);
  pointer-events:none;
  z-index:1;
}
.editorial-featured__title{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  margin:0;
  padding:22px 26px 26px;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(24px,2.6vw,32px);
  line-height:1.18;
  font-weight:700;
  letter-spacing:-.02em;
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.editorial-stack{
  display:flex;
  flex-direction:column;
  gap:0;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  min-height:0;
  height:100%;
}
.editorial-item{
  border-bottom:1px solid #f1f5f9;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
}
.editorial-item:last-child{border-bottom:none}
.editorial-item__link{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  padding:16px 18px;
  min-height:0;
  align-items:center;
  color:inherit;
  text-decoration:none;
  transition:background .12s ease;
}
.editorial-item__link:hover{background:#fafafa}
.editorial-item__thumb{
  width:64px;
  height:64px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #f1f5f9;
  background:#f8fafc;
}
.editorial-item__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.editorial-item__body{min-width:0}
.editorial-item__title{
  margin:0 0 6px;
  font-size:15px;
  font-weight:700;
  line-height:1.45;
  color:#0f172a;
  letter-spacing:-.01em;
}
.editorial-item__meta{
  font-size:12px;
  color:#94a3b8;
  font-weight:500;
}

.blog-index-heading{
  margin:32px 0 14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#94a3b8;
}
.blog-index-list{border-top:1px solid var(--line)}
.blog-index-row{border-bottom:1px solid var(--line)}
.blog-index-row__link{
  display:block;
  padding:22px 4px;
  color:inherit;
  text-decoration:none;
}
.blog-index-row__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 168px;
  gap:16px 22px;
  align-items:center;
}
.blog-index-row__content{min-width:0}
.blog-index-row__thumb{
  width:100%;
  aspect-ratio:16/10;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e8eaef;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  box-shadow:0 2px 12px rgba(2,6,23,.05);
}
.blog-index-row__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.blog-index-row__link:hover .blog-index-row__thumb{border-color:#fb923c}
.blog-index-row__link:hover .blog-index-row__title{color:#c2410c}
.blog-index-row__meta{
  font-size:12px;
  color:#94a3b8;
  margin-bottom:8px;
  font-weight:500;
}
.blog-index-row__sep{margin:0 6px;color:#cbd5e1}
.blog-index-row__title{
  margin:0 0 8px;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:20px;
  font-weight:700;
  line-height:1.3;
  color:#0f172a;
  letter-spacing:-.02em;
}
.blog-index-row__excerpt{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.55;
  color:#64748b;
  max-width:72ch;
}
.blog-index-row__author{font-size:13px;color:#94a3b8;font-weight:500}
@media (max-width:720px){
  .blog-index-row__grid{
    grid-template-columns:1fr;
  }
  .blog-index-row__thumb{
    order:-1;
    max-width:520px;
  }
}

.container--narrow{max-width:680px}
.article-page{padding-top:32px;padding-bottom:24px}
.tax-guide-page__eyebrow{
  margin:0 0 12px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}
.article-header{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.article-title{
  margin:0 0 14px;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:clamp(28px,3.5vw,36px);
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
  color:#0f172a;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  align-items:center;
  font-size:14px;
  color:#64748b;
  font-weight:500;
}
.article-meta-sep{margin:0 8px;color:#cbd5e1}
.article-deck{
  margin:18px 0 0;
  font-size:18px;
  line-height:1.55;
  color:#475569;
  max-width:60ch;
}
.prose p{
  margin:0 0 1.1em;
  font-size:17px;
  line-height:1.75;
  color:#334155;
}
.prose p:last-child{margin-bottom:0}
.prose strong{color:#0f172a}
.prose ol{margin:0 0 1.1em;padding-left:1.25em;color:#334155}
.prose ol li{margin-bottom:.35em}
.prose blockquote{
  margin:1.2em 0;
  padding:14px 16px;
  border-left:4px solid #fdba74;
  background:#fff7ed;
  border-radius:12px;
  color:#334155;
}
.prose blockquote p{margin:0;color:inherit}
.prose img{
  border-radius:16px;
  border:1px solid rgba(226,232,240,.9);
}
.prose table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
  border:1px solid #e8eaef;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 14px rgba(2,6,23,.05);
}
.prose table th,
.prose table td{
  padding:12px 14px;
  border-bottom:1px solid #eef1f5;
  border-right:1px solid #f1f5f9;
  vertical-align:top;
  font-size:14px;
  line-height:1.55;
  color:#334155;
  background:#fff;
  overflow-wrap:anywhere;
}
.prose table th:last-child,
.prose table td:last-child{border-right:none}
.prose table thead th{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#64748b;
  background:#f8fafc;
}
.prose table tbody tr:nth-child(even) td{background:#fcfdff}
.prose table tbody tr:last-child td,
.prose table tbody tr:last-child th{border-bottom:none}
.prose table caption{
  caption-side:bottom;
  padding:10px 2px 0;
  font-size:13px;
  color:#94a3b8;
}
.prose hr{border:none;border-top:1px solid var(--line);margin:22px 0}

/* Mobile: allow wide tables to scroll without breaking layout */
@media (max-width:720px){
  .prose table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .prose table th,
  .prose table td{
    padding:10px 12px;
    font-size:13px;
  }
  .article-title{font-size:clamp(24px,7vw,32px)}
  .article-deck{font-size:16px}
}

.article-hero-media{
  margin:0 0 22px;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e8eaef;
  box-shadow:0 10px 30px rgba(2,6,23,.08);
}
.article-hero-media img{
  width:100%;
  height:auto;
  display:block;
}
.article-hero-media figcaption{
  margin:0;
  padding:10px 12px;
  text-align:center;
  font-style:italic;
  font-size:13px;
  color:#64748b;
  background:#fff;
  border-top:1px solid #eef1f5;
}

.related-posts{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--line);
}
.related-posts__title{
  margin:0 0 14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#94a3b8;
}
.related-posts__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
}
@media (max-width:720px){
  .related-posts__grid{grid-template-columns:1fr}
}
.related-post{
  border:1px solid #e8eaef;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 14px rgba(2,6,23,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.related-post:hover{
  transform:translateY(-2px);
  border-color:#fed7aa;
  box-shadow:0 10px 26px rgba(2,6,23,.10);
}
.related-post__link{display:block;color:inherit;text-decoration:none}
.related-post__media{
  height:140px;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  border-bottom:1px solid #eef1f5;
}
.related-post__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.related-post__body{padding:14px 16px 16px !important}
.related-post__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  align-items:center;
  margin-bottom:10px;
  color:#94a3b8;
  font-size:12px;
  font-weight:600;
}
.related-post__pill{
  padding:4px 10px;
  border-radius:999px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#64748b;
  font-weight:700;
  letter-spacing:.02em;
}
.related-post__time{color:#94a3b8}
.related-post__heading{
  margin:0 0 8px;
  font-family:"Source Serif 4",Georgia,serif;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
  color:#0f172a;
}
.related-post__excerpt{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#64748b;
  display:-webkit-box;
  line-clamp:3;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:900px){
  .editorial-hero__grid,
  .editorial-hero__grid--blog{
    grid-template-columns:1fr;
  }
  .editorial-featured,
  .editorial-stack{
    height:auto;
  }
  .editorial-item{
    flex:0 0 auto;
  }
  .editorial-item__link{
    height:auto;
  }
}

.table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.table th,.table td{
  text-align:left;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
  font-size:14px;
}
.table th{
  background:var(--surface2);
  font-weight:700;
  width:32%;
}
.table tr:last-child th,.table tr:last-child td{border-bottom:none}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .grid.brands{grid-template-columns:repeat(3,1fr)}
  .grid.cars{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .grid.brands{grid-template-columns:repeat(2,1fr)}
  .grid.cars{grid-template-columns:1fr}
  .hero-title{font-size:28px}
}