:root{--pg:#f2f5f9;--card:#fff;--card2:#f6fafd;--brd:rgba(200,220,240,.6);--brd2:rgba(170,200,225,.8);--txt:#1a2e3d;--txt2:#2e4e66;--txt3:#496f89;--txt4:#6a8faa;--th:#1f3d51;--th-t:#fff;--even:#f5fafd;--hvr:#e8f4fd;--tr-b:rgba(200,220,240,.5);--pill:#dceef9;--pill-t:#0c5278;--pill-b:#aacfe8;--info:#e8f3fa;--info-b:#3d7ca3;--info-t:#0d3f5a;--warn:#fef9ec;--warn-b:#e6a017;--warn-t:#5f3f0e;--ok:#e8faf2;--ok-b:#1a9c5a;--ok-t:#0b4a28;--danger:#fde8e8;--danger-b:#d64545;--danger-t:#7a1f1f;--h1:linear-gradient(145deg,#0e3050,#1a527a);--sh:0 20px 40px -15px rgba(0,32,60,.18);--plug-body:#ffffff;--plug-stroke:#1a2e3d;--plug-slot:#1a2e3d;--plug-accent:#d64545;}
[data-theme="dark"]{--pg:#0b1826;--card:#0f2035;--card2:#132843;--brd:rgba(255,255,255,.08);--brd2:rgba(255,255,255,.15);--txt:#ddeaf8;--txt2:#8fb8d8;--txt3:#5a8aaa;--txt4:#3d6a88;--th:#091b2c;--th-t:#7dc4f0;--even:#0d1e30;--hvr:#112540;--tr-b:rgba(255,255,255,.06);--pill:rgba(59,130,246,.18);--pill-t:#93c5fd;--pill-b:rgba(59,130,246,.35);--info:rgba(59,130,246,.1);--info-b:#3b82f6;--info-t:#bfdbfe;--warn:rgba(245,158,11,.1);--warn-b:#f59e0b;--warn-t:#fcd34d;--ok:rgba(16,185,129,.1);--ok-b:#10b981;--ok-t:#6ee7b7;--danger:rgba(239,68,68,.12);--danger-b:#ef4444;--danger-t:#fca5a5;--h1:linear-gradient(135deg,#2c7be5,#0ea5e9);--sh:0 20px 40px -15px rgba(0,0,0,.5);--plug-body:#1a2e44;--plug-stroke:#8fb8d8;--plug-slot:#ddeaf8;--plug-accent:#f87171;}

*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--pg);font-family:'Inter',system-ui,sans-serif;color:var(--txt);min-height:100vh;}
.container{max-width:1300px;width:100%;background:var(--card);border-radius:1.8rem;box-shadow:var(--sh);padding:2.5rem 2.3rem;border:1px solid var(--brd);margin:0 auto;}

/* Shared table styles */
table{width:100%;border-collapse:collapse;font-size:.95rem;}
thead th{background:var(--th);color:var(--th-t);font-weight:700;font-size:.85rem;letter-spacing:.4px;text-transform:uppercase;padding:1rem 1.2rem;text-align:left;white-space:nowrap;}
tbody td{padding:.9rem 1.2rem;border-bottom:1px solid var(--tr-b);vertical-align:middle;color:var(--txt2);}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover td,tbody tr:hover{background:var(--hvr);}
tbody tr:nth-child(even) td{background:var(--even);}
tbody tr:nth-child(even):hover td{background:var(--hvr);}
.table-responsive{border-radius:1rem;overflow:hidden;border:1px solid var(--brd);overflow-x:auto;margin-bottom:2rem;}

