:root {
    --pico-font-size: 112.5%;
    --pico-spacing: 1.25rem;
  }
  /* ── Industrial Overrides ── */
  body { background: #1a1d23; }
  header.industrial-header {
    background: linear-gradient(180deg, #f5a623 0%, #e8961a 100%);
    color: #1a1d23;
    padding: 1rem 0;
    border-bottom: 4px solid #c0392b;
  }
  header.industrial-header .brand-link {
    color: #1a1d23;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.3rem;
    letter-spacing: -0.5px;
  }
  header.industrial-header nav a {
    color: #1a1d23;
    font-weight: 600;
    font-size: 0.9rem;
  }
  .search-box {
    background: #2a2d35;
    border: 2px solid #f5a623;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
  }
  .search-box input {
    font-size: 1.2rem;
    padding: 0.8rem 1rem;
    border: 2px solid #444;
    border-radius: 6px;
    background: #1a1d23;
    color: #e0e0e0;
  }
  .search-box input:focus {
    border-color: #f5a623;
    outline: none;
  }
  /* Severity Badges */
  .severity-stop-engine {
    background: #c0392b;
    color: #fff;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-block;
  }
  .severity-check-next {
    background: #f39c12;
    color: #1a1d23;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-block;
  }
  .severity-check-soon {
    background: #e67e22;
    color: #fff;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-block;
  }
  .severity-advisory {
    background: #3498db;
    color: #fff;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-block;
  }
  /* Card styles */
  .code-card {
    background: #2a2d35;
    border-left: 4px solid #f5a623;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 0.8rem;
    transition: transform 0.15s, box-shadow 0.15s;
  }
  .code-card:hover {
    transform: translateX(3px);
    box-shadow: 0 2px 12px rgba(245,166,35,0.2);
  }
  .code-card.stop-engine { border-left-color: #c0392b; }
  .code-card.check-next-stop { border-left-color: #f39c12; }
  .code-card.check-soon { border-left-color: #e67e22; }
  .code-card code {
    font-size: 1.1rem;
    font-weight: 700;
    color: #f5a623;
  }
  /* Diagnostic Table */
  .diag-table {
    width: 100%;
    border-collapse: collapse;
  }
  .diag-table th {
    background: #2a2d35;
    color: #f5a623;
    text-align: left;
    padding: 0.75rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .diag-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #333;
    vertical-align: top;
  }
  /* Estimator Widget */
  .estimator-widget {
    background: #2a2d35;
    border: 2px solid #f5a623;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 2rem 0;
  }
  .estimator-widget h3 {
    color: #f5a623;
    margin-top: 0;
  }
  .estimator-result {
    background: #1a1d23;
    border: 1px solid #f5a623;
    border-radius: 6px;
    padding: 1rem;
    margin-top: 1rem;
    font-size: 1.1rem;
  }
  .estimator-result .cost {
    font-size: 1.8rem;
    font-weight: 900;
    color: #c0392b;
  }
  /* Brand / Engine cards on index */
  .brand-grid, .symptom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
  }
  .brand-card, .symptom-tag {
    background: #2a2d35;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
    transition: all 0.15s;
    text-decoration: none;
    color: #e0e0e0;
    display: block;
  }
  .brand-card:hover, .symptom-tag:hover {
    border-color: #f5a623;
    background: #333840;
    text-decoration: none;
    color: #f5a623;
  }
  .brand-card .brand-name {
    font-size: 1.3rem;
    font-weight: 700;
    display: block;
  }
  .brand-card .brand-stats {
    font-size: 0.85rem;
    color: #999;
    display: block;
    margin-top: 0.3rem;
  }
  /* Footer */
  footer.industrial-footer {
    background: #111318;
    border-top: 3px solid #c0392b;
    margin-top: 3rem;
    padding: 2rem 0 1.5rem;
    font-size: 0.9rem;
    color: #888;
  }
  footer.industrial-footer h5 {
    color: #f5a623;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
  }
  footer.industrial-footer a {
    color: #aaa;
    text-decoration: none;
  }
  footer.industrial-footer a:hover { color: #f5a623; }
  /* Data provenance */
  .data-provenance {
    background: #111318;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 1rem;
    margin-top: 2rem;
    font-size: 0.85rem;
    color: #888;
  }
  .data-provenance strong { color: #aaa; }
  /* Schema hidden */
  .schema-hidden { display: none; }
  /* Freshness indicator */
  .freshness-badge {
    background: #27ae60;
    color: #fff;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 700;
  }
  /* EEAT: Trust bar */
  .eeat-trust-bar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
  }
  .eeat-trust-stat {
    background: #2a2d35;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
  }
  .eeat-trust-stat .stat-number {
    font-size: 1.8rem;
    font-weight: 900;
    color: #f5a623;
    display: block;
  }
  .eeat-trust-stat .stat-label {
    font-size: 0.85rem;
    color: #999;
    display: block;
  }
  /* EEAT: Editorial Review Badge */
  .editorial-badge {
    background: linear-gradient(135deg, #1a3a2a, #0d2818);
    border: 1px solid #27ae60;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    font-size: 0.9rem;
    color: #a0d8b0;
  }
  .editorial-badge .reviewer {
    color: #27ae60;
    font-weight: 700;
  }
  /* EEAT: FAQ Section */
  .faq-section details {
    background: #2a2d35;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 0.75rem;
  }
  .faq-section details summary {
    font-weight: 700;
    cursor: pointer;
    color: #f5a623;
    font-size: 1.05rem;
  }
  .faq-section details p {
    margin-top: 0.75rem;
    color: #ccc;
    line-height: 1.6;
  }
  /* EEAT: Methodology */
  .methodology-box {
    background: #1a1d23;
    border: 2px solid #f5a623;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 2rem 0;
  }
  .methodology-box h3 { color: #f5a623; margin-top: 0; }
  .methodology-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1rem; }
  .methodology-step { text-align: center; }
  .methodology-step .step-num {
    background: #f5a623;
    color: #1a1d23;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    margin-bottom: 0.5rem;
  }
  /* EEAT: References */
  .references-section {
    background: #111318;
    border-left: 3px solid #f5a623;
    border-radius: 4px;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    font-size: 0.85rem;
  }
  .references-section h4 { color: #f5a623; margin-top: 0; }
  .references-section ul { margin-bottom: 0; padding-left: 1.25rem; }
  .references-section li { margin-bottom: 0.3rem; color: #999; }
  /* EEAT: Tech Specs Table */
  .specs-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
  .specs-table th { background: #2a2d35; color: #f5a623; text-align: left; padding: 0.6rem 0.75rem; font-size: 0.85rem; text-transform: uppercase; width: 30%; }
  .specs-table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid #2a2d35; font-size: 0.95rem; }
  .specs-table tr:nth-child(even) td { background: rgba(255,255,255,0.02); }

/* ── Mobile ── */
.hamburger-btn { display: none; background: none; border: none; cursor: pointer; padding: 8px; flex-direction: column; gap: 5px; z-index: 1001; }
.hamburger-btn span { display: block; width: 24px; height: 2px; background: #1a1d23; transition: transform .25s, opacity .25s; border-radius: 2px; }
.hamburger-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger-btn.open span:nth-child(2) { opacity: 0; }
.hamburger-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background: rgba(10,10,13,0.97); backdrop-filter: blur(12px); z-index: 1000; padding: 5rem 2rem 2rem; flex-direction: column; gap: 1rem; }
.mobile-nav.open { display: flex; }
.mobile-nav a { color: #ccc; font-size: 1.15rem; font-weight: 600; text-decoration: none; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.mobile-nav a:hover { color: #f5a623; }
.mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 999; }
.mobile-overlay.open { display: block; }
.desktop-nav-header { display: flex; gap: 1.25rem; justify-content: flex-end; align-items: center; flex-wrap: wrap; }

@media (max-width: 768px) {
  .container { padding: 0 0.75rem; }
  main.container { padding-top: 0.75rem; }
  h1 { font-size: 1.5rem !important; }
  .desktop-nav-header { display: none; }
  .hamburger-btn { display: flex; }
  footer .grid, footer [style*="grid-template"] { grid-template-columns: 1fr !important; }
}