.home{padding-bottom:calc(var(--site-footer-height,32px) + 16px)}
.home>.legal{position:fixed;inset:auto 0 0;z-index:30;min-height:var(--site-footer-height,32px);background:#f8fbfdf2;backdrop-filter:blur(8px)}
.home-main{width:min(1320px,100%);margin:0 auto;padding:clamp(32px,4.5vh,54px) 48px 36px}
.home-header{display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:center;gap:32px;margin-bottom:32px}
.home-header .wordmark{font-size:34px;letter-spacing:5px;margin:0}
.home-clock,.home-countdown{display:flex;flex-direction:column;gap:7px;font-variant-numeric:tabular-nums}
.home-clock>span,.home-countdown>span{font-size:12px;color:#7b8c9c}
.home-clock time{font-size:30px;font-weight:600;letter-spacing:1px;color:#35536c}
.home-clock small,.home-countdown>a{font-size:12px;color:#8c9aa6}
.countdown-value{display:flex;gap:9px;align-items:baseline;font-size:28px;font-weight:600;letter-spacing:1px;color:#91633d}
.countdown-value small{font-size:13px;font-weight:400;color:#9e8a7a}
.home-main .choice{padding:26px 28px;border-radius:20px}
.home-main .choice h2{font-size:32px;margin:12px 0 8px}
.home-main .choice>div{margin-top:18px;padding-top:12px}
.home-main .choice-icon{font-size:39px;right:26px;top:20px}
.reciprocal-quiz{margin-top:32px}
.quiz-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}
.quiz-heading h2{font-size:17px;font-weight:600;margin:0;letter-spacing:.5px}
.quiz-heading>div{display:flex;align-items:center;gap:15px;color:#8393a0;font-size:13px;font-variant-numeric:tabular-nums}
.quiz-heading button{padding:5px 12px;font-size:12px;background:#ffffffb3}
.reciprocal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reciprocal-card{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;row-gap:4px;padding:12px 15px 8px;background:#ffffffc9;border:1px solid #e0e8ee;border-radius:12px;font-variant-numeric:tabular-nums}
.reciprocal-card label{font-size:15px;font-weight:600;color:#526b80}
.reciprocal-card select{min-width:0;width:100%;padding:5px 7px;background:#f8fafc;border:1px solid #e1e8ef;border-radius:7px;color:#536d82;font-size:13px;cursor:pointer}
.reciprocal-result{grid-column:2;min-height:13px;line-height:13px;font-size:11px;color:#a05f50}
.reciprocal-card.correct{border-color:#bed9cc}.reciprocal-card.correct .reciprocal-result{color:#4c8a6b}
.reciprocal-card.incorrect{border-color:#e5c6be}
@media(max-width:1000px){.home-header{grid-template-columns:.8fr 1fr 1.3fr;gap:18px}.home-header .wordmark{font-size:28px}.home-clock time{font-size:26px}.countdown-value{font-size:24px}.reciprocal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.home-main{padding:24px 20px}.home-header{grid-template-columns:1fr 1.2fr;gap:23px 16px;margin-bottom:22px}.home-header .wordmark{grid-column:1/-1;font-size:30px}.home-clock time{font-size:25px}.countdown-value{font-size:22px;gap:5px}.reciprocal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main .choice{padding:20px 24px}.home-main .choice h2{font-size:29px}.home-main .choice>div{margin-top:15px}.reciprocal-card{padding:10px 12px 6px}}