@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --result-forest: #173f2d; --result-dark: #092316; --result-gold: #d3ad43; --result-cream: #faf7f2; --result-text: #5b687a; }
.results-page-body { font-family: 'Outfit', sans-serif; }.results-page-body .main-content { padding-top: 92px; }.results-hero { position: relative; display: grid; min-height: 330px; place-items: center; overflow: hidden; background: var(--result-forest); color: #fff; text-align: center; }.results-hero-copy { position: relative; z-index: 1; }.results-hero-copy p, .results-eyebrow, .results-section-heading p { margin: 0 0 16px; color: var(--result-gold); font-size: .9rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.results-hero h1, .results-section-heading h2 { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-weight: 700; line-height: .98; letter-spacing: -.04em; }.results-hero h1 { font-size: clamp(3.4rem,5vw,5.1rem); }.results-hero h1 em { color: var(--result-gold); font-weight: 600; }.results-hero-orb { position: absolute; width: 250px; height: 250px; border-radius: 50%; background: rgba(211,173,67,.09); }.results-hero-orb-left { left: -120px; bottom: -110px; }.results-hero-orb-right { top: -125px; right: -100px; width: 300px; height: 300px; }
.results-rates-section { padding: clamp(62px,7vw,92px) 0; background: var(--result-dark); }.results-eyebrow { color: rgba(255,255,255,.57); text-align: center; }.results-rates { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(30px,5vw,74px); }.result-rate { display: flex; flex-direction: column; align-items: center; gap: 14px; }.result-ring { position: relative; display: grid; width: 104px; height: 104px; place-items: center; border-radius: 50%; background: conic-gradient(var(--result-gold) calc(var(--result-rate) * 1%), rgba(255,255,255,.16) 0); }.result-ring::before { content: ''; position: absolute; width: 82px; height: 82px; border-radius: 50%; background: var(--result-dark); }.result-ring span { position: relative; z-index: 1; color: #fff; font-family: 'Playfair Display', Georgia, serif; font-size: 1.28rem; font-weight: 700; }.result-rate strong { color: rgba(255,255,255,.62); font-size: .96rem; }
.results-chart-section { padding: clamp(46px,5vw,70px) 0 clamp(75px,9vw,120px); background: var(--result-cream); }.results-section-heading { margin-bottom: 34px; text-align: center; }.results-section-heading p { margin-bottom: 12px; }.results-section-heading h2 { color: var(--result-forest); font-size: clamp(2.65rem,4vw,4rem); }.chart-wrapper { height: 430px; padding: clamp(24px,4vw,38px); border: 1px solid #ebe7dd; border-radius: 18px; background: #fff; box-shadow: 0 2px 5px rgba(23,43,31,.08); }.chart-wrapper h3 { margin: 0 0 22px; color: var(--result-forest); font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; font-weight: 700; }.chart-wrapper canvas { max-height: 330px; }
.results-table-section { padding: clamp(46px,5vw,70px) 0 clamp(75px,9vw,120px); background: #fff; }.results-table-container { overflow-x: auto; border: 1px solid #ebe7dd; border-radius: 18px; background: #fff; box-shadow: 0 2px 5px rgba(23,43,31,.08); }.results-table { width: 100%; min-width: 620px; border-collapse: collapse; }.results-table th { padding: 17px 32px; color: #8e99a8; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-align: left; text-transform: uppercase; }.results-table td { padding: 18px 32px; color: var(--result-text); border-top: 1px solid #f0f0ed; font-size: .98rem; }.results-table td:first-child { color: var(--result-forest); font-family: 'Playfair Display', Georgia, serif; font-weight: 700; }.result-rate-badge { display: inline-block; padding: 5px 12px; border-radius: 999px; color: var(--result-gold); font-size: .88rem; font-weight: 700; }
.results-empty-state { display: grid; min-height: calc(100vh - 250px); place-items: center; padding: 70px 20px; background: var(--result-cream); }.results-empty-card { max-width: 620px; padding: 52px 38px; border-radius: 18px; background: #fff; box-shadow: 0 2px 5px rgba(23,43,31,.1); color: var(--result-text); text-align: center; }.results-empty-card > i { color: var(--result-gold); font-size: 2.4rem; }.results-empty-card h2 { margin: 20px 0 12px; color: var(--result-forest); font-family: 'Playfair Display', Georgia, serif; font-size: 2.4rem; }.results-empty-card p { line-height: 1.7; }.results-empty-card a { display: inline-flex; margin-top: 20px; padding: 13px 22px; border-radius: 999px; background: var(--result-forest); color: #fff; font-weight: 600; text-decoration: none; }
@media (max-width: 575px) { .results-page-body .main-content { padding-top: 80px; }.results-hero { min-height: 290px; }.results-hero h1 { font-size: 3.25rem; }.results-rates { gap: 28px; }.result-ring { width: 88px; height: 88px; }.result-ring::before { width: 70px; height: 70px; }.chart-wrapper { height: 350px; padding: 22px 16px; }.chart-wrapper canvas { max-height: 260px; }.results-table th, .results-table td { padding: 15px 18px; } }

.results-hero h1 { font-size: var(--site-hero-title); }
@media (max-width: 575px) { .results-hero h1 { font-size: 2.8rem; } }
.results-chart-section .results-section-heading h2, .results-table-section .results-section-heading h2 { font-size: clamp(2.2rem, 3vw, 3rem); }
/* Managed by Symfony AssetMapper. */