/* Hub / article pages (Chargers & Power etc.) – builds on niverse.css tokens */
.crumbs{font-size:.85rem;color:var(--muted);padding:22px 0 0}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--amber)}.crumbs span{margin:0 8px;opacity:.5}
.page-hero{padding:34px 0 48px;background:radial-gradient(800px 360px at 90% -20%,rgba(255,176,32,.18),transparent 60%),radial-gradient(600px 300px at 0% 120%,rgba(0,212,255,.12),transparent 60%),var(--navy-900);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.1rem);margin:12px 0 14px;max-width:820px}
.page-hero .lead{font-size:1.1rem;color:var(--muted);max-width:720px}
.meta{margin-top:18px;font-size:.82rem;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.meta b{color:#fff;font-weight:600}
.article{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding:48px 20px 70px;align-items:start}
.prose{max-width:760px;min-width:0;font-size:1.04rem}
.prose h2{font-size:1.65rem;margin:44px 0 12px;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.2rem;margin:26px 0 8px;scroll-margin-top:90px}
.prose p{margin:0 0 16px;color:#cbd5e1}
.prose ul,.prose ol{margin:0 0 18px 22px;color:#cbd5e1}
.prose li{margin-bottom:8px}
.prose a{color:var(--amber);border-bottom:1px solid rgba(255,176,32,.35)}
.prose a:hover{border-color:var(--amber)}
.prose strong{color:#fff}
.prose code,.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.formula{display:block;margin:18px 0;padding:16px 18px;border-radius:12px;background:var(--navy-900);border:1px solid var(--line);color:var(--amber);font-size:1rem;overflow-x:auto}
.callout{margin:22px 0;padding:18px 20px;border-radius:14px;border:1px solid rgba(0,212,255,.35);background:rgba(0,212,255,.07)}
.callout.warn{border-color:rgba(255,176,32,.45);background:rgba(255,176,32,.08)}
.callout b{color:#fff}
.callout p{margin:0;color:#cbd5e1;font-size:.96rem}
.tbl{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:.95rem;display:block;overflow-x:auto}
.tbl th,.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tbl th{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:var(--navy-900)}
.tbl td{color:#cbd5e1}.tbl td:first-child{color:#fff;font-weight:600}
.toc{position:sticky;top:90px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.toc h4{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.toc ol{list-style:none;display:grid;gap:9px;font-size:.9rem}
.toc a{color:var(--muted)}.toc a:hover{color:#fff}
.toc .btn{margin-top:16px;width:100%;justify-content:center;font-size:.88rem;padding:10px 14px}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;padding:16px 0;font-weight:700;color:#fff;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--amber);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px;color:#cbd5e1}
.sources{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);margin-top:40px;padding-top:18px}
.sources a{color:var(--muted);border-bottom:1px dotted var(--muted)}
.cardlink{display:block}
.card.soon{opacity:.7}
.card.soon:hover{transform:none;border-color:var(--line);box-shadow:none}
/* Calculator */
.calc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:40px 20px 70px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.panel h2{font-size:1.2rem;margin-bottom:4px}
.panel .sub{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.devs{display:grid;gap:8px}
.dev{display:grid;grid-template-columns:24px minmax(0,1fr) 84px 74px;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--navy-800)}
.dev.on{border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.05)}
.dev input[type=checkbox]{width:18px;height:18px;accent-color:#ffb020}
.dev .nm{font-weight:600;font-size:.95rem}
.dev .nm small{display:block;color:var(--muted);font-weight:400;font-size:.76rem}
.dev input[type=number],.num{width:100%;padding:8px 8px;border-radius:8px;border:1px solid var(--line);background:var(--navy-900);color:#fff;font:inherit;font-size:.9rem}
.dev-head{display:grid;grid-template-columns:24px minmax(0,1fr) 84px 74px;gap:10px;padding:0 12px 6px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.opts label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.results{position:sticky;top:90px}
.res-big{font-size:2.3rem;font-weight:800;color:var(--amber);line-height:1.1}
.res-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.93rem;color:#cbd5e1}
.res-row b{color:#fff;text-align:right}
.res-note{font-size:.8rem;color:var(--muted);margin-top:14px}
.addrow{margin-top:12px;display:flex;gap:8px}
.tagline{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(0,212,255,.12);color:var(--cyan);margin-bottom:10px}
@media(max-width:960px){.article,.calc{grid-template-columns:minmax(0,1fr)}.toc,.results{position:static}.toc{order:-1}}
@media(max-width:560px){.dev,.dev-head{grid-template-columns:22px minmax(0,1fr) 70px 62px;gap:8px}.opts{grid-template-columns:1fr}}
.toc a.btn{color:#1a1204;border:0}.toc a.btn:hover{color:#1a1204}