:root {
  --ink: #0f172a;
  --text: #334155;
  --muted: #64748b;
  --line: #dce3ec;
  --surface: #ffffff;
  --soft: #f5f7fa;
  --soft-blue: #eef5ff;
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  --container: 1180px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

body {
  margin: 0;
  color: var(--text);
  background: var(--surface);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }

button, input { font: inherit; }

.skip-link {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 1000;
  background: var(--ink);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
}

.skip-link:focus { top: 16px; }

.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(220, 227, 236, 0.9);
  backdrop-filter: blur(14px);
}

.header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-weight: 800;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #fff;
  background: var(--ink);
  font-size: 12px;
  letter-spacing: .05em;
}

.primary-nav {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

.primary-nav a,
.footer-links a {
  color: #475569;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.primary-nav a:hover,
.primary-nav a:focus,
.footer-links a:hover,
.footer-links a:focus { color: var(--accent); }

.hero {
  padding: 76px 0 68px;
  background:
    radial-gradient(circle at 82% 20%, #dbeafe 0, transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  border-bottom: 1px solid var(--line);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: 64px;
  align-items: center;
}

.eyebrow {
  margin: 0 0 10px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

h1, h2, h3 {
  margin-top: 0;
  color: var(--ink);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

h1 {
  max-width: 760px;
  margin-bottom: 20px;
  font-size: clamp(42px, 6vw, 72px);
}

h2 {
  margin-bottom: 18px;
  font-size: clamp(30px, 3.5vw, 46px);
}

h3 {
  margin-bottom: 10px;
  font-size: 21px;
}

.hero-lead,
.body-large {
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: clamp(18px, 2vw, 21px);
}

.search-box {
  max-width: 720px;
  margin-top: 34px;
}

.search-box label {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 750;
}

.search-row {
  display: flex;
  gap: 8px;
  padding: 7px;
  background: #fff;
  border: 1px solid #cfd8e5;
  border-radius: 14px;
  box-shadow: 0 9px 28px rgba(15, 23, 42, .07);
}

.search-row:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .10);
}

.search-row input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 11px 12px;
  color: var(--ink);
  background: transparent;
}

.search-row button {
  border: 0;
  border-radius: 9px;
  padding: 0 16px;
  color: #fff;
  background: var(--ink);
  font-weight: 700;
  cursor: pointer;
}

.search-row button:hover { background: #1e293b; }

.search-status {
  margin: 9px 2px 0;
  color: var(--muted);
  font-size: 13px;
}

.hero-panel {
  padding: 30px;
  background: var(--ink);
  border-radius: 24px;
  box-shadow: var(--shadow);
}

.hero-panel h2 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 30px;
}

.panel-kicker {
  margin: 0 0 8px;
  color: #93c5fd;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.check-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  padding-left: 28px;
  color: #cbd5e1;
}

.check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #60a5fa;
  font-weight: 900;
}

.section { padding: 84px 0; }

.section-soft {
  background: var(--soft);
  border-block: 1px solid var(--line);
}

.section-dark {
  background: var(--ink);
  color: #cbd5e1;
}

.section-dark h2,
.section-dark h3 { color: #fff; }

.eyebrow-light { color: #93c5fd; }

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .6fr);
  gap: 50px;
  align-items: end;
  margin-bottom: 34px;
}

.section-heading h2 { margin-bottom: 0; }

.section-heading > p {
  margin: 0;
  color: var(--muted);
}

.term-grid,
.topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.term-card,
.topic-card {
  min-height: 230px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.term-card {
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.term-card:hover {
  transform: translateY(-3px);
  border-color: #b8c7da;
  box-shadow: var(--shadow);
}

.term-card[hidden] { display: none; }

.term-card h3 {
  margin-top: 22px;
  font-size: 25px;
}

.term-card p {
  margin: 0 0 18px;
  color: #526071;
}

.tag {
  align-self: flex-start;
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  color: #1e40af;
  background: #eff6ff;
  font-size: 12px;
  font-weight: 800;
}

.card-link {
  margin-top: auto;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.no-results {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px dashed #b8c7da;
  border-radius: 14px;
  background: #f8fafc;
}

.no-results strong,
.no-results span { display: block; }

.no-results span {
  margin-top: 3px;
  color: var(--muted);
}

.topic-card {
  min-height: 190px;
}

.topic-card > span {
  display: block;
  margin-bottom: 24px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
}

.topic-card p {
  margin: 0;
  color: var(--muted);
}

.split-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 64px;
  align-items: center;
}

.pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
}

.pill-row span {
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #475569;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
}

.comparison-preview {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--soft-blue);
}

.compare-name {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  margin: 26px 0 20px;
  color: var(--ink);
}

.compare-name strong {
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  text-align: center;
}

.compare-name span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.comparison-preview p { margin-bottom: 0; }

.method-card {
  padding: 30px;
  border: 1px solid #334155;
  border-radius: 22px;
  background: #111c30;
}

.method-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 20px;
}