/* Title section */
.title-section{margin-bottom:2rem;}
.title-section h1{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;background:var(--h1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.power-range{background:var(--pill);padding:.35rem 1.1rem;border-radius:60px;font-size:1rem;font-weight:700;color:var(--pill-t);border:1px solid var(--pill-b);white-space:nowrap;-webkit-text-fill-color:var(--pill-t);}
.subhead{font-size:1rem;color:var(--txt2);margin-top:.6rem;font-weight:400;border-left:4px solid var(--info-b);padding:.4rem 1.2rem;background:var(--info);border-radius:0 8px 8px 0;width:fit-content;max-width:100%;}

/* Section heading */
.section-heading{margin:2.5rem 0 1.2rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;}
.section-heading h2{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;color:var(--txt);letter-spacing:-.01em;}
.section-heading .sec-nr{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--info-b);background:var(--info);padding:.25rem .7rem;border-radius:30px;border:1px solid var(--pill-b);font-weight:600;}
.section-sub{font-size:.92rem;color:var(--txt3);margin-bottom:1rem;max-width:900px;line-height:1.6;}

/* Badges */
.power{font-weight:700;color:var(--pill-t);background:var(--pill);padding:.2rem .7rem;border-radius:40px;display:inline-block;font-size:.9rem;border:1px solid var(--pill-b);-webkit-text-fill-color:var(--pill-t);}
.voltage-badge{font-family:'JetBrains Mono',monospace;background:var(--card2);padding:.2rem .7rem;border-radius:30px;font-size:.85rem;font-weight:600;color:var(--txt);display:inline-block;border:1px solid var(--brd);}
.current-badge{font-family:'JetBrains Mono',monospace;background:var(--card2);padding:.2rem .7rem;border-radius:30px;font-size:.85rem;font-weight:600;color:var(--txt2);display:inline-block;border:1px solid var(--brd);}
.category{font-weight:700;color:var(--txt);font-size:.95rem;}
.usage{font-size:.9rem;color:var(--txt2);line-height:1.4;}
.amp-xl{display:inline-block;font-family:'JetBrains Mono',monospace;font-weight:800;font-size:1.05rem;padding:.3rem .85rem;border-radius:40px;background:var(--warn);color:var(--warn-t);border:1px solid var(--warn-b);-webkit-text-fill-color:var(--warn-t);letter-spacing:-.02em;}

/* Stats strip */
.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;background:var(--card2);border:1px solid var(--brd);border-radius:1rem;overflow:hidden;margin-bottom:2rem;}
.stat-item{padding:1.1rem 1rem;text-align:center;border-right:1px solid var(--brd);}
.stat-item:last-child{border-right:none;}
.stat-num{font-size:1.7rem;font-weight:800;background:var(--h1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em;}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--txt3);margin-top:.35rem;}

