/* iOutlet Battery Guide — calm Apple-adjacent editorial hub. */
.io-bat-wrap{
  --bat-ink:#1a1c1e; --bat-muted:#5b626a; --bat-faint:#8b9098;
  --bat-bg:#ffffff; --bat-surface:#f6f7f9; --bat-line:#e6e9ed;
  --bat-blue:#235c9f; --bat-blue-bg:#eef5ff; --bat-green:#1f6e3b; --bat-green-bg:#eef7f1;
  --bat-r:14px; --bat-r-sm:10px;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--bat-ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.io-bat-wrap *{box-sizing:border-box}
.io-bat-article{max-width:760px; margin:0 auto; padding:clamp(1.5rem,5vw,3.75rem) 1.15rem}
.io-bat-header{margin:0 0 1.35rem}
.io-bat-wrap h1{
  font-size:clamp(1.75rem,1.35rem + 1.8vw,2.65rem); line-height:1.08;
  letter-spacing:0; font-weight:720; margin:0 0 1.1rem; text-wrap:balance;
}
.io-bat-wrap h2{
  font-size:clamp(1.22rem,1.1rem + .55vw,1.55rem); line-height:1.2;
  letter-spacing:0; font-weight:680; margin:2.15rem 0 .7rem;
}
.io-bat-wrap h3{font-size:1.02rem; line-height:1.3; letter-spacing:0; font-weight:680; margin:1rem 0 .35rem}
.io-bat-wrap p,.io-bat-wrap li{font-size:1rem; line-height:1.68}
.io-bat-wrap p{margin:.65rem 0; color:var(--bat-muted)}
.io-bat-wrap strong{color:var(--bat-ink)}
.io-bat-wrap section{margin:0 0 1.35rem}
.io-bat-wrap ul,.io-bat-wrap ol{padding-left:1.25rem; margin:.65rem 0}
.io-bat-wrap li+li{margin-top:.38rem}

.io-bat-hero{
  background:linear-gradient(180deg,#fff,#f8fafc); border:1px solid var(--bat-line);
  border-radius:var(--bat-r); padding:clamp(1.05rem,3vw,1.45rem);
  box-shadow:0 14px 35px rgba(26,28,30,.06); margin:0 0 1.15rem;
}
.io-bat-hero p:first-child{font-size:1.2rem; line-height:1.35; margin-top:0}
.io-bat-hero p:last-child{font-size:.88rem; color:var(--bat-faint); margin-bottom:0}

.io-bat-facts{
  background:var(--bat-blue-bg); border:1px solid #cfe0f5; border-radius:var(--bat-r);
  padding:1.1rem 1.25rem; margin:1.15rem 0 2rem;
}
.io-bat-facts h2{font-size:1rem; margin:0 0 .55rem; color:var(--bat-blue)}
.io-bat-facts ul{margin:0; color:var(--bat-ink)}
.io-bat-facts li{font-size:.96rem}

.io-bat-cta{
  display:inline-flex; align-items:center; justify-content:center; min-height:42px;
  padding:.68rem 1rem; border-radius:var(--bat-r-sm); background:#1a1c1e; color:#fff;
  font-weight:650; text-decoration:none; transition:background .15s ease, transform .12s ease;
}
.io-bat-cta:hover{background:#000; color:#fff}
.io-bat-cta:active{transform:translateY(1px)}

.io-bat-faq{border-top:1px solid var(--bat-line); padding-top:.4rem}
.io-bat-faq details{border-bottom:1px solid var(--bat-line); padding:.85rem 0}
.io-bat-faq summary{cursor:pointer; font-weight:650; line-height:1.4}
.io-bat-faq details p{margin:.55rem 0 0}

@media (max-width:520px){
  .io-bat-article{padding-left:1rem; padding-right:1rem}
  .io-bat-hero,.io-bat-facts{border-radius:12px}
}