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