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

:root {
    --color-primary: #234A91;
    --color-primary-dark: #17366f;
    --color-cta: #234A91;
    --color-cta-hover: #17366f;
}

.iphone-13-refurbished-guide.article-page,
.iphone-13-refurbished-guide.article-page > * {
    opacity: 1 !important;
    transform: none !important;
}

.iphone-13-refurbished-guide .quick-reference {
    background: #f1f5fc;
}

.iphone-13-refurbished-guide .quick-reference h2,
.iphone-13-refurbished-guide .article-prose h3 {
    color: var(--color-primary);
}

.iphone-13-refurbished-guide .definition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iphone-13-refurbished-guide .definition-grid article {
    padding: 26px;
}

.iphone-13-refurbished-guide .definition-grid ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 20px;
    color: var(--color-muted);
}

.iphone-13-refurbished-guide .article-callout {
    color: var(--color-muted);
}

.iphone-13-refurbished-guide .buyer-notes {
    margin-bottom: clamp(48px, 8vw, 86px);
    padding: clamp(26px, 5vw, 48px);
    border-radius: 24px;
    background: var(--color-soft);
}

.iphone-13-refurbished-guide .buyer-notes .article-visual {
    height: clamp(220px, 30vw, 340px);
    margin-bottom: 28px;
}

.iphone-13-refurbished-guide .buyer-notes > p:not(.eyebrow) {
    max-width: 860px;
    margin-bottom: 15px;
}

.iphone-13-refurbished-guide .article-form--compact {
    max-width: 760px;
    margin: 34px auto 0;
}

/* The shared quote dialog is also opened from article CTAs. Keep it centered. */
.quote-dialog {
    position: fixed;
    inset: 0;
    width: min(920px, calc(100% - 32px));
    height: fit-content;
    max-height: calc(100dvh - 32px);
    margin: auto;
}

@media (max-width: 620px) {
    .iphone-13-refurbished-guide .definition-grid { grid-template-columns: 1fr; }
}