/* Hero scenario cards */
.hero-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:2rem;}
.hero-card{background:var(--card2);border:1px solid var(--brd);border-radius:1.2rem;padding:1.5rem 1.3rem;position:relative;overflow:hidden;transition:all .3s ease;}
.hero-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;}
.hero-card.mono-16::before{background:linear-gradient(90deg,#94a3b8,#64748b);}
.hero-card.mono-32::before{background:linear-gradient(90deg,#3b82f6,#1e40af);}
.hero-card.tri-16::before{background:linear-gradient(90deg,#f97316,#dc2626);}
.hero-card.tri-32::before{background:linear-gradient(90deg,#dc2626,#991b1b);}
.hero-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -10px rgba(0,0,0,.2);border-color:var(--info-b);}
.hero-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;}
.hero-plug-wrap{width:60px;height:60px;flex-shrink:0;background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--brd);box-shadow:inset 0 2px 4px rgba(0,0,0,.05);}
.hero-card h3{font-size:1.1rem;font-weight:700;color:var(--txt);line-height:1.2;}
.hero-card .hero-type{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);margin-top:.2rem;font-weight:600;}
.hero-power{font-size:2.4rem;font-weight:800;background:var(--h1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.03em;margin:.5rem 0 .3rem;}
.hero-power small{font-size:.9rem;color:var(--txt3);font-weight:500;-webkit-text-fill-color:var(--txt3);}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--brd2);}
.hero-stat{text-align:left;}
.hero-stat-label{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);margin-bottom:.15rem;font-weight:600;}
.hero-stat-val{font-size:.95rem;font-weight:700;color:var(--txt);}
.hero-time{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;background:var(--info);padding:.5rem .8rem;border-radius:8px;border-left:3px solid var(--info-b);}
.hero-time-label{font-size:.72rem;font-weight:600;color:var(--info-t);text-transform:uppercase;letter-spacing:.06em;}
.hero-time-val{font-size:1rem;font-weight:800;color:var(--info-t);margin-left:auto;font-family:'JetBrains Mono',monospace;}

/* Formula card */
.formula-card{background:linear-gradient(135deg,var(--card2) 0%,var(--info) 100%);border:1px solid var(--brd);border-radius:1.2rem;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;}
.formula-card::after{content:"";position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:radial-gradient(circle,var(--info-b) 0%,transparent 70%);opacity:.15;}
.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1;}
.formula-big{font-family:'JetBrains Mono',monospace;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--txt);letter-spacing:-.02em;line-height:1.3;}
.formula-big .var{color:var(--info-b);}
.formula-big .op{color:var(--txt3);margin:0 .3rem;}
.formula-legend{display:flex;flex-direction:column;gap:.6rem;}
.formula-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .9rem;background:var(--card);border-radius:8px;border:1px solid var(--brd);}
.formula-item .var-tag{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:1.2rem;color:var(--info-b);width:28px;text-align:center;}
.formula-item .var-desc{font-size:.9rem;color:var(--txt2);font-weight:500;}
.formula-item .var-desc strong{color:var(--txt);}
@media(max-width:700px){.formula-grid{grid-template-columns:1fr;gap:1.2rem;}}

/* Plug gallery */
.plug-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem;}
.plug-item{background:var(--card2);border:1px solid var(--brd);border-radius:1rem;padding:1.5rem 1.2rem;text-align:center;transition:all .3s ease;}
.plug-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px -10px rgba(0,0,0,.2);}
.plug-item .gallery-svg{width:90px;height:90px;margin:0 auto 1rem;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));transition:transform .3s ease;}
.plug-item:hover .gallery-svg{transform:scale(1.1) rotate(-5deg);}
.plug-item h4{font-size:1rem;font-weight:700;color:var(--txt);margin-bottom:.3rem;}
.plug-item .plug-spec{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--pill-t);font-weight:700;background:var(--pill);padding:.2rem .7rem;border-radius:30px;display:inline-block;border:1px solid var(--pill-b);margin:.4rem 0;}
.plug-item .plug-use{font-size:.85rem;color:var(--txt2);line-height:1.4;margin-top:.5rem;}

/* Generic SVG plug (same as priz-rehberi) */
.plug-svg{width:70px;height:70px;display:block;margin:0 auto;transition:transform .3s ease;}
tbody tr:hover .plug-svg{transform:scale(1.12) rotate(-4deg);}
.plug-svg .p-body{fill:var(--plug-body);stroke:var(--plug-stroke);stroke-width:2.2;}
.plug-svg .p-slot{fill:var(--plug-slot);}
.plug-svg .p-outline{fill:none;stroke:var(--plug-stroke);stroke-width:1.2;opacity:.4;}
.plug-svg .p-accent{fill:var(--plug-accent);}

