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

.true-tone-guide.article-page { opacity: 1 !important; transform: none !important; }
.true-tone-guide .quick-reference { align-items: stretch; }
.true-tone-guide .article-hero .quick-reference { grid-template-columns: 155px 1fr; }
.true-tone-guide .article-hero .quick-reference > img { display: block; height: 100%; object-fit: cover; }
.true-tone-guide .quick-reference > div { max-height: 540px; overflow: auto; }
.true-tone-guide .article-prose > h2 { scroll-margin-top: 112px; }
.true-tone-guide .article-prose > h2:not(:first-of-type) { margin-top: 76px; padding-top: 10px; border-top: 1px solid var(--color-line); }
.true-tone-guide .article-prose > p { max-width: 760px; }
.true-tone-guide .article-figure { margin-top: 24px; }
.true-tone-guide .article-figure img { min-height: 230px; }
.true-tone-guide .info-card-grid { margin-bottom: 28px; }
.true-tone-guide .article-callout { margin-bottom: 26px; }
.true-tone-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) { .true-tone-guide .article-hero .quick-reference { grid-template-columns: 1fr; } .true-tone-guide .article-hero .quick-reference > img { height: auto; max-height: 300px; } .true-tone-guide .article-prose > h2:not(:first-of-type) { margin-top: 56px; } .true-tone-guide .article-figure img { min-height: 185px; } }