/* BatterySorted brand: palette P4. See /brand/brand-guide.md */
:root{--eucalypt:#1F4D3A;--sun:#F2B33D;--cream:#FBF6EC;--ink:#1B2430;--navy:#1B2F4E;--line:#E4DCCB}
body{font-family:Inter,system-ui,sans-serif;margin:0;background:var(--cream);color:var(--ink);line-height:1.6}
h1,h2,h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;color:var(--eucalypt);line-height:1.2}
a{color:var(--navy)}a:hover{color:var(--eucalypt)}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.site-header .in{max-width:960px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"DM Serif Display",Georgia,serif;font-size:1.6rem;color:var(--ink)}
.logo img{width:40px;height:auto}.logo .wm{font-weight:400}.logo .wm span{color:var(--eucalypt)}
.site-header nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.92rem}.site-header nav a{text-decoration:none;color:var(--ink)}.site-header nav a:hover{color:var(--eucalypt);text-decoration:underline}
.btn{display:inline-block;background:var(--sun);color:var(--ink)!important;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700;margin:6px 8px 0 0}
.btn:hover{filter:brightness(.95)}.btn.ghost{background:transparent;border:2px solid currentColor;color:var(--eucalypt)!important}
.hero{background:var(--eucalypt);color:var(--cream)}.hero h1{color:var(--cream)}.hero a{color:var(--cream)}.hero .btn.ghost{color:var(--cream)!important}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.card h3 a{color:var(--eucalypt);text-decoration:none}
.card.featured{border:2px solid var(--sun)}.price{font-size:1.8rem;font-weight:800;color:var(--eucalypt)}
table{border-collapse:collapse;background:#fff}td,th{border:1px solid var(--line);padding:6px 10px}th{background:var(--eucalypt);color:#fff}
.trust{color:var(--navy);font-weight:600}
footer.site-footer{background:var(--navy);color:#E8ECF3;margin-top:40px}footer.site-footer .in{max-width:960px;margin:auto;padding:22px 20px;font-size:.9rem}footer.site-footer a{color:#fff}
small{color:#4A5563}

/* ===== v2 shared components ===== */
*{box-sizing:border-box}html{scroll-behavior:smooth}img{max-width:100%}
:root{--shadow:0 1px 2px rgba(27,36,48,.06),0 8px 24px rgba(27,36,48,.08);--radius:16px;--euc-dark:#163A2B;--euc-tint:#E6EFE9}
.wrap{max-width:1120px;margin:auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px)}
.site-header .in{max-width:1120px}.site-header .btn{margin:0 0 0 auto;padding:9px 16px;font-size:.92rem}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px}
.btn{border-radius:12px;box-shadow:0 2px 0 rgba(27,36,48,.15);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,36,48,.18);filter:none}
.btn.lg{padding:15px 26px;font-size:1.05rem}.btn.dark{background:var(--eucalypt);color:var(--cream)!important}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eucalypt);background:var(--euc-tint);padding:5px 10px;border-radius:999px}
.hero .eyebrow{background:rgba(251,246,236,.14);color:var(--cream)}
.section{padding:72px 0}.section.alt{background:#fff}.section h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:.3em 0 .4em}
.lead{font-size:1.12rem;max-width:62ch}
.card{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(228,220,203,.8);padding:24px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* page hero for inner pages */
.page-hero{background:linear-gradient(135deg,var(--eucalypt),var(--euc-dark));color:var(--cream);padding:36px 0 30px}
.page-hero .crumb{font-size:.85rem;opacity:.85}.page-hero .crumb a{color:var(--cream)}
.page-hero h1{color:var(--cream);font-size:clamp(1.8rem,4vw,2.6rem);margin:.2em 0 0;max-width:24ch}
main.prose{max-width:780px;margin:auto;padding:36px 20px}main.prose h1:first-child{display:none}
main.prose h2{margin-top:1.6em}main.prose li{margin:.3em 0}main.prose blockquote{border-left:4px solid var(--sun);margin:1em 0;padding:.5em 1em;background:#fff;border-radius:0 12px 12px 0}
main.prose table{width:100%;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:block;overflow-x:auto}
.cta-band{background:radial-gradient(1200px 300px at 80% 0%,rgba(242,179,61,.25),transparent),linear-gradient(135deg,var(--eucalypt),var(--euc-dark));color:var(--cream);border-radius:24px;padding:40px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:40px auto;max-width:1080px}
.cta-band h2{color:var(--cream);margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.cta-band p{margin:.4em 0 0;opacity:.92}
.cta-band .btn.ghost{color:var(--cream)!important}
footer.site-footer .in{max-width:1120px;display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr}footer.site-footer h4{font-family:Inter;margin:0 0 8px;color:#fff;font-size:.95rem}
footer.site-footer ul{list-style:none;margin:0;padding:0}footer.site-footer li{margin:4px 0}footer.site-footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;font-size:.82rem;opacity:.85}
@media (max-width:760px){.site-header nav{display:none}.site-header .in{flex-wrap:nowrap}.logo{font-size:1.35rem}.logo img{width:32px}.section{padding:52px 0}.cta-band{padding:28px;margin:24px 16px}footer.site-footer .in{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}