.fraction-score{display:flex;gap:18px;margin-bottom:13px;color:#64736f;font-size:12px}
.fraction-score b{color:var(--ink);font-size:15px}
.fraction-score [data-streak]{margin-left:auto;color:var(--green);font-weight:650}
.fraction-problem>p:first-child{margin:0;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.fraction-problem h2{font-size:24px;margin:7px 0 15px}
.fraction-answer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 12px}
.fraction-answer label{padding:10px 15px;border:1px solid #d2c5b0;border-radius:10px;background:#f8f5ed;cursor:pointer}
.fraction-answer label:has(input:checked){border-color:var(--green);background:#e4eee8}
.fraction-answer>input{width:150px;padding:11px;border:1px solid #a99c88;border-radius:9px;font-size:18px;text-align:center}
.fraction-check{display:block;margin:auto;padding:10px 26px;border:0;border-radius:10px;background:var(--green);color:white;font-weight:750}
.fraction-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}
.fraction-hint,.fraction-feedback{margin:14px 0 0;padding:13px 15px;border-radius:10px;line-height:1.5}
.fraction-hint{background:#fff0ce;color:#72562b}
.fraction-feedback{background:#e3eee8;color:#285b52}
.fraction-feedback.wrong{background:#f8dfd3;color:#823f2e}
.fraction-practice>header{align-items:flex-start}
.fraction-practice>header>a{align-self:flex-start;min-width:0;min-height:0;white-space:nowrap;background:#fffdf8;box-shadow:0 4px 9px rgba(37,63,57,.08)}
@media(max-width:560px){.fraction-score{flex-wrap:wrap}.fraction-score [data-streak]{margin-left:0;width:100%}}