.between{justify-content:space-between}
.q{display:grid;gap:12px;padding:24px 20px}
.tag{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent)}
.word{margin:6px 0 0;text-align:center;font-size:clamp(48px,14vw,76px);font-weight:700;letter-spacing:.06em;line-height:1.3}
.q>.note{text-align:center}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:420px){.choices{grid-template-columns:minmax(0,1fr)}}
.choices button{font:inherit;font-size:17px;padding:14px 10px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.choices button:hover:not(:disabled){border-color:var(--ink)}
.choices button.ok{border-color:#2F7A4C;background:color-mix(in srgb,#2F7A4C 14%,var(--bg))}
.choices button.ng{border-color:#A3402F;background:color-mix(in srgb,#A3402F 12%,var(--bg))}
.choices button:disabled{cursor:default}
.answer{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:14px}
.answer[hidden]{display:none}
.result{margin:0;font-weight:700;font-size:17px}
.mean{margin:0;color:var(--sub)}
