.home a:focus-visible,.home button:focus-visible,.home select:focus-visible,.home input:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.home h1,.home h2,.home h3{word-break:keep-all;overflow-wrap:anywhere}
.home img{max-width:100%}
@media(prefers-reduced-motion:reduce){.home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
.home .hero{padding:32px 0;background:color-mix(in srgb,var(--c1) 5%,white)}
.home .hero .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-content:center}
.home .hero h1,.home .hero .lede{grid-column:1}
.home .hero h1{font-size:42px;line-height:1.2;letter-spacing:-.05em;align-self:end}
.home .hero .lede{max-width:30em;align-self:start}
.home .hero .pf-img--hero{grid-column:2;grid-row:1/3;margin:0;aspect-ratio:4/3;align-self:center}
.home .hero .pf-img--hero img{width:100%;height:100%;object-fit:cover}
.home .picker.sec{min-height:0;padding:24px;margin-top:24px}
.home .sec{margin-top:36px;margin-bottom:36px}
.home .sec h2{font-size:26px;letter-spacing:-.035em}
.home .home-fee-art{margin:0 -16px 16px;aspect-ratio:16/9;overflow:hidden;border-radius:10px}
.home .home-fee-art img{width:100%;height:100%;object-fit:cover}
.home .stat{overflow:hidden}
.home .home-reading{max-width:none}
.home .home-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.home .home-reading-card{display:block;color:inherit;text-decoration:none}
.home .home-reading-card figure{margin:0 0 16px;aspect-ratio:16/10;overflow:hidden}
.home .home-reading-card img{width:100%;height:100%;object-fit:cover}
.home .home-reading-card h3{font-size:18px;line-height:1.5}
.home .home-reading-card:hover h3{text-decoration:underline}
@media(max-width:760px){.home .hero .wrap{display:flex;flex-direction:column;gap:12px}
.home .hero h1{font-size:30px;align-self:auto}
.home .hero .lede{margin:0 0 8px}
.home .hero .pf-img--hero{height:176px;width:100%}
.home .hero{padding:24px 0}
.home .picker.sec{padding:20px}
.home .home-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home .sec h2{font-size:23px}
}


.home #mgResult{min-height:72px}