/* Industrial SVG */
.ind-svg{width:70px;height:70px;display:block;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));}
.ind-svg .ibody-blue{fill:#1976D2;stroke:#0D47A1;stroke-width:2.5;}
.ind-svg .ibody-red{fill:#D32F2F;stroke:#7F1010;stroke-width:2.5;}
.ind-svg .iinner-blue{fill:#0D47A1;opacity:.85;}
.ind-svg .iinner-red{fill:#8B0000;opacity:.85;}
.ind-svg .ipin{fill:#0a0a0a;}
.ind-svg .ikey{fill:rgba(255,255,255,.35);}

/* Cable cross-section visual */
.cable-viz{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;}
.cable-card{background:var(--card2);border:1px solid var(--brd);border-radius:1rem;padding:1.3rem 1.2rem;text-align:center;transition:all .3s ease;}
.cable-card:hover{border-color:var(--info-b);transform:translateY(-3px);}
.cable-card .cable-svg{width:110px;height:110px;margin:0 auto .8rem;}
.cable-card h4{font-size:1rem;font-weight:700;color:var(--txt);margin-bottom:.3rem;}
.cable-card .cable-desc{font-size:.85rem;color:var(--txt2);line-height:1.4;}
.cable-card .cable-tag{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:700;color:var(--ok-t);background:var(--ok);padding:.25rem .8rem;border-radius:30px;border:1px solid var(--ok-b);display:inline-block;margin-top:.6rem;}

/* Cable insulation & wire */
.cable-svg .wire-pvc{fill:#1f3d51;opacity:.15;}
[data-theme="dark"] .cable-svg .wire-pvc{fill:#ffffff;opacity:.08;}
.cable-svg .wire-pvc-outer{fill:none;stroke:var(--plug-stroke);stroke-width:2;stroke-dasharray:3,3;opacity:.6;}
.cable-svg .wire-copper{fill:#C2784A;stroke:#8A5A2B;stroke-width:.8;}
.cable-svg .wire-phase{fill:#92400e;}
.cable-svg .wire-neutral{fill:#1e3a8a;}
.cable-svg .wire-earth{fill:#16a34a;}
.cable-svg .wire-l2{fill:#000000;}
.cable-svg .wire-l3{fill:#4b5563;}
[data-theme="dark"] .cable-svg .wire-l2{fill:#9ca3af;}
[data-theme="dark"] .cable-svg .wire-l3{fill:#6b7280;}

/* Component icon cards (Sigorta, RCD) */
.comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:2rem;}
.comp-card{background:var(--card2);border:1px solid var(--brd);border-radius:1.1rem;padding:1.5rem 1.3rem;transition:all .3s ease;}
.comp-card:hover{border-color:var(--info-b);box-shadow:0 8px 20px -8px rgba(0,0,0,.15);}
.comp-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--brd2);}
.comp-icon{width:60px;height:60px;flex-shrink:0;}
.comp-card h3{font-size:1.1rem;font-weight:700;color:var(--txt);line-height:1.2;}
.comp-card h3 small{font-size:.72rem;color:var(--txt3);text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:.2rem;font-weight:600;}
.comp-card p{font-size:.88rem;color:var(--txt2);line-height:1.55;margin-bottom:.8rem;}
.comp-spec{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem;}
.comp-spec-tag{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;padding:.25rem .7rem;border-radius:30px;background:var(--info);color:var(--info-t);border:1px solid var(--info-b);}
.comp-spec-tag.warn{background:var(--warn);color:var(--warn-t);border-color:var(--warn-b);}
.comp-spec-tag.ok{background:var(--ok);color:var(--ok-t);border-color:var(--ok-b);}

/* Warning card grid */
.warn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;}
.warn-card{padding:1.2rem 1.3rem;border-radius:1rem;border:1px solid;border-left-width:4px;transition:all .25s ease;}
.warn-card:hover{transform:translateY(-2px);}
.warn-card.w-warn{background:var(--warn);border-color:var(--warn-b);}
.warn-card.w-info{background:var(--info);border-color:var(--info-b);}
.warn-card.w-ok{background:var(--ok);border-color:var(--ok-b);}
.warn-card.w-danger{background:var(--danger);border-color:var(--danger-b);}
.warn-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1rem;font-weight:700;}
.warn-card.w-warn .warn-card-head{color:var(--warn-t);}
.warn-card.w-info .warn-card-head{color:var(--info-t);}
.warn-card.w-ok .warn-card-head{color:var(--ok-t);}
.warn-card.w-danger .warn-card-head{color:var(--danger-t);}
.warn-card .warn-icon{font-size:1.3rem;}
.warn-card p{font-size:.88rem;color:var(--txt2);line-height:1.55;}
.warn-card p strong{color:var(--txt);}

/* Battery fire danger card */
.fire-card{background:linear-gradient(135deg,var(--danger) 0%,rgba(255,100,100,.15) 100%);border:2px solid var(--danger-b);border-radius:1.2rem;padding:1.8rem;margin-bottom:2rem;position:relative;overflow:hidden;}
.fire-card::before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,#f87171 0%,transparent 70%);opacity:.3;}
.fire-grid{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;position:relative;z-index:1;}
.fire-icon{width:80px;height:80px;flex-shrink:0;}
.fire-content h3{font-size:1.25rem;font-weight:800;color:var(--danger-t);margin-bottom:.6rem;line-height:1.2;}
.fire-content p{font-size:.95rem;color:var(--txt2);line-height:1.6;margin-bottom:.8rem;}
.fire-content p strong{color:var(--danger-t);font-weight:700;}
.fire-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem;}
.fire-tag{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:700;padding:.3rem .8rem;border-radius:30px;background:var(--card);color:var(--danger-t);border:1px solid var(--danger-b);}

/* Calculator / example box */
.calc-box{background:var(--card2);border:1px solid var(--brd);border-radius:1.1rem;padding:1.5rem;margin-bottom:2rem;position:relative;}
.calc-title{font-size:1rem;font-weight:700;color:var(--txt);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.calc-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:center;padding:.7rem 0;border-bottom:1px dashed var(--brd2);font-family:'JetBrains Mono',monospace;font-size:.9rem;}
.calc-row:last-child{border-bottom:none;}
.calc-box-val{background:var(--card);padding:.55rem .9rem;border-radius:8px;border:1px solid var(--brd);text-align:center;font-weight:700;color:var(--txt);}
.calc-box-val.ok{background:var(--ok);color:var(--ok-t);border-color:var(--ok-b);}
.calc-box-val.warn{background:var(--warn);color:var(--warn-t);border-color:var(--warn-b);}
.calc-box-val.danger{background:var(--danger);color:var(--danger-t);border-color:var(--danger-b);}
.calc-op{font-weight:800;color:var(--info-b);font-size:1.1rem;}
@media(max-width:700px){.calc-row{grid-template-columns:1fr;gap:.3rem;}.calc-op{text-align:center;}}

/* Disclaimer */
.disclaimer{background:var(--warn);border:1px solid var(--warn-b);border-left:4px solid var(--warn-b);border-radius:1rem;padding:1.3rem 1.5rem;margin-top:2rem;}
.disclaimer h4{font-size:1rem;font-weight:700;color:var(--warn-t);margin-bottom:.5rem;}
.disclaimer p{font-size:.87rem;color:var(--txt2);line-height:1.6;}

/* System flow diagram */
.flow-diagram{background:var(--card2);border:1px solid var(--brd);border-radius:1.2rem;padding:1.8rem 1.5rem;margin-bottom:2rem;overflow-x:auto;}
.flow-diagram-inner{min-width:900px;display:grid;grid-template-columns:repeat(7,1fr auto) 1fr;align-items:center;gap:0;}
.flow-node{text-align:center;padding:.5rem;}
.flow-node-icon{width:76px;height:76px;margin:0 auto .5rem;background:var(--card);border-radius:14px;border:2px solid var(--brd2);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.04),0 4px 10px -4px rgba(0,0,0,.1);transition:all .3s ease;}
.flow-node:hover .flow-node-icon{transform:translateY(-4px);border-color:var(--info-b);box-shadow:inset 0 2px 4px rgba(0,0,0,.04),0 10px 22px -6px rgba(59,130,246,.35);}
.flow-node-icon svg{width:46px;height:46px;}
.flow-node-label{font-size:.75rem;font-weight:700;color:var(--txt);line-height:1.2;margin-top:.3rem;}
.flow-node-sub{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--txt3);margin-top:.15rem;letter-spacing:.04em;}
.flow-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--info-b);position:relative;}
.flow-arrow svg{width:30px;height:18px;}
.flow-arrow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--info) 0%,transparent 70%);opacity:.6;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.8);}50%{opacity:.7;transform:scale(1.1);}}

