/* D211 mockup: homepage typography, open quote lists and white section backgrounds. */
.results-hero{padding:64px 0 72px}
.results-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.results-hero h1{max-width:12ch}
.results-lead.hm-quote-lead{grid-column:auto;margin:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px}
.results-lead .hm-qmark{font-size:88px}
.results-lead blockquote p{font-size:clamp(23px,2vw,29px);line-height:1.35;color:var(--navy)}
.results-lead .hm-who strong,.results-quote .hm-who strong{color:var(--navy)}
.results-lead .hm-who span,.results-quote .hm-who span{color:var(--muted)}
.results-proof .hm-proof-stats{margin-top:28px;justify-content:space-between;padding-bottom:0;border-bottom:0}
.results-proof .hm-proof-stats strong{font-size:clamp(32px,3.4vw,48px)}
.results-group{border-bottom:1px solid var(--line)}
.results-group .hm-head h2{max-width:25ch}
.results-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;margin-top:var(--head-gap)}
.results-quote{min-width:0;margin:0;padding:30px 0;border-top:1px solid var(--line)}
.results-quote-body{margin:0}
.results-quote blockquote{margin:0;font-family:var(--serif);font-size:23px;line-height:1.42;color:var(--navy)}
.results-quote figcaption{margin-top:24px}
.results-quote .hm-who::before{display:none}
.results-teaches{margin-top:18px;font-size:13.5px;line-height:1.65;color:var(--muted)}
.results-teaches a,.hm-faq details a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.results-teaches a:hover,.hm-faq details a:hover{color:var(--orange2)}
.results-group-link{margin-top:8px}
.hm-faq{background:#fff}
.faq-list summary i{background:#fff}
.results-hero .btn{box-shadow:none}
@media(max-width:1000px){
 .results-hero-grid{gap:40px}
 .results-lead.hm-quote-lead{grid-template-columns:24px minmax(0,1fr);gap:12px}
 .results-lead .hm-qmark{font-size:68px}
 .results-quotes{column-gap:40px}
}
@media(max-width:720px){
 .results-hero{padding:36px 0 48px}
 .results-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 .results-hero h1{max-width:16ch}
 .results-lead.hm-quote-lead{display:flex;gap:0}
 .results-lead .hm-qmark{font-size:80px;height:48px}
 .results-lead blockquote p{font-size:25px}
 .results-lead figcaption{margin-top:24px}
 .results-quotes{grid-template-columns:minmax(0,1fr)}
 .results-quote{padding:26px 0}
 .results-quote blockquote{font-size:22px}
 .results-proof .hm-proof-stats strong{font-size:36px}
}
