.env-page{--bg:#FAFBFE;--text:#1A1D26;--sub:#5A6070;--muted:#9098A8;--border:#E8ECF2;--r:20px;--r-sm:14px;--font-display:'Outfit',sans-serif;--green-soft:#E6FFF5;--blue-soft:#EBF3FF;--sky-soft:#ECFEFF;--purple-soft:#F3EEFF;--orange-soft:#FFF4EB}body{background:var(--bg)}.env-container{max-width:1080px;margin:0 auto;padding:0 24px}.env-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden;background:url('images/env-hero-forest-road.webp') center/cover no-repeat}.env-hero::before{content:none}.env-hero::after{content:none}@media(max-width:768px){.env-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);pointer-events:none;z-index:0}}.env-hero>*:not(canvas){position:relative;z-index:1}.env-hero-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00c47d;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);border:1px solid rgba(0,196,125,.3);padding:8px 20px;border-radius:100px;margin-bottom:32px}.env-hero-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.env-hero h1{font-family:Outfit,var(--font-display);font-size:clamp(3rem,5vw + 1rem,5.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.6),0 4px 60px rgba(0,0,0,.3)}.env-hero h1 .accent{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#00C47D;background-clip:unset;text-shadow:0 0 30px rgba(0,196,125,.5),0 2px 30px rgba(0,0,0,.4)}.env-hero-sub{font-size:clamp(.9375rem,.5vw + .8rem,1.0625rem);color:rgba(255,255,255,.9);max-width:560px;margin:0 auto 56px;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.5)}.env-hero-daily{font-family:var(--font-num);font-size:14px;color:#00c47d;font-weight:600;letter-spacing:.02em;margin-bottom:40px;text-shadow:0 1px 8px rgba(0,0,0,.4)}.env-hero-stats{display:flex;gap:48px;flex-wrap:wrap;justify-content:center}.env-hero-stat{text-align:center}.env-hero-stat>div{display:inline}.env-hero-stat-num{font-family:var(--font-num);font-size:clamp(40px,6vw,56px);font-weight:800;line-height:1;letter-spacing:-.03em}.env-hero-stat-num.c-green{color:#00c47d;text-shadow:0 0 20px rgba(0,196,125,.4),0 2px 12px rgba(0,0,0,.4)}.env-hero-stat-num.c-blue{color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.4),0 2px 12px rgba(0,0,0,.4)}.env-hero-stat-num.c-sky{color:#67e8f9;text-shadow:0 0 20px rgba(103,232,249,.4),0 2px 12px rgba(0,0,0,.4)}.env-hero-stat-unit{font-family:var(--font-num);font-size:clamp(20px,3vw,28px);font-weight:700;color:rgba(255,255,255,.8);margin-left:4px;display:inline;text-shadow:0 1px 8px rgba(0,0,0,.4)}.env-hero-stat-sub{font-family:var(--font-num);font-size:13px;font-weight:600;color:rgba(255,255,255,.5);margin-top:6px;display:block;text-shadow:0 1px 6px rgba(0,0,0,.3)}.env-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-family:var(--font-num);letter-spacing:.1em;animation:env-bounce 2s ease-in-out infinite}@keyframes env-bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.env-section{padding:clamp(64px,10vw,100px) 0}.env-section-label{font-family:var(--font-num);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.env-section-label .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.env-section h2{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.5px;margin-bottom:12px;line-height:1.2;color:var(--text)}.env-section .intro{font-size:clamp(14px,1.5vw,16px);color:var(--sub);max-width:680px;margin-bottom:48px;line-height:1.8}.env-compare{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:36px;margin-bottom:24px;transition:box-shadow .3s var(--ease-smooth)}.env-compare:hover{box-shadow:0 8px 32px rgba(0,0,0,.04)}.env-compare h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:28px;display:flex;align-items:center;gap:10px;color:var(--text)}.env-compare h3 .icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,0.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.4)}.env-compare h3 .icon svg{width:24px;height:24px;fill:none;stroke-width:1.5}.bar-group{margin-bottom:16px}.bar-group:last-of-type{margin-bottom:0}.bar-row{display:flex;align-items:center;gap:12px}.bar-name{font-size:13px;font-weight:600;width:80px;flex-shrink:0;color:var(--text)}.bar-track{flex:1;height:36px;background:#f1f3f7;border-radius:10px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:14px;font-family:var(--font-num);font-size:13px;font-weight:700;color:#fff;width:0%;transition:width 1.5s var(--ease-smooth)}.bar-fill.diesel{background:linear-gradient(90deg,#94a3b8,#64748b)}.bar-fill.gasoline{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.bar-fill.lpg{background:linear-gradient(90deg,#34d399,#00c47d)}.bar-val{font-family:var(--font-num);font-size:13px;font-weight:600;color:var(--muted);width:100px;flex-shrink:0;text-align:right}.env-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.env-source{font-size:11px;font-family:var(--font-num);padding:3px 10px;border-radius:100px;background:#f1f3f7;color:var(--muted)}.env-grade{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:48px;text-align:center;margin-bottom:24px}.env-grade h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:36px;color:var(--text)}.env-grade-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.env-grade-item{text-align:center}.env-grade-num{font-family:var(--font-num);font-size:clamp(40px,5vw,56px);font-weight:800;line-height:1}.env-grade-label{font-size:15px;font-weight:700;margin-top:6px;color:var(--text)}.env-grade-sub{font-size:12px;color:var(--muted);margin-top:2px}.env-impact-bg{background:linear-gradient(180deg,rgba(230,255,245,.92) 0,rgba(250,251,254,.95) 100%),url('images/env-single-tree.webp') center 30%/cover no-repeat}.env-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.env-impact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:32px 24px;text-align:center;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .4s}.env-impact-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,.08);border-color:rgba(0,196,125,.2)}.env-impact-card:hover .env-impact-num{text-shadow:0 0 30px currentColor}.env-impact-card:hover .env-impact-icon{transform:scale(1.1)}.env-impact-icon{transition:transform .4s cubic-bezier(.23,1,.32,1)}.env-impact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.23,1,.32,1)}.env-impact-card:hover::before{transform:scaleX(1)}.env-impact-card:first-child::before{background:var(--green)}.env-impact-card:nth-child(2)::before{background:var(--blue)}.env-impact-card:nth-child(3)::before{background:var(--orange)}.env-impact-card:nth-child(4)::before{background:var(--sky)}.env-impact-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.env-impact-icon svg{width:24px;height:24px;stroke-width:1.5;fill:none}.env-impact-num{font-family:var(--font-num);font-size:clamp(36px,5vw,48px);font-weight:800;line-height:1;letter-spacing:-.03em;transition:text-shadow .4s}.env-impact-unit{font-family:var(--font-num);font-size:16px;font-weight:600;margin-left:2px}.env-impact-label{font-size:14px;font-weight:700;margin-top:8px;color:var(--text)}.env-impact-desc{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.env-fun-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;color:var(--text)}.env-fun-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.env-fun-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px 20px;text-align:center;transition:transform .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}.env-fun-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06)}.env-fun-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.env-fun-num{font-family:var(--font-num);font-size:28px;font-weight:800;color:var(--green-deep);line-height:1;margin-bottom:6px}.env-fun-text{font-size:13px;color:var(--sub);line-height:1.5}.env-hev{background:linear-gradient(135deg,var(--green-soft),var(--sky-soft));border:1px solid rgba(0,196,125,.15);border-radius:var(--r);padding:48px;margin-bottom:24px}.env-hev h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--green-deep);margin-bottom:12px}.env-hev-sub{font-size:15px;color:var(--sub);margin-bottom:32px}.env-hev-row{display:flex;gap:32px;flex-wrap:wrap}.env-hev-item{flex:1;min-width:160px}.env-hev-label{font-family:var(--font-num);font-size:13px;color:var(--muted);margin-bottom:4px}.env-hev-num{font-family:var(--font-num);font-size:clamp(32px,4vw,40px);font-weight:800;line-height:1}.env-hev-desc{font-size:12px;color:var(--sub);margin-top:4px}.env-cta{text-align:center;padding:clamp(48px,8vw,72px) 32px;background:linear-gradient(135deg,var(--green-soft),var(--blue-soft),var(--purple-soft));border-radius:var(--r);margin:48px 0}.env-cta h2{font-family:var(--font-display);font-size:clamp(24px,4vw,32px);font-weight:700;margin-bottom:12px;color:var(--text)}.env-cta p{color:var(--sub);font-size:16px;margin-bottom:32px;line-height:1.8}.env-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;font-size:16px;font-weight:700;padding:16px 36px;border-radius:var(--r-sm);text-decoration:none;transition:background .3s,transform .2s;border:none;cursor:pointer}.env-cta-btn:hover{background:#d96a10;transform:translateY(-2px)}.env-cta-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}.env-cta-btn:hover svg{transform:translateX(4px)}.env-ev{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:48px;margin-bottom:24px;overflow:hidden}.env-ev h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text)}.env-ev-sub{font-size:15px;color:var(--sub);margin-bottom:32px;line-height:1.8}.env-ev-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.env-ev-col{text-align:center}.env-ev-col-title{font-family:var(--font-num);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:8px 20px;border-radius:100px;display:inline-block;margin-bottom:20px}.env-ev-items{display:flex;flex-direction:column;gap:16px}.env-ev-item{background:var(--bg);border-radius:var(--r-sm);padding:16px 20px}.env-ev-item-label{font-size:12px;color:var(--muted);margin-bottom:4px}.env-ev-item-val{font-family:var(--font-num);font-size:20px;font-weight:700}.env-ev-vs{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--muted);align-self:center;padding-top:48px}.env-ev-verdict{margin-top:24px;padding:20px;background:var(--green-soft);border-radius:var(--r-sm);text-align:center;font-size:14px;font-weight:600;color:var(--green-deep)}.env-calc{background:linear-gradient(135deg,var(--sky-soft),var(--green-soft));border:1px solid rgba(0,196,125,.15);border-radius:var(--r);padding:48px;margin:48px 0}.env-calc h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text)}.env-calc-sub{font-size:15px;color:var(--sub);margin-bottom:32px;line-height:1.8}.env-calc-controls{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.env-calc-field{flex:1;min-width:200px}.env-calc-label{font-size:13px;font-weight:600;color:var(--sub);margin-bottom:6px;display:block}.env-calc-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;background:var(--surface);color:var(--text);font-family:'Noto Sans KR',sans-serif;appearance:none;cursor:pointer;transition:border-color .3s}.env-calc-select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,196,125,.15)}#env-calc-km::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green-deep,#00c47d);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,196,125,.3);cursor:pointer;transition:transform .2s}#env-calc-km::-webkit-slider-thumb:hover{transform:scale(1.15)}#env-calc-km::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--green-deep,#00c47d);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,196,125,.3);cursor:pointer}.env-calc-result{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.env-calc-card{background:var(--surface);border-radius:var(--r-sm);padding:24px;text-align:center;border:1px solid var(--border);transition:transform .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}.env-calc-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.04)}.env-calc-card-num{font-family:var(--font-num);font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1}.env-calc-card-unit{font-family:var(--font-num);font-size:14px;font-weight:600;margin-left:2px}.env-calc-card-label{font-size:13px;color:var(--sub);margin-top:6px}.env-share{display:flex;justify-content:center;gap:12px;margin:32px 0}.env-share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;border:1px solid var(--border);background:var(--surface);color:var(--sub);cursor:pointer;font-family:'Noto Sans KR',sans-serif}.env-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.env-share-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.env-method{background:#f8f9fc;border:1px solid var(--border);border-radius:var(--r);padding:36px;margin-bottom:48px}.env-method h3{font-size:15px;font-weight:700;color:var(--sub);margin-bottom:16px;display:flex;align-items:center;gap:8px}.env-method h3 svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.5}.env-method li,.env-method p{font-size:12px;color:var(--muted);line-height:1.9}.env-method ul{padding-left:20px;margin:8px 0}.env-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.env-reveal.visible{opacity:1;transform:translateY(0)}.env-reveal-delay-1{transition-delay:.1s}.env-reveal-delay-2{transition-delay:.2s}.env-reveal-delay-3{transition-delay:.3s}@media(max-width:768px){.env-hero{padding:120px 24px 64px}.env-hero-stats{gap:32px}.env-fun-grid,.env-impact-grid{grid-template-columns:repeat(2,1fr)}.env-compare{padding:24px}.env-grade-row{gap:32px}.env-hev{padding:32px 24px}.bar-name{width:60px;font-size:12px}.bar-val{width:80px;font-size:12px}.env-ev-grid{grid-template-columns:1fr;gap:16px}.env-ev-vs{padding-top:0}.env-calc{padding:32px 24px}.env-calc-result{grid-template-columns:1fr}}@media(max-width:480px){.env-fun-grid,.env-impact-grid{grid-template-columns:1fr 1fr;gap:12px}.env-impact-num{font-size:28px}.env-fun-num{font-size:22px}.env-hero h1{letter-spacing:-1px}.env-share{flex-direction:column;align-items:center}}.pf-footer{background:#1a1d26;color:#a0a8b4;padding:60px 24px 0;font-family:'Noto Sans KR',sans-serif}.pf-footer-inner{max-width:1080px;margin:0 auto}.pf-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}.pf-footer-logo{height:28px;filter:brightness(0) invert(1);margin-bottom:16px}.pf-footer-hours{font-size:13px;line-height:1.8;color:#8892a0}.pf-footer-hours strong{color:#c0c8d0}.pf-footer-col-title{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c0c8d0;margin-bottom:16px}.pf-footer-links{list-style:none;padding:0;margin:0}.pf-footer-links li{margin-bottom:10px}.pf-footer-links a{color:#8892a0;text-decoration:none;font-size:14px;transition:color .2s}.pf-footer-links a:hover{color:var(--orange)}.pf-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;flex-wrap:wrap;gap:12px}.pf-footer-copy{font-size:12px;color:#5a6070}.pf-footer-legal{display:flex;gap:16px}.pf-footer-legal a{font-size:12px;color:#5a6070;text-decoration:none;transition:color .2s}.pf-footer-legal a:hover{color:#c0c8d0}@media(max-width:900px){.pf-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:768px){.pf-footer-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:480px){.pf-footer-bottom{flex-direction:column;text-align:center}}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid #e8ecf2;padding:8px 16px;gap:8px;box-shadow:0 -4px 20px rgba(0,0,0,.06)}.mobile-action-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;font-size:13px;font-weight:700;text-decoration:none;text-align:center}.mobile-action-call{background:#f07b1c;color:#fff}.mobile-action-chat,.mobile-action-home{background:#f5f5f7;color:#1a1d26;border:1px solid #e8ecf2}@media(max-width:768px){.mobile-action-bar{display:flex}body{padding-bottom:72px}}
/* ============================================================
   ENVIRONMENT PAGE — Additional Mobile Responsive Fixes
   ============================================================ */
@media (max-width: 768px) {
  /* Hero — tighter on mobile */
  .env-hero {
    min-height: 70vh;
    padding: 100px 20px 56px;
  }
  .env-hero h1 {
    font-size: clamp(2rem, 7vw, 3rem);
  }
  .env-hero-sub {
    font-size: 14px;
    margin-bottom: 36px;
  }
  .env-hero-stats {
    gap: 24px;
  }
  .env-hero-stat-num {
    font-size: clamp(28px, 8vw, 40px);
  }
  .env-hero-stat-unit {
    font-size: clamp(14px, 3vw, 20px);
  }

  /* Section spacing */
  .env-section {
    padding: clamp(48px, 8vw, 80px) 0;
  }
  .env-container {
    padding: 0 16px;
  }

  /* Compare cards */
  .env-compare {
    padding: 20px 16px;
  }

  /* Grade section */
  .env-grade {
    padding: 32px 20px;
  }

  /* EV comparison grid — already single column */
  .env-ev {
    padding: 32px 20px;
  }

  /* HEV section */
  .env-hev-row {
    gap: 20px;
  }
  .env-hev-num {
    font-size: clamp(24px, 6vw, 32px);
  }

  /* CTA */
  .env-cta {
    padding: clamp(36px, 6vw, 56px) 20px;
    margin: 32px 16px;
  }
  .env-cta-btn {
    padding: 14px 28px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }

  /* Method/sources */
  .env-method {
    padding: 24px 16px;
  }

  /* Share buttons — touch targets */
  .env-share-btn {
    min-height: 44px;
    padding: 10px 16px;
  }
}

@media (max-width: 480px) {
  .env-hero {
    min-height: 60vh;
    padding: 90px 16px 40px;
  }
  .env-hero h1 {
    font-size: clamp(1.5rem, 6.5vw, 2.25rem);
  }
  .env-impact-card {
    padding: 20px 14px;
  }
  .env-fun-card {
    padding: 20px 14px;
  }
  .env-calc-card {
    padding: 16px 12px;
  }
  .env-calc-card-num {
    font-size: clamp(20px, 5vw, 28px);
  }
}

/* ============ ENVIRONMENT DARK MODE — GLASS ============ */
html:not([data-theme="light"]) body { background: #09090B !important; color: #F0F0F0 !important; }
html:not([data-theme="light"]) section { background: transparent !important; }
html:not([data-theme="light"]) .env-section { background: transparent !important; }

/* Page variables override */
html:not([data-theme="light"]) .env-page {
  --bg: #09090B; --text: #F0F0F0; --sub: #B0B0B0; --muted: #888;
  --border: rgba(255,255,255,.08); --surface: rgba(255,255,255,.04);
  --green-soft: rgba(0,196,125,.08); --blue-soft: rgba(56,189,248,.06);
  --sky-soft: rgba(103,232,249,.06); --purple-soft: rgba(139,92,246,.06);
  --orange-soft: rgba(240,123,28,.06);
}

/* Headings — bright white for readability */
html:not([data-theme="light"]) h1,
html:not([data-theme="light"]) h2,
html:not([data-theme="light"]) h3 { color: #F5F5F5 !important; }
html:not([data-theme="light"]) p { color: #B8B8B8 !important; }
html:not([data-theme="light"]) strong { color: #F0F0F0 !important; }
html:not([data-theme="light"]) .env-section h2 { color: #F5F5F5 !important; }
html:not([data-theme="light"]) .env-section .intro { color: #B0B0B0 !important; }
html:not([data-theme="light"]) .env-section-label { color: #999 !important; }

/* Glass cards — translucent with blur */
html:not([data-theme="light"]) .env-compare,
html:not([data-theme="light"]) .env-grade,
html:not([data-theme="light"]) .env-ev,
html:not([data-theme="light"]) .env-hev,
html:not([data-theme="light"]) .env-method {
  background: rgba(255,255,255,.03) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-color: rgba(255,255,255,.06) !important;
  color: #F0F0F0 !important;
}

html:not([data-theme="light"]) .env-impact-card,
html:not([data-theme="light"]) .env-fun-card {
  background: rgba(255,255,255,.03) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: rgba(255,255,255,.06) !important;
  color: #F0F0F0 !important;
}
html:not([data-theme="light"]) .env-impact-card:hover,
html:not([data-theme="light"]) .env-fun-card:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.1) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.3) !important;
}

html:not([data-theme="light"]) .env-impact-label,
html:not([data-theme="light"]) .env-fun-text { color: #C0C0C0 !important; }
html:not([data-theme="light"]) .env-impact-desc { color: #999 !important; }

/* Calculator — glass */
html:not([data-theme="light"]) .env-calc {
  background: rgba(255,255,255,.03) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-color: rgba(255,255,255,.06) !important;
}
html:not([data-theme="light"]) .env-calc-card {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.06) !important;
}
html:not([data-theme="light"]) .env-calc-card:hover {
  background: rgba(255,255,255,.07) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2) !important;
}
html:not([data-theme="light"]) .env-calc-card-label { color: #B0B0B0 !important; }

/* Bar charts */
html:not([data-theme="light"]) .bar-track { background: rgba(255,255,255,.06) !important; }
html:not([data-theme="light"]) .bar-name { color: #E0E0E0 !important; }
html:not([data-theme="light"]) .bar-val { color: #C0C0C0 !important; }

/* Source tags */
html:not([data-theme="light"]) .env-source {
  background: rgba(255,255,255,.05) !important;
  color: #999 !important;
  border-color: rgba(255,255,255,.08) !important;
}
html:not([data-theme="light"]) .env-sources { border-top-color: rgba(255,255,255,.06) !important; }

/* Icon backgrounds — subtle glow */
html:not([data-theme="light"]) .env-compare h3 .icon,
html:not([data-theme="light"]) .env-impact-icon,
html:not([data-theme="light"]) .env-fun-icon {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.2) !important;
}

/* Select/Input */
html:not([data-theme="light"]) .env-calc-select {
  background: rgba(255,255,255,.05) !important;
  color: #F0F0F0 !important;
  border-color: rgba(255,255,255,.1) !important;
}
html:not([data-theme="light"]) .env-calc-select:focus {
  border-color: rgba(0,196,125,.4) !important;
  box-shadow: 0 0 0 3px rgba(0,196,125,.1) !important;
}
html:not([data-theme="light"]) select option { background: #111113; color: #F0F0F0; }
html:not([data-theme="light"]) input[type="range"] {
  background: transparent !important;
}

/* EV comparison */
html:not([data-theme="light"]) .env-ev-item {
  background: rgba(255,255,255,.04) !important;
}
html:not([data-theme="light"]) .env-ev-item-label { color: #999 !important; }
html:not([data-theme="light"]) .env-ev-item-val { color: #F0F0F0 !important; }
html:not([data-theme="light"]) .env-ev-col-title { color: #F0F0F0 !important; }
html:not([data-theme="light"]) .env-ev-verdict {
  background: rgba(0,196,125,.1) !important;
  color: #34d399 !important;
}
html:not([data-theme="light"]) .env-ev-vs { color: #666 !important; }

/* HEV section */
html:not([data-theme="light"]) .env-hev h3 { color: #34d399 !important; }
html:not([data-theme="light"]) .env-hev-sub { color: #B0B0B0 !important; }
html:not([data-theme="light"]) .env-hev-label { color: #999 !important; }
html:not([data-theme="light"]) .env-hev-num { color: #F0F0F0 !important; }
html:not([data-theme="light"]) .env-hev-desc { color: #999 !important; }

/* Grade */
html:not([data-theme="light"]) .env-grade-label { color: #E0E0E0 !important; }
html:not([data-theme="light"]) .env-grade-sub { color: #888 !important; }

/* CTA — glass with subtle gradient */
html:not([data-theme="light"]) .env-cta {
  background: rgba(255,255,255,.03) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
html:not([data-theme="light"]) .env-cta h2 { color: #F5F5F5 !important; }
html:not([data-theme="light"]) .env-cta p { color: #B0B0B0 !important; }

/* Impact section background */
html:not([data-theme="light"]) .env-impact-bg {
  background: rgba(0,196,125,.02) !important;
}

/* Share buttons */
html:not([data-theme="light"]) .env-share-btn {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #C0C0C0 !important;
}
html:not([data-theme="light"]) .env-share-btn:hover {
  background: rgba(255,255,255,.08) !important;
  color: #F0F0F0 !important;
}

/* Method box */
html:not([data-theme="light"]) .env-method {
  background: rgba(255,255,255,.02) !important;
}
html:not([data-theme="light"]) .env-method li,
html:not([data-theme="light"]) .env-method p { color: #999 !important; }
html:not([data-theme="light"]) .env-method h3 { color: #B0B0B0 !important; }
html:not([data-theme="light"]) .env-method h3 svg { stroke: #888 !important; }

/* Tables */
html:not([data-theme="light"]) table { color: #F0F0F0 !important; }
html:not([data-theme="light"]) th { color: #F0F0F0 !important; border-color: rgba(255,255,255,.08) !important; }
html:not([data-theme="light"]) td { color: #CCC !important; border-color: rgba(255,255,255,.05) !important; }

/* Inline style overrides */
html:not([data-theme="light"]) [style*="background:#fff"],
html:not([data-theme="light"]) [style*="background:white"],
html:not([data-theme="light"]) [style*="background:#f5f5f5"],
html:not([data-theme="light"]) [style*="background:rgba(255,255,255"],
html:not([data-theme="light"]) [style*="background:var(--bg2)"],
html:not([data-theme="light"]) [style*="background:var(--bg)"],
html:not([data-theme="light"]) [style*="background:#f8f9fc"],
html:not([data-theme="light"]) [style*="background:#f1f3f7"] {
  background: rgba(255,255,255,.03) !important;
}
html:not([data-theme="light"]) [style*="color:#1a1a1a"],
html:not([data-theme="light"]) [style*="color:#333"],
html:not([data-theme="light"]) [style*="color:#111"],
html:not([data-theme="light"]) [style*="color:var(--text)"] { color: #F0F0F0 !important; }
html:not([data-theme="light"]) [style*="color:var(--muted)"],
html:not([data-theme="light"]) [style*="color:var(--sub)"] { color: #999 !important; }

/* Borders */
html:not([data-theme="light"]) [style*="border-color:rgba(0,0,0"],
html:not([data-theme="light"]) [style*="border:1px solid rgba(0,0,0"] { border-color: rgba(255,255,255,.06) !important; }

/* Footer */
html:not([data-theme="light"]) .footer { background: #0a0a0c !important; }

/* Eyebrow */
html:not([data-theme="light"]) [class*="eyebrow"] { color: var(--orange) !important; }

/* Mobile bar */
html:not([data-theme="light"]) .mobile-action-bar {
  background: rgba(17,17,19,.9) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: rgba(255,255,255,.06) !important;
}
html:not([data-theme="light"]) .mobile-action-bar a { color: #F0F0F0 !important; }