/* DEJI editorial: battery repairs only, with sourced quality information. */
.deji-intro{margin-bottom:26px}
.deji-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:410px;border-radius:24px;background:#e7f2fb;color:#17283f}
.deji-hero>img{position:absolute;top:0;right:0;width:auto;max-width:none;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 22%);z-index:-2}
.deji-hero:before{content:"";position:absolute;inset:0;background:transparent;z-index:-1}
.deji-hero-copy{padding:42px;width:55%}
.deji-wordmark{font-size:18px;font-weight:800;letter-spacing:.16em;color:#285bdf;display:inline-block;margin-bottom:20px}
.deji-hero h2{font-size:clamp(32px,4vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1.12;margin:0 0 20px}
.deji-hero h2 span{color:#285bdf;font-weight:650}
.deji-hero-copy>p:not(.campaign-kicker){font-size:15px;line-height:1.65;max-width:340px;color:#52677f;margin-bottom:24px}
.deji-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px}
.deji-actions a{color:#285bdf;text-underline-offset:4px}
.deji-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 18px}
.deji-benefits article{border-top:1px solid var(--line);padding-top:18px}
.deji-benefits .deji-number{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.deji-benefits h3{font-size:18px;letter-spacing:-.02em;margin:10px 0}
.deji-benefits p,.deji-copy{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.deji-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0}
.deji-note a,.deji-evidence a{color:var(--ink);text-underline-offset:3px}
.deji-evidence{margin-top:34px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.deji-evidence h3{font-size:26px;letter-spacing:-.025em;line-height:1.2;margin:8px 0 14px}
.deji-evidence .deji-copy{max-width:760px}
.deji-compare{width:100%;border-collapse:collapse;margin:22px 0;font-size:13px;table-layout:fixed}
.deji-compare th,.deji-compare td{padding:16px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.65;overflow-wrap:anywhere}
.deji-compare thead{background:var(--soft)}
.deji-compare th:first-child{width:23%}
.deji-evidence details{border-top:1px solid var(--line);padding:18px 0 4px}
.deji-evidence summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.5}
.deji-evidence details p{font-size:13px;line-height:1.75;color:var(--muted);margin:14px 0 8px}
.deji-sources{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:12px;margin-top:18px}
.deji-story .campaign-story-heading{margin-bottom:18px}
.deji-story{scroll-margin-top:24px}
#deji-hero-title,#deji-comparison{scroll-margin-top:28px}
[data-theme="dark"] .deji-hero{background:#172438;color:#edf3ff}
[data-theme="dark"] .deji-hero:before{background:linear-gradient(90deg,#172438fa 0%,#172438e6 37%,#17243800 78%)}
[data-theme="dark"] .deji-hero h2 span,[data-theme="dark"] .deji-wordmark,[data-theme="dark"] .deji-actions a{color:#91b7ff}
[data-theme="dark"] .deji-hero-copy>p:not(.campaign-kicker){color:#b6c8e1}
@media(max-width:850px){.deji-hero-copy{padding:28px;width:59%}.deji-hero{min-height:380px}.deji-hero:before{background:linear-gradient(90deg,#e7f2fb 0%,#e7f2fbe6 36%,#e7f2fb00 75%)}.deji-benefits{gap:18px}}
@media(max-width:600px){
 .deji-hero{display:block;min-height:0;padding-top:250px;border-radius:20px}
 .deji-hero>img{height:260px;object-fit:contain;object-position:right center;width:auto;left:auto;right:0;mask-image:none}
 .deji-hero:before{inset:0 0 auto;height:270px;background:linear-gradient(0deg,#e7f2fb 0%,#e7f2fb00 38%)}
 .deji-hero-copy{padding:18px 24px 28px;width:100%}
 .deji-wordmark{margin-bottom:12px;font-size:16px}
 .deji-hero h2{font-size:34px}.deji-hero-copy>p:not(.campaign-kicker){font-size:14px}
 .deji-benefits{grid-template-columns:1fr;gap:0;margin-top:22px}
 .deji-benefits article{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding:16px 0}
 .deji-benefits h3{margin:0 0 6px;font-size:17px}.deji-benefits p{grid-column:2}
 .deji-number{padding-top:3px}.deji-evidence{padding:20px 16px;margin-top:24px}.deji-evidence h3{font-size:24px}
 .deji-compare{font-size:12px}.deji-compare th,.deji-compare td{padding:12px 6px}.deji-compare th:first-child{width:25%}
 [data-theme="dark"] .deji-hero:before{background:linear-gradient(0deg,#172438 0%,#17243800 38%)}
}