.battery-page{--battery-navy:#071d36;--battery-blue:#1267e8;--battery-teal:#18b8b0;--battery-line:#d4e1e9;--battery-copy:#5c7183;background:#edf3f6;color:#15314a}
.battery-page section{padding:72px clamp(24px,6vw,92px)}
.battery-page .battery-kicker{margin:0 0 12px;color:#2de1d4;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.battery-page .battery-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);gap:0;align-items:stretch;padding:0;background:linear-gradient(135deg,#06182e,#0b4050);color:#fff}
.battery-page .battery-hero>div{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,4.5vw,74px)}
.battery-page .battery-hero h2{margin:0;font-size:clamp(44px,5.4vw,76px);line-height:1.08;letter-spacing:-.045em}
.battery-page .battery-hero .battery-subtitle{margin:25px 0 12px;color:#fff;font-size:20px;font-weight:700;line-height:1.55}
.battery-page .battery-hero p:not(.battery-kicker):not(.battery-subtitle){margin:0;color:#c9dce4;font-size:14px;line-height:1.9}
.battery-page .battery-hero figure{display:flex;align-items:center;margin:0;padding:28px;background:#092a47}
.battery-page .battery-hero img{display:block;width:100%;max-height:520px;object-fit:contain}
.battery-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.battery-tags span{padding:8px 11px;border:1px solid rgba(82,239,224,.35);color:#dffdf9;font-size:11px}
.battery-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);gap:42px;align-items:end;margin-bottom:30px}.battery-section-head h3{margin:0;color:#102e49;font-size:clamp(30px,3.8vw,51px);line-height:1.16}.battery-section-head>p{margin:0;color:var(--battery-copy);font-size:14px;line-height:1.85}
.battery-overview{background:#fff}.battery-lifecycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--battery-line);list-style:none}.battery-lifecycle li{position:relative;min-height:184px;padding:24px 18px;border-right:1px solid var(--battery-line)}.battery-lifecycle li:last-child{border-right:0}.battery-lifecycle b,.battery-lifecycle strong,.battery-lifecycle span{display:block}.battery-lifecycle b{color:var(--battery-teal);font-size:11px}.battery-lifecycle strong{margin:31px 0 10px;color:#173850;font-size:16px}.battery-lifecycle span{color:#667b8d;font-size:11px;line-height:1.65}
.battery-challenges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--battery-line);border-left:1px solid var(--battery-line)}.battery-challenges article{min-height:210px;padding:27px;border-right:1px solid var(--battery-line);border-bottom:1px solid var(--battery-line);background:#fff}.battery-challenges small{color:var(--battery-teal);font-weight:800}.battery-challenges h4{margin:34px 0 12px;font-size:19px}.battery-challenges p{margin:0;color:var(--battery-copy);font-size:12px;line-height:1.75}
.battery-gallery{background:#061c35;color:#fff}.battery-gallery .battery-section-head h3{color:#fff}.battery-gallery .battery-section-head>p{color:#bad0dc}.battery-figure{margin:0;border:1px solid rgba(255,255,255,.18);background:#082845}.battery-figure img{display:block;width:100%;height:auto;object-fit:contain;background:#07385e}.battery-figure figcaption{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:24px;padding:20px 24px}.battery-figure figcaption b{color:#fff}.battery-figure figcaption span{color:#bcd0db;font-size:12px;line-height:1.75}.battery-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.battery-gallery-grid .battery-figure img{aspect-ratio:2.05/1}.battery-gallery-grid .battery-figure:last-child{grid-column:1/-1}.battery-gallery-grid .battery-figure:last-child img{aspect-ratio:2.28/1}
.battery-capabilities{background:#fff}.battery-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--battery-line);border-left:1px solid var(--battery-line)}.battery-capability-grid article{min-height:230px;padding:28px;border-right:1px solid var(--battery-line);border-bottom:1px solid var(--battery-line)}.battery-capability-grid b{display:block;color:var(--battery-teal);font-size:11px}.battery-capability-grid h4{margin:32px 0 11px;color:#153650;font-size:19px}.battery-capability-grid p{margin:0;color:var(--battery-copy);font-size:12px;line-height:1.75}
.battery-thread{background:#0a3152;color:#fff}.battery-thread .battery-section-head h3{color:#fff}.battery-thread .battery-section-head>p{color:#c0d3de}.battery-thread-figure{margin:0}.battery-thread-figure img{display:block;width:100%;height:auto}.battery-thread-figure figcaption{padding:14px 0;color:#b9ccd8;font-size:12px;line-height:1.7}
.battery-systems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border:1px solid rgba(255,255,255,.2)}.battery-systems article{padding:25px;border-right:1px solid rgba(255,255,255,.2)}.battery-systems article:last-child{border-right:0}.battery-systems b,.battery-systems strong,.battery-systems span{display:block}.battery-systems b{color:#52efe0;font-size:11px}.battery-systems strong{margin:25px 0 10px}.battery-systems span{color:#b9ccd8;font-size:12px;line-height:1.7}
.battery-roadmap ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--battery-line);list-style:none}.battery-roadmap li{padding:27px;border-right:1px solid var(--battery-line);background:#fff}.battery-roadmap li:last-child{border-right:0}.battery-roadmap b,.battery-roadmap strong,.battery-roadmap span{display:block}.battery-roadmap b{color:var(--battery-blue);font-size:11px}.battery-roadmap strong{margin:28px 0 10px}.battery-roadmap span{color:var(--battery-copy);font-size:12px;line-height:1.7}
.battery-sources{background:#fff}.battery-sources ul{margin:0;padding:0;border-top:1px solid var(--battery-line);list-style:none}.battery-sources li{display:grid;grid-template-columns:180px 1fr auto;gap:22px;align-items:center;padding:19px 0;border-bottom:1px solid var(--battery-line)}.battery-sources b{color:#087f89;font-size:10px}.battery-sources span{color:#526c80;font-size:12px;line-height:1.65}.battery-sources a{color:#1267e8;font-size:11px;font-weight:700;white-space:nowrap}.battery-note{margin:25px 0 0;padding:18px 20px;background:#e9f1f5;color:#61788a;font-size:11px;line-height:1.75}
.battery-faq details{border-bottom:1px solid var(--battery-line);background:#fff}.battery-faq summary{padding:20px 24px;color:#163650;font-weight:700;cursor:pointer}.battery-faq details p{margin:0;padding:0 24px 22px;color:var(--battery-copy);font-size:13px;line-height:1.8}
@media(max-width:1100px){.battery-page .battery-hero{grid-template-columns:1fr}.battery-page .battery-hero figure{max-height:none}.battery-lifecycle{grid-template-columns:repeat(4,1fr)}.battery-lifecycle li{border-bottom:1px solid var(--battery-line)}.battery-challenges,.battery-capability-grid{grid-template-columns:repeat(2,1fr)}.battery-systems,.battery-roadmap ol{grid-template-columns:repeat(2,1fr)}.battery-systems article:nth-child(2),.battery-roadmap li:nth-child(2){border-right:0}}
@media(max-width:760px){.battery-page section{padding:56px 22px}.battery-page .battery-hero{padding:0}.battery-page .battery-hero>div{padding:52px 22px}.battery-page .battery-hero h2{font-size:40px}.battery-page .battery-hero figure{padding:18px}.battery-section-head{grid-template-columns:1fr;gap:16px}.battery-lifecycle,.battery-challenges,.battery-capability-grid,.battery-gallery-grid,.battery-systems,.battery-roadmap ol{grid-template-columns:1fr}.battery-lifecycle li,.battery-challenges article,.battery-capability-grid article,.battery-systems article,.battery-roadmap li{min-height:0;border-right:0;border-bottom:1px solid var(--battery-line)}.battery-gallery-grid .battery-figure:last-child{grid-column:auto}.battery-gallery-grid .battery-figure img,.battery-gallery-grid .battery-figure:last-child img{aspect-ratio:auto}.battery-figure figcaption{grid-template-columns:1fr;gap:8px}.battery-sources li{grid-template-columns:1fr;gap:7px}.battery-sources a{white-space:normal}}

/* Desktop reference-image composition: enlarge the first image and move the former right image down. */
.battery-gallery-grid .battery-figure:first-child{grid-column:1/-1;grid-row:1}
.battery-gallery-grid .battery-figure:first-child img{aspect-ratio:2/1}
.battery-gallery-grid .battery-figure:nth-child(2){grid-column:2;grid-row:2}
.battery-gallery-grid .battery-figure:nth-child(3){grid-column:1;grid-row:2}
.battery-gallery-grid .battery-figure:nth-child(2) img,.battery-gallery-grid .battery-figure:nth-child(3) img{aspect-ratio:2.05/1}
.battery-gallery-grid .battery-figure:last-child{grid-column:1/-1;grid-row:3}

@media(max-width:760px){
  .battery-gallery-grid .battery-figure:first-child,.battery-gallery-grid .battery-figure:nth-child(2),.battery-gallery-grid .battery-figure:nth-child(3),.battery-gallery-grid .battery-figure:last-child{grid-column:auto;grid-row:auto}
  .battery-gallery-grid .battery-figure img,.battery-gallery-grid .battery-figure:first-child img,.battery-gallery-grid .battery-figure:last-child img{aspect-ratio:auto}
}

/* Improve readability of the official-source cards and reference note. */
.battery-sources .battery-section-head>p{font-size:16px;line-height:1.9}
.battery-sources li b{font-size:12px}
.battery-sources li span{font-size:16px;line-height:1.8}
.battery-sources li a{font-size:13px}
.battery-sources .battery-note{font-size:14px;line-height:1.9}

@media(max-width:760px){
  .battery-sources .battery-section-head>p{font-size:15px}
  .battery-sources li span{font-size:15px}
  .battery-sources .battery-note{font-size:13px}
}