/* Phase comparison */
.phase-compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem;}
@media(max-width:700px){.phase-compare{grid-template-columns:1fr;}}
.phase-card{background:var(--card2);border:1px solid var(--brd);border-radius:1.2rem;padding:1.5rem;position:relative;overflow:hidden;}
.phase-card.mono{border-top:4px solid #3b82f6;}
.phase-card.tri{border-top:4px solid #dc2626;}
.phase-card h3{font-size:1.15rem;font-weight:700;color:var(--txt);margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;}
.phase-card .phase-tag{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);margin-bottom:1rem;}
.phase-wave-svg{width:100%;height:130px;margin:1rem 0;background:var(--card);border-radius:10px;padding:.5rem;border:1px dashed var(--brd2);}
.phase-specs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;}
.phase-spec{background:var(--card);padding:.6rem .8rem;border-radius:8px;border:1px solid var(--brd);}
.phase-spec-label{font-size:.7rem;color:var(--txt3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.phase-spec-val{font-size:1rem;font-weight:700;color:var(--txt);margin-top:.15rem;font-family:'JetBrains Mono',monospace;}

/* Old vs new CEE plug */
.vs-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2rem;}
@media(max-width:700px){.vs-compare{grid-template-columns:1fr;}}
.vs-card{background:var(--card2);border:2px solid;border-radius:1.2rem;padding:1.8rem 1.5rem;text-align:center;position:relative;transition:all .3s ease;}
.vs-card.wrong{border-color:var(--danger-b);background:var(--danger);}
.vs-card.right{border-color:var(--ok-b);background:var(--ok);}
.vs-card:hover{transform:translateY(-3px);}
.vs-card .vs-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:.35rem 1rem;border-radius:40px;font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:800;letter-spacing:.08em;}
.vs-card.wrong .vs-badge{background:var(--danger-b);color:#fff;}
.vs-card.right .vs-badge{background:var(--ok-b);color:#fff;}
.vs-card .vs-svg{width:120px;height:120px;margin:1rem auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));}
.vs-card h4{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;}
.vs-card.wrong h4{color:var(--danger-t);}
.vs-card.right h4{color:var(--ok-t);}
.vs-card p{font-size:.88rem;color:var(--txt2);line-height:1.5;}
.vs-divider{display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:2.5rem;font-style:italic;font-weight:300;color:var(--txt3);padding:0 .5rem;}
@media(max-width:700px){.vs-divider{transform:rotate(90deg);padding:.5rem 0;}}

