:root{
  --navy:#14324A;--navy-dark:#0E2434;--electric-blue:#2477D4;--blue-soft:#EAF3FF;--charging-green:#2F8F5B;--mint:#EAF7F0;--road-gray:#F5F7FA;--card:#FFFFFF;--text:#18212B;--muted:#5C6875;--border:#D9E3EA;--amber:#E2A63B;--warning-bg:#FFF4D6;--shadow:0 18px 45px rgba(20,50,74,.12);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--road-gray);color:var(--text);line-height:1.62}a{color:#125fb6;text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:#0c477f}.page-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.narrow{max-width:880px}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.75rem;z-index:99}.skip-link:focus{left:1rem;top:1rem}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.12)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.88rem 0}.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.brand:hover{color:#fff}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--electric-blue),var(--charging-green));display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.brand-mark svg{width:34px;height:34px;fill:#fff}.brand strong{display:block;font-size:1.04rem}.brand small{display:block;color:#c9d7e2;font-size:.82rem}.site-nav{display:flex;flex-wrap:wrap;gap:.25rem}.nav-link{color:#eaf2f8;text-decoration:none;padding:.55rem .75rem;border-radius:999px;font-weight:650}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.13);color:#fff}.home-hero,.page-hero{background:linear-gradient(135deg,#eff8ff 0%,#fff 55%,#eaf7f0 100%);border-bottom:1px solid var(--border)}.home-hero-grid,.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:2rem;align-items:center;padding:4rem 0}.page-hero .hero-grid{padding:3rem 0}h1,h2,h3{line-height:1.17;margin:0 0 .75rem;color:#132739}h1{font-size:clamp(2.15rem,5vw,4.8rem);letter-spacing:-.055em}h2{font-size:clamp(1.45rem,2.3vw,2.05rem)}h3{font-size:1.16rem}.lead{font-size:clamp(1.08rem,2vw,1.33rem);color:#3f5060;max-width:760px}.eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--charging-green);font-size:.82rem;margin:0 0 .6rem}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;background:var(--electric-blue);color:#fff;text-decoration:none;font-weight:800;padding:.82rem 1.1rem;cursor:pointer;box-shadow:0 8px 20px rgba(36,119,212,.25)}.button:hover{background:#155da8;color:#fff}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--border);box-shadow:none}.button.secondary:hover{background:#f2f6fa;color:#0c477f}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}.hero-panel,.quick-estimator{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.hero-panel strong{display:block;font-size:1.1rem;margin-bottom:.35rem}.content-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;margin:1.2rem 0;box-shadow:0 8px 24px rgba(20,50,74,.06)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.content-main{min-width:0}.content-side{position:sticky;top:92px}.side-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;margin:1.2rem 0}.side-card ul{padding-left:1.1rem;margin:.5rem 0}.side-link{display:block;padding:.55rem 0;border-bottom:1px solid var(--border);text-decoration:none}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.category-grid,.feature-grid,.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tool-tile,.category-card,.feature,.mini-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.tool-tile span,.mini-card span{display:inline-block;color:var(--charging-green);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.tool-tile h3 a,.mini-card h3 a{color:var(--navy);text-decoration:none}.tool-tile h3 a:hover,.mini-card h3 a:hover{text-decoration:underline}.split-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:1.25rem;align-items:center}.diagram-card{background:linear-gradient(135deg,var(--blue-soft),#fff);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.diagram-card svg{width:100%;height:auto}.diagram-card rect,.diagram-card circle{fill:#fff;stroke:#2477D4;stroke-width:3}.diagram-card path{stroke:#2F8F5B;stroke-width:5;fill:none;stroke-linecap:round}.diagram-card text{font-size:23px;fill:#14324A;font-weight:800}.tool-card{background:#fff;border:2px solid #c7d9e8;border-radius:22px;padding:1rem;margin:1.2rem 0;box-shadow:var(--shadow)}.tool-card-head{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.85rem;margin-bottom:1rem}.tool-badge{background:var(--mint);color:#145331;font-weight:800;border-radius:999px;padding:.45rem .7rem;white-space:nowrap}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.calc-field label{display:block;font-weight:760;margin-bottom:.2rem}.calc-field input,.calc-field select{width:100%;padding:.72rem .8rem;border:1px solid #bccbd7;border-radius:12px;font:inherit;background:#fff}.calc-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.result-box{margin-top:1rem;background:var(--mint);border:1px solid #b8ddc6;border-radius:14px;padding:1rem}.result-main{font-size:1.45rem;font-weight:900;color:#145331}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.result-grid div{background:#fff;border:1px solid rgba(47,143,91,.22);border-radius:12px;padding:.7rem}.result-grid span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.notice,.source-box{background:var(--warning-bg);border-color:#e7c773}.source-box{border-radius:var(--radius);padding:1.2rem;margin:1.2rem 0}.check-list li{margin:.35rem 0}.check-list li::marker{color:var(--charging-green)}.checklist-panel ul{list-style:none;padding:0;margin:0}.checklist-panel li{border:1px solid var(--border);border-radius:12px;margin:.55rem 0;padding:.65rem;background:#fbfcfd}.checklist-panel input{width:1.1rem;height:1.1rem;vertical-align:middle}.breadcrumbs{font-size:.92rem;margin:1rem 0;color:var(--muted)}.breadcrumbs ol{display:flex;gap:.45rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li:not(:last-child)::after{content:'›';margin-left:.45rem;color:#8a98a5}.glossary-list{display:grid;grid-template-columns:220px 1fr;gap:.8rem 1rem}.glossary-list dt{font-weight:900;color:var(--navy)}.glossary-list dd{margin:0}.sitemap-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sitemap-columns section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.site-footer{background:var(--navy-dark);color:#eaf2f8;margin-top:2rem;padding:2rem 0 1rem}.site-footer a{display:block;color:#eaf2f8;text-decoration:none;margin:.25rem 0}.site-footer a:hover{text-decoration:underline}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem}.site-footer h2{font-size:1rem;color:#fff}.fineprint{border-top:1px solid rgba(255,255,255,.18);margin-top:1rem;padding-top:1rem;color:#c5d2dc;font-size:.92rem}.external-note{font-size:.92rem;color:var(--muted)}
@media (max-width: 980px){.home-hero-grid,.hero-grid,.two-col,.split-panel{grid-template-columns:1fr}.content-side{position:static}.tool-grid,.category-grid,.feature-grid,.mini-grid,.footer-grid,.sitemap-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{position:static}.topbar{align-items:flex-start;flex-direction:column}.site-nav{width:100%}.nav-link{padding:.45rem .62rem}.result-grid{grid-template-columns:1fr}}
@media (max-width:640px){.page-wrap{width:min(100% - 22px,1180px)}.home-hero-grid,.hero-grid{padding:2.4rem 0}.tool-grid,.category-grid,.feature-grid,.mini-grid,.footer-grid,.sitemap-columns,.calc-grid,.glossary-list{grid-template-columns:1fr}.tool-card-head{display:block}.tool-badge{display:inline-block;margin-top:.5rem}h1{font-size:2.25rem}.content-section,.tool-card,.side-card{padding:1rem;border-radius:14px}.brand small{display:none}.hero-actions .button{width:100%}}
@media print{.site-header,.site-footer,.hero-actions,.button,.source-box{display:none!important}body{background:#fff}.content-section,.tool-card,.side-card{box-shadow:none;border-color:#999}.two-col{display:block}.content-side{position:static}}