.ytf-activity {
    max-width: 900px;
    margin: 20px auto;
    font-family: inherit;
    color: #111;
}
.ytf-list { display: grid; gap: 14px; }
.ytf-statement {
    border: 1px solid #ddd;
    padding: 18px;
    border-radius: 8px;
    background: #fff;
}
.ytf-statement-number { font-weight: 700; margin-bottom: 8px; color: #111; }
.ytf-statement-text { color: #111; font-size: 16px; line-height: 1.55; margin-bottom: 14px; }
.ytf-actions { display: flex; gap: 10px; }
.ytf-choice {
    background: #fff;
    color: #111;
    border: 1px solid #aaa;
    border-radius: 6px;
    padding: 9px 18px;
    cursor: pointer;
    font-weight: 600;
}
.ytf-choice.selected { border-color: #111; background: #f0f0f0; }
.ytf-choice:disabled { cursor: default; opacity: .75; }
.ytf-result { margin-top: 10px; font-weight: 700; }
.ytf-statement.result-correct { border-color: #35a853; background: #f4fff5; }
.ytf-statement.result-wrong { border-color: #d93025; background: #fff5f5; }
.ytf-statement.result-unanswered { border-color: #aaa; background: #f7f7f7; }
.ytf-statement.result-wrong .ytf-result { color: #b42318; }
.ytf-statement.result-correct .ytf-result { color: #188038; }
.ytf-footer { display:flex; align-items:center; gap:14px; margin-top:18px; }
.ytf-live-score { margin-right:auto; color:#111; }
.ytf-submit, .ytf-reset {
    border: 0; border-radius: 6px; padding: 10px 18px; cursor: pointer;
}
.ytf-submit { background:#111; color:#fff; }
.ytf-reset { background:#eee; color:#111; }
.ytf-submit:disabled { opacity:.6; cursor:default; }
.ytf-final { margin-top:18px; }
.ytf-score-card {
    display:flex; flex-wrap:wrap; gap:18px; align-items:center;
    padding:18px; border:1px solid #ddd; border-radius:8px; background:#fafafa; color:#111;
}
.ytf-score-card strong { font-size:20px; margin-right:10px; }
@media (max-width: 700px) {
    .ytf-row { grid-template-columns: 35px 1fr; }
    .ytf-row select, .ytf-row button { grid-column: 2; }
}