@import url("iphone-battery-health.css");

.screen-replacement-guide.article-page { opacity: 1 !important; transform: none !important; }
.screen-replacement-guide .article-hero .quick-reference { grid-template-columns: 155px minmax(0, 1fr); align-items: stretch; }
.screen-replacement-guide .article-hero .quick-reference > img { display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; }
.screen-replacement-guide .quick-reference > div { max-height: 540px; overflow: auto; }
.screen-replacement-guide .article-prose > h2 { scroll-margin-top: 112px; }
.screen-replacement-guide .article-prose > h2:not(:first-of-type) { margin-top: 76px; padding-top: 10px; border-top: 1px solid var(--color-line); }
.screen-replacement-guide .article-prose > h3 { color: #234A91; margin-top: 34px; }
.screen-replacement-guide .article-figure { margin-top: 24px; }
.screen-replacement-guide .article-figure img { min-height: 230px; }
.screen-replacement-guide .article-callout { margin: 22px 0 26px; border-left-color: #234A91; }
.screen-replacement-guide .article-footer { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: 28px; align-items: center; }
.screen-replacement-guide .article-footer img { width: 100%; height: 190px; object-fit: cover; border-radius: 12px; }
.screen-replacement-guide .quote-dialog { position: fixed; inset: 0; width: min(920px, calc(100% - 32px)); height: fit-content; max-height: calc(100dvh - 32px); margin: auto; transform: none; }
@media (max-width: 620px) { .screen-replacement-guide .article-hero .quick-reference { grid-template-columns: 1fr; } .screen-replacement-guide .article-hero .quick-reference > img { height: auto; max-height: 300px; } .screen-replacement-guide .article-prose > h2:not(:first-of-type) { margin-top: 56px; } .screen-replacement-guide .article-figure img { min-height: 185px; } .screen-replacement-guide .article-footer { grid-template-columns: 1fr; } }