/* Auto illustrations use the established yellow, white and black palette. */
.auto-premium{--ink:#20211f;--yellow:#ffc431;--paper:#faf9f5}
.auto-hero{background:#fff7df;padding-bottom:65px}
.auto-hero .hero-grid{grid-template-columns:1fr 1.05fr;gap:48px}
.auto-hero h1{font-size:clamp(34px,3.6vw,51px);line-height:1.12;letter-spacing:-1.7px}
.auto-hero h1 em{font-style:normal;color:#20211f}
.auto-hero .hero-visual img{height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px 80px 18px 18px}
.auto-hero .hero-visual{padding-bottom:28px}
.auto-hero .image-caption{bottom:0;right:20px;box-shadow:0 8px 25px #20211f14}
.auto-hero .lead{font-size:18px}
.hero-secondary{display:block;width:fit-content;margin-top:18px;text-decoration:underline;text-underline-offset:5px;font-weight:600;font-size:15px}
.auto-premium .journey-note{font-size:14px}
.page-summary{gap:12px;padding:22px 0}
.page-summary a{padding:8px 13px;background:#f5f5f1;border-radius:25px}
.page-summary a:hover{background:#ffedb5}
.formula-grid article{border-radius:16px;border-top:4px solid #dedfd8;padding:30px}
.formula-grid article:nth-child(2){border-top-color:#eeb534}
.formula-grid .formula-featured{border-top-color:#20211f!important;background:#fff3cb}
.formula-grid h3{font-size:30px}
.visual-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-bottom:38px}
.visual-heading .section-heading{margin-bottom:0}
.auto-art{margin:0;overflow:hidden;border-radius:16px 64px 16px 16px;background:#ffbe18}
.auto-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.auto-premium .editorial-grid{gap:20px}
.auto-premium .editorial-grid article{padding:24px;border:1px solid var(--line);border-radius:12px}
.auto-premium .editorial-grid h3{margin-top:0}
.auto-premium #profils{background:#20211f;color:#fff}
.auto-premium #profils h2,.auto-premium #profils h3{color:#fff}
.auto-premium #profils .eyebrow{color:#ffcf50}
.auto-premium #profils .two-grid article{padding:25px;border:1px solid #ffffff30;border-radius:12px}
.auto-premium #profils .two-grid p{color:#e1e2dc}
.auto-premium #profils .text-link{color:#ffcf50}
.auto-premium .quote-art{max-width:420px;margin-bottom:28px;border-radius:16px 16px 60px 16px}
.auto-premium .method{align-items:center;gap:65px}
.auto-premium .auto-change{background:#20211f;border-top:5px solid var(--yellow);border-radius:16px}
.auto-premium .auto-change .eyebrow{color:#ffcf50}
.auto-premium .auto-change p,.auto-premium .auto-change h2,.auto-premium .auto-change h3{color:#fff}
.auto-premium .source-note{font-size:14px}
.auto-premium .guide-links a{transition:background .15s;border-radius:12px;align-items:center;min-height:80px}
.mobile-quote{display:none}
@media(max-width:1000px){.auto-hero .hero-grid{gap:30px}.visual-heading{gap:30px}.auto-premium .method{gap:35px}.formula-grid article{padding:22px}}
@media(max-width:760px){.auto-premium .wrap{width:calc(100% - 36px)}.auto-hero{padding-bottom:35px}.auto-hero .hero-grid,.visual-heading{grid-template-columns:1fr}.auto-hero h1{font-size:36px;letter-spacing:-1.2px}.auto-hero .lead{font-size:16px}.auto-hero .hero-visual img{height:auto;aspect-ratio:3/2}.auto-hero .hero-visual{padding-bottom:22px}.auto-hero .image-caption{font-size:13px;right:10px;padding:14px 18px}.auto-hero .button{width:100%}.page-summary{justify-content:flex-start;gap:9px}.page-summary a{font-size:14px;padding:8px 12px}.visual-heading{gap:24px}.auto-art{border-radius:12px 45px 12px 12px}.auto-premium .method{grid-template-columns:1fr}.auto-premium .quote-art{max-width:none}.auto-premium .source-note{font-size:13px}.auto-premium .auto-change{padding:30px 24px}.mobile-quote{position:fixed;bottom:0;left:0;right:0;z-index:30;display:block;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e2e5e2}.mobile-quote .button{width:100%;font-size:15px;padding:14px 12px}.auto-premium{padding-bottom:86px}.auto-premium .formula-grid{grid-template-columns:1fr}.auto-premium .bonus{grid-template-columns:1fr}.auto-premium .hero-secondary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.auto-premium{scroll-behavior:auto}.auto-premium .guide-links a{transition:none}}

/* Contextual guide links remain legible on both light and dark sections. */
.auto-premium a.context-link{color:#715100;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}
.auto-premium a.context-link:hover{color:#20211f;text-decoration-thickness:2px}
.auto-premium #profils a.context-link,.auto-premium .auto-change a.context-link{color:#ffcf50}
.auto-premium #profils a.context-link:hover,.auto-premium .auto-change a.context-link:hover{color:#fff}