.guide-list {
  border-top: 1px solid var(--line);
}

.guide-list > div {
  display: grid;
  grid-template-columns: minmax(220px, .45fr) 1fr;
  gap: 28px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.guide-list strong { color: var(--ink); }
.guide-list span { color: var(--muted); }

.closing-section { padding-top: 18px; }

.closing-box {
  display: grid;
  grid-template-columns: 1fr .7fr;
  gap: 50px;
  align-items: end;
  padding: 42px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--soft);
}

.closing-box h2 {
  max-width: 760px;
  margin-bottom: 0;
  font-size: clamp(28px, 3vw, 40px);
}

.closing-box > p {
  margin: 0;
  color: var(--muted);
}

.site-footer {
  margin-top: 84px;
  padding: 38px 0;
  border-top: 1px solid var(--line);
  background: #fff;
}

.footer-inner {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 30px;
  align-items: center;
}

.brand-footer { margin-bottom: 8px; }

.footer-inner p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.footer-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.copyright { white-space: nowrap; }

@media (max-width: 900px) {
  .hero-grid,
  .section-heading,
  .split-layout,
  .closing-box {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .term-grid,
  .topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .footer-inner { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .container { width: min(calc(100% - 28px), var(--container)); }

  .site-header { position: static; }

  .header-inner {
    padding: 16px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .primary-nav {
    width: 100%;
    gap: 12px 18px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
  }

  .hero { padding: 50px 0; }

  h1 { font-size: clamp(40px, 13vw, 58px); }

  .hero-panel,
  .comparison-preview,
  .method-card,
  .closing-box { padding: 23px; }

  .section { padding: 64px 0; }

  .term-grid,
  .topic-grid { grid-template-columns: 1fr; }

  .guide-list > div { grid-template-columns: 1fr; gap: 4px; }

  .compare-name {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .search-row button { padding-inline: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Glossary article */
.article-hero{padding:58px 0 44px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid var(--line)}
.article-shell{max-width:900px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--muted);font-size:13px}
.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}
.article-hero h1{margin-bottom:18px;font-size:clamp(44px,7vw,70px)}
.article-lead{max-width:860px;margin:0;color:#475569;font-size:clamp(19px,2.3vw,24px)}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13px}
.article-section{padding:58px 0 90px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:70px;align-items:start}
.article-content h2{margin-top:54px;margin-bottom:16px;font-size:clamp(28px,3vw,38px)}
.article-content h3{margin-top:0;font-size:21px}.article-content p,.article-content li{font-size:17px}
.article-content ul{padding-left:24px}.article-content li+li{margin-top:9px}
.definition-box,.article-note{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--soft-blue)}
.definition-box p,.article-note p{margin-bottom:0}
.v2x-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.diagram-center{grid-column:1/-1;padding:18px;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;text-align:center}
.diagram-item{display:flex;flex-direction:column;gap:2px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.diagram-item strong{color:var(--accent)}.diagram-item span{color:var(--muted);font-size:14px}
.term-breakdown{display:grid;gap:16px;margin:28px 0}.term-breakdown section{padding:22px;border-left:3px solid var(--accent);background:#f8fafc}.term-breakdown p{margin-bottom:0}
.comparison-table-wrap{overflow-x:auto;margin:26px 0}.comparison-table{width:100%;border-collapse:collapse;font-size:15px}
.comparison-table th,.comparison-table td{padding:14px 15px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table th{color:var(--ink);background:var(--soft)}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.benefit-grid>div{padding:20px;border:1px solid var(--line);border-radius:16px}
.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid strong{margin-bottom:7px;color:var(--ink)}.benefit-grid span{color:var(--muted);font-size:14px}
.related-links{display:flex;flex-wrap:wrap;gap:9px}.related-links span,.related-links a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.related-links a:hover{border-color:#93c5fd;color:var(--accent)}
.source-list a{color:var(--accent)}.source-list a:hover{color:var(--accent-dark)}.article-note{margin-top:40px}
.article-sidebar{position:sticky;top:98px}.toc{display:grid;gap:9px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.toc strong{margin-bottom:4px;color:var(--ink)}.toc a{color:var(--muted);font-size:14px;text-decoration:none}.toc a:hover{color:var(--accent)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{position:static;order:-1}.toc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.article-hero{padding-top:38px}.article-section{padding-top:42px}.v2x-diagram,.benefit-grid,.toc{grid-template-columns:1fr}.article-content p,.article-content li{font-size:16px}}

.brandability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.brandability-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.brandability-card h3{margin:18px 0 12px;font-size:26px}
.brandability-card h3 a{color:var(--ink);text-decoration:none}
.brandability-card h3 a:hover{color:var(--accent)}
.brandability-card p{font-size:16px}
.brandability-card ul{margin-top:4px;padding-left:20px}
.brandability-card li{font-size:15px}
.brand-domain-link{margin-top:auto;padding-top:14px;color:var(--accent);font-weight:800;text-decoration:none}
.brand-domain-link:hover{color:var(--accent-dark)}
.naming-note{margin:26px 0;padding:22px;border-left:4px solid var(--accent);background:var(--soft)}
.naming-note strong{color:var(--ink)}
.naming-note p{margin:7px 0 0;font-size:16px}
.disclosure-note{padding:14px 16px;border:1px dashed #cbd5e1;border-radius:12px;color:var(--muted);background:#f8fafc;font-size:14px!important}
@media(max-width:700px){.brandability-grid{grid-template-columns:1fr}}

/* Glossary hub */
.glossary-hero{padding:70px 0 54px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid var(--line)}
.glossary-hero h1{max-width:850px}
.glossary-toolbar{max-width:720px;margin-top:32px}
.glossary-toolbar label{display:block;margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:750}
.glossary-toolbar input{width:100%;padding:15px 16px;border:1px solid #cfd8e5;border-radius:13px;color:var(--ink);background:#fff;outline:0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.glossary-toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.glossary-toolbar p{margin:8px 2px 0;color:var(--muted);font-size:13px}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.glossary-card{display:flex;flex-direction:column;min-height:275px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.glossary-card:hover{transform:translateY(-2px);border-color:#b8c7da;box-shadow:var(--shadow)}
.glossary-card[hidden]{display:none}
.glossary-card h2{margin:20px 0 3px;font-size:25px}
.glossary-card h2 a{text-decoration:none}.glossary-card h2 a:hover{color:var(--accent)}
.glossary-full-name{margin:0 0 15px!important;color:var(--muted)!important;font-size:13px!important;font-weight:700}
.glossary-card p{margin:0 0 18px;color:#526071}
.error-page{min-height:100vh;display:grid;align-items:center;background:linear-gradient(180deg,#f8fafc,#fff)}
.error-box{max-width:760px;padding-block:60px}.error-box .eyebrow{margin-top:70px}.error-box h1{font-size:clamp(44px,8vw,76px)}
.error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.button-primary,.button-secondary{display:inline-flex;padding:11px 16px;border-radius:10px;font-weight:800;text-decoration:none}
.button-primary{color:#fff;background:var(--ink)}.button-secondary{border:1px solid var(--line);background:#fff}
@media(max-width:900px){.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.glossary-grid{grid-template-columns:1fr}.glossary-hero{padding-top:48px}}

.glossary-more{margin:24px 0 0}.glossary-more a{color:var(--accent);font-weight:800;text-decoration:none}.glossary-more a:hover{color:var(--accent-dark)}

.glossary-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.filter-button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#475569;background:#fff;font-weight:750;cursor:pointer}
.filter-button:hover,.filter-button.is-active{border-color:var(--ink);color:#fff;background:var(--ink)}
/* CarGlossary automotive background theme */
html {
  background: #f3f6f9;
}

body {
  background-color: #f7f9fc;
  background-image:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.80)),
    url('/assets/images/carglossary-bg.webp');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.site-header {
  background: rgba(255,255,255,.84);
  border-bottom-color: rgba(203,213,225,.78);
  box-shadow: 0 8px 30px rgba(15,23,42,.04);
}

.hero,
.glossary-hero,
.article-hero {
  background:
    linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.86) 48%, rgba(255,255,255,.60) 100%),
    url('/assets/images/carglossary-bg.webp') center / cover no-repeat;
}

.section {
  background: rgba(255,255,255,.76);
  backdrop-filter: blur(1.5px);
}

.section-soft {
  background: rgba(245,247,250,.86);
}

.section-dark {
  background: rgba(15,23,42,.96);
  backdrop-filter: blur(2px);
}

.term-card,
.topic-card,
.glossary-card,
.comparison-preview,
.method-card,
.definition-box,
.article-note,
.toc,
.brandability-card,
.benefit-grid > div,
.diagram-item,
.no-results,
.closing-box {
  background-color: rgba(255,255,255,.90);
  backdrop-filter: blur(5px);
}

.article-section {
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(1.5px);
}

.v2x-diagram,
.term-breakdown section,
.naming-note {
  background-color: rgba(248,250,252,.88);
}

.error-page {
  background:
    linear-gradient(rgba(255,255,255,.80), rgba(255,255,255,.88)),
    url('/assets/images/carglossary-bg.webp') center / cover no-repeat;
}

@media (max-width: 700px) {
  body {
    background-attachment: scroll;
    background-position: 68% top;
    background-size: auto 100vh;
  }

  .hero,
  .glossary-hero,
  .article-hero {
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.78)),
      url('/assets/images/carglossary-bg.webp') 68% center / auto 100% no-repeat;
  }

  .section {
    background: rgba(255,255,255,.82);
  }
}
/* CarGlossary night mode */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(148,163,184,.55);
  border-radius: 999px;
  color: #334155;
  background: rgba(255,255,255,.72);
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
  cursor: pointer;
  font-weight: 750;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.theme-toggle:hover {
  transform: translateY(-1px);
  border-color: #94a3b8;
}

.theme-toggle-icon {
  width: 18px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
}

[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f8fafc;
  --text: #d9e1ea;
  --muted: #94a3b8;
  --line: #334155;
  --surface: #0b1120;
  --soft: #111827;
  --soft-blue: #14213a;
  --accent: #60a5fa;
  --accent-dark: #93c5fd;
  --shadow: 0 18px 50px rgba(0,0,0,.30);
}

[data-theme="dark"] body {
  color: var(--text);
  background-color: #090f1c;
  background-image:
    linear-gradient(rgba(5,10,20,.84), rgba(5,10,20,.90)),
    url('/assets/images/carglossary-bg.webp');
}

[data-theme="dark"] .site-header {
  background: rgba(9,15,28,.88);
  border-bottom-color: rgba(51,65,85,.84);
  box-shadow: 0 8px 30px rgba(0,0,0,.20);
}

[data-theme="dark"] .brand,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] .search-box label,
[data-theme="dark"] .toc strong,
[data-theme="dark"] .benefit-grid strong,
[data-theme="dark"] .brandability-card h3 a,
[data-theme="dark"] .comparison-table th {
  color: #f8fafc;
}

[data-theme="dark"] .primary-nav a,
[data-theme="dark"] .footer-links a,
[data-theme="dark"] .hero-lead,
[data-theme="dark"] .body-large,
[data-theme="dark"] .section-heading > p,
[data-theme="dark"] .term-card p,
[data-theme="dark"] .glossary-card p,
[data-theme="dark"] .topic-card p,
[data-theme="dark"] .article-lead,
[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li,
[data-theme="dark"] .diagram-item span,
[data-theme="dark"] .benefit-grid span,
[data-theme="dark"] .toc a {
  color: #cbd5e1;
}

[data-theme="dark"] .hero,
[data-theme="dark"] .glossary-hero,
[data-theme="dark"] .article-hero {
  background:
    linear-gradient(90deg, rgba(5,10,20,.96) 0%, rgba(5,10,20,.90) 50%, rgba(5,10,20,.70) 100%),
    url('/assets/images/carglossary-bg.webp') center / cover no-repeat;
  border-bottom-color: #334155;
}

[data-theme="dark"] .section,
[data-theme="dark"] .article-section {
  background: rgba(9,15,28,.82);
}

[data-theme="dark"] .section-soft {
  background: rgba(17,24,39,.90);
  border-color: #334155;
}

[data-theme="dark"] .section-dark {
  background: rgba(2,6,23,.98);
}

[data-theme="dark"] .term-card,
[data-theme="dark"] .topic-card,
[data-theme="dark"] .glossary-card,
[data-theme="dark"] .comparison-preview,
[data-theme="dark"] .method-card,
[data-theme="dark"] .definition-box,
[data-theme="dark"] .article-note,
[data-theme="dark"] .toc,
[data-theme="dark"] .brandability-card,
[data-theme="dark"] .benefit-grid > div,
[data-theme="dark"] .diagram-item,
[data-theme="dark"] .no-results,
[data-theme="dark"] .closing-box,
[data-theme="dark"] .search-row,
[data-theme="dark"] .glossary-toolbar input,
[data-theme="dark"] .button-secondary,
[data-theme="dark"] .related-links span,
[data-theme="dark"] .related-links a {
  color: #dbe4ef;
  background-color: rgba(15,23,42,.90);
  border-color: #334155;
}

[data-theme="dark"] .search-row input,
[data-theme="dark"] .glossary-toolbar input {
  color: #f8fafc;
}

[data-theme="dark"] .search-row input::placeholder,
[data-theme="dark"] .glossary-toolbar input::placeholder {
  color: #64748b;
}

[data-theme="dark"] .v2x-diagram,
[data-theme="dark"] .term-breakdown section,
[data-theme="dark"] .naming-note,
[data-theme="dark"] .comparison-table th {
  background-color: rgba(17,24,39,.92);
}

[data-theme="dark"] .comparison-table td,
[data-theme="dark"] .comparison-table th {
  border-color: #334155;
}

[data-theme="dark"] .tag {
  color: #bfdbfe;
  background: rgba(30,64,175,.28);
}

[data-theme="dark"] .brand-mark,
[data-theme="dark"] .search-row button,
[data-theme="dark"] .button-primary {
  color: #0f172a;
  background: #e2e8f0;
}

[data-theme="dark"] .theme-toggle {
  color: #e2e8f0;
  background: rgba(15,23,42,.86);
  border-color: #475569;
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
}

[data-theme="dark"] .error-page {
  background:
    linear-gradient(rgba(5,10,20,.88), rgba(5,10,20,.94)),
    url('/assets/images/carglossary-bg.webp') center / cover no-repeat;
}

@media (max-width: 780px) {
  .header-inner {
    gap: 12px;
  }

  .theme-toggle {
    min-width: 40px;
    padding-inline: 10px;
  }

  .theme-toggle-label {
    display: none;
  }

  [data-theme="dark"] .hero,
  [data-theme="dark"] .glossary-hero,
  [data-theme="dark"] .article-hero {
    background:
      linear-gradient(rgba(5,10,20,.94), rgba(5,10,20,.82)),
      url('/assets/images/carglossary-bg.webp') 68% center / auto 100% no-repeat;
  }
}