/* Practice (/practice): builds on daily-quiz.css; every rule is scoped under .prc */
.prc-back { margin: 0 0 4px; font-size: 13px; }
.prc-back a { color: #2952cc; font-weight: 600; text-decoration: none; }
.prc-mist { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fff; border: 1px solid #e3e8f0; border-left: 4px solid #d14343; border-radius: 12px; padding: 14px 16px; margin: 12px 0; color: #1d2433; text-decoration: none; }
.prc-mist span { color: #5b6578; font-size: 14px; text-align: right; }
.prc-mist:hover { border-color: #d14343; }
.prc-guest { margin: 0 0 14px; }
.prc-guest a { color: #2952cc; font-weight: 600; }
.prc-sec { margin-top: 22px; }
.prc-sec h2 { font-size: 17px; margin: 0 0 10px; }
.prc-topics { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.prc-topic { display: block; background: #fff; border: 1px solid #e3e8f0; border-radius: 10px; padding: 11px 14px; color: #1d2433; text-decoration: none; min-width: 0; }
.prc-topic:hover { border-color: #9fb4ea; background: #f8faff; }
.prc-topic:focus-visible, .prc-mist:focus-visible { outline: 2px solid #2952cc; outline-offset: 2px; }
.prc-topic b { display: block; font-size: 14.5px; line-height: 1.35; }
.prc-topic span { display: block; color: #5b6578; font-size: 12.5px; margin-top: 3px; }
.prc-topic.mixed { background: #eef3ff; border-color: #c9d5f5; }
.prc-progress { margin-top: 14px; font-size: 14px; color: #4a5468; text-align: center; }
.prc-done { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #fff; border: 1px solid #e3e8f0; border-radius: 12px; padding: 14px 16px; margin: 14px 0; }
.prc-done b { font-size: 24px; color: #2952cc; }
.prc-done span { color: #5b6578; font-size: 14px; flex: 1; }
.prc-done[hidden], .prc-progress[hidden], .prc .dqz-exp[hidden] { display: none; }
.prc-empty { background: #fff; border: 1px solid #e3e8f0; border-radius: 12px; padding: 20px; margin-top: 12px; }
.prc-empty p { margin: 0 0 8px; }
.prc-err { color: #b02f2f; font-size: 13px; margin-top: 8px; }
.prc .dqz-q.is-locked label.dqz-opt { cursor: default; }
.prc .dqz-q.is-locked label.dqz-opt:hover { border-color: #dfe5ef; background: #fff; }
.prc .dqz-q.is-locked label.dqz-opt.right:hover { border-color: #1e9e57; background: #ecf9f1; }
.prc .dqz-q.is-locked label.dqz-opt.wrong:hover { border-color: #d14343; background: #fdeeee; }
/* the quiz's "selected" style must not hide the verdict */
.prc label.dqz-opt.wrong:has(input:checked) { border-color: #d14343; background: #fdeeee; }
.prc label.dqz-opt.wrong:has(input:checked) .dqz-l { background: #d14343; border-color: #d14343; color: #fff; }
.prc label.dqz-opt.right:has(input:checked) { border-color: #1e9e57; background: #ecf9f1; }
.prc label.dqz-opt.right:has(input:checked) .dqz-l { background: #1e9e57; border-color: #1e9e57; color: #fff; }
.prc .dqz-q legend::after, .prc .dqz-q fieldset::after { content: none !important; display: none !important; }
.prc-repf { display: grid; gap: 8px; margin-top: 8px; }
.prc-repf label { display: grid; gap: 4px; }
.prc-repf select, .prc-repf textarea { font: inherit; border: 1px solid #cfd7e6; border-radius: 6px; padding: 6px 8px; }
.prc-repf .dqz-btn { justify-self: start; padding: 6px 12px; font-size: 13px; }