/* Do/Don't extension cable */
.dodont{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem;}
@media(max-width:700px){.dodont{grid-template-columns:1fr;}}
.dodont-card{background:var(--card2);border:2px solid;border-radius:1.2rem;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;}
.dodont-card.bad{border-color:var(--danger-b);}
.dodont-card.good{border-color:var(--ok-b);}
.dodont-card::before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;border-radius:0 1.2rem 0 60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;padding-top:.3rem;padding-right:.6rem;}
.dodont-card.bad::before{content:"✕";background:var(--danger-b);color:#fff;}
.dodont-card.good::before{content:"✓";background:var(--ok-b);color:#fff;}
.dodont-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(0,0,0,.2);}
.dodont-svg{width:100%;height:160px;display:block;}
.dodont-card h4{font-size:1.05rem;font-weight:700;margin:1rem 0 .5rem;}
.dodont-card.bad h4{color:var(--danger-t);}
.dodont-card.good h4{color:var(--ok-t);}
.dodont-card p{font-size:.88rem;color:var(--txt2);line-height:1.5;}
.dodont-card p strong{color:var(--txt);}

/* Cost comparison cards */
.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem;}
.cost-card{background:var(--card2);border:1px solid var(--brd);border-radius:1rem;padding:1.3rem;transition:all .3s ease;position:relative;overflow:hidden;}
.cost-card::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;}
.cost-card.mono-16::after{background:#94a3b8;}
.cost-card.mono-32::after{background:#3b82f6;}
.cost-card.tri-16::after{background:#f97316;}
.cost-card.tri-32::after{background:#dc2626;}
.cost-card:hover{transform:translateY(-3px);border-color:var(--info-b);}
.cost-card .cost-head{font-size:.9rem;font-weight:700;color:var(--txt);margin-bottom:.2rem;}
.cost-card .cost-sub{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--txt3);letter-spacing:.04em;margin-bottom:1rem;}
.cost-value{font-size:2rem;font-weight:800;background:var(--h1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:.5rem 0;}
.cost-value small{font-size:.85rem;color:var(--txt3);font-weight:500;-webkit-text-fill-color:var(--txt3);}
.cost-breakdown{display:grid;grid-template-columns:1fr auto;gap:.4rem;font-size:.82rem;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--brd2);font-family:'JetBrains Mono',monospace;}
.cost-breakdown div:nth-child(odd){color:var(--txt3);}
.cost-breakdown div:nth-child(even){color:var(--txt);font-weight:700;text-align:right;}
.price-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.3rem;flex-wrap:wrap;padding:.8rem;background:var(--card2);border:1px solid var(--brd);border-radius:1rem;}
.price-chip{font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.4rem .9rem;background:var(--card);border:1px solid var(--brd);border-radius:40px;color:var(--txt);font-weight:600;}
.price-chip strong{color:var(--pill-t);}

/* Charging time bar chart */
.time-chart{background:var(--card2);border:1px solid var(--brd);border-radius:1.2rem;padding:1.5rem 1.3rem;margin-bottom:2rem;}
.time-chart-title{font-size:1rem;font-weight:700;color:var(--txt);margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;}
.time-bar-row{display:grid;grid-template-columns:130px 1fr 90px;gap:.8rem;align-items:center;margin-bottom:.8rem;}
.time-bar-label{font-size:.82rem;font-weight:700;color:var(--txt2);}
.time-bar-track{height:28px;background:var(--card);border:1px solid var(--brd);border-radius:6px;overflow:hidden;position:relative;}
.time-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:.8rem;color:#fff;font-size:.78rem;font-weight:700;font-family:'JetBrains Mono',monospace;transition:width 1s ease;}
.time-bar-fill.b1{background:linear-gradient(90deg,#64748b,#475569);width:100%;}
.time-bar-fill.b2{background:linear-gradient(90deg,#3b82f6,#1e40af);width:50.3%;}
.time-bar-fill.b3{background:linear-gradient(90deg,#f97316,#c2410c);width:33.1%;}
.time-bar-fill.b4{background:linear-gradient(90deg,#dc2626,#991b1b);width:16.6%;}
.time-bar-val{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;color:var(--txt);text-align:right;}
@media(max-width:700px){.time-bar-row{grid-template-columns:1fr;gap:.3rem;}.time-bar-val{text-align:left;}}

/* Cost explainer box */
.cost-formula{background:var(--info);border-left:4px solid var(--info-b);border-radius:8px;padding:1rem 1.3rem;margin-bottom:1.2rem;font-size:.9rem;color:var(--info-t);}
.cost-formula strong{color:var(--txt);font-weight:700;}
.cost-formula code{font-family:'JetBrains Mono',monospace;background:var(--card);padding:.15rem .5rem;border-radius:5px;font-weight:700;color:var(--pill-t);border:1px solid var(--brd);}

@media(max-width:900px){
  .stat-item{border-right:none;border-bottom:1px solid var(--brd);}
  .stat-item:last-child{border-bottom:none;}
}
@media(max-width:700px){
  .container{padding:1.5rem 1rem;}
  .title-section h1{font-size:1.6rem;}
  .hero-power{font-size:1.9rem;}
  thead th,tbody td{padding:.65rem .7rem;font-size:.82rem;}
  .fire-grid{grid-template-columns:1fr;text-align:center;}
  .fire-icon{margin:0 auto;}
}