[data-licensing-practice] [hidden] { display: none !important; }
.quiz-question-block { margin: 0 0 24px; padding: 18px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 12px; scroll-margin-top: 90px; }
.quiz-question-block h3 { margin: 0 0 14px; font-size: 17px; line-height: 1.55; color: #0f172a; }
.quiz-options { display: grid; gap: 10px; }
.quiz-option-btn { box-sizing: border-box; width: 100%; min-height: 44px; padding: 12px 14px; border: 1px solid #94a3b8; border-radius: 8px; background: white; color: #334155; font: inherit; font-size: 16px; line-height: 1.5; text-align: left; cursor: pointer; }
.quiz-option-btn[aria-disabled="true"] { cursor: default; }
.quiz-option-btn.quiz-correct { background: #dcfce7; border: 2px solid #15803d; color: #14532d; }
.quiz-option-btn.quiz-incorrect { background: #fee2e2; border: 2px solid #b91c1c; color: #7f1d1d; }
.quiz-answer-status { font-weight: 700; line-height: 1.5; color: #0f172a; }
.quiz-answer-status:empty { display: none; }
.quiz-explanation { padding: 2px 16px; border-left: 4px solid #0f766e; background: white; color: #334155; line-height: 1.65; overflow-wrap: anywhere; }
.quiz-explanation a, .quiz-sources a, .quiz-faq a, #quiz-score-banner a { color: #0f766e; text-decoration: underline; text-underline-offset: 3px; }
.quiz-option-btn:focus-visible, [data-licensing-practice] a:focus-visible, #quiz-score-banner:focus-visible { outline: 3px solid #0f766e; outline-offset: 4px; }
#quiz-progress { color: #334155; font-size: 15px; }
#quiz-score-banner { margin-top: 32px; padding: 24px; border: 2px solid #0f766e; border-radius: 16px; background: white; color: #334155; line-height: 1.65; scroll-margin-top: 90px; }
#quiz-score-banner h2, #quiz-score-banner h3 { color: #0f172a; line-height: 1.35; }
#quiz-badge { color: #0f766e; font-weight: 700; }
.quiz-next-step { padding: 18px; background: #f0fdfa; border-radius: 12px; }
.quiz-next-links { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.quiz-next-links a { display: inline-flex; align-items: center; min-height: 44px; }
#quiz-score-banner .quiz-course-link { padding: 12px 16px; border-radius: 8px; background: #0f766e; color: white; font-weight: 700; text-decoration: none; }
.quiz-sources, .quiz-faq { margin: 32px 0; color: #334155; line-height: 1.65; }
.quiz-sources h2, .quiz-faq h2, .quiz-faq h3 { color: #0f172a; line-height: 1.4; }
.quiz-faq h3 { font-size: 18px; margin-bottom: 8px; }
@media (max-width: 480px) { #quiz-score-banner { padding: 16px; } .quiz-question-block { padding: 14px; } }
/* Result tools (2026-09-28): score-band advice, copy/print, calendar file. */
[data-practice-extras][hidden], [data-practice-extras] [hidden], [data-result-tools] [hidden], [data-score-advice][hidden] { display: none !important; }
.quiz-advice { margin: 16px 0; padding: 16px 18px; border-left: 4px solid #0f766e; background: #f8fafc; border-radius: 8px; }
.quiz-advice h3 { margin: 0 0 8px; font-size: 18px; }
.quiz-advice p { margin: 0 0 8px; }
.quiz-result-tools { margin-top: 20px; padding: 18px; border: 1px solid #cbd5e1; border-radius: 12px; background: #ffffff; color: #334155; line-height: 1.6; }
.quiz-result-tools h3 { margin: 0 0 10px; font-size: 18px; color: #0f172a; }
.quiz-tool-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 12px; }
.quiz-tool-btn { min-height: 44px; padding: 10px 16px; border: 1px solid #0f766e; border-radius: 8px; background: #ffffff; color: #0f766e; font: inherit; font-weight: 700; cursor: pointer; }
.quiz-tool-btn:hover { background: #f0fdfa; }
.quiz-tool-btn:focus-visible, .quiz-calendar input:focus-visible, [data-result-copy-text]:focus-visible { outline: 3px solid #0f766e; outline-offset: 3px; }
[data-result-copy-text] { box-sizing: border-box; width: 100%; margin: 0 0 12px; padding: 10px; border: 1px solid #94a3b8; border-radius: 8px; font: inherit; font-size: 15px; }
.quiz-calendar { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; }
.quiz-calendar label { display: block; margin: 8px 0 4px; font-weight: 700; color: #0f172a; }
.quiz-calendar-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.quiz-calendar input { min-height: 44px; padding: 8px 12px; border: 1px solid #94a3b8; border-radius: 8px; font: inherit; font-size: 16px; color: #0f172a; background: #ffffff; }
.quiz-calendar input[aria-invalid="true"] { border: 2px solid #b91c1c; }
.quiz-tools-status { margin: 12px 0 0; font-weight: 700; color: #0f172a; }
.quiz-tools-status:empty { display: none; }
@media print {
  html.oc-print-result body * { visibility: hidden !important; }
  html.oc-print-result [data-practice-result], html.oc-print-result [data-practice-result] * { visibility: visible !important; }
  html.oc-print-result [data-practice-result] { position: absolute; left: 0; top: 0; width: 100%; margin: 0; border: 0; box-shadow: none; }
  html.oc-print-result [data-practice-result] .quiz-tool-buttons, html.oc-print-result [data-practice-result] .quiz-calendar, html.oc-print-result [data-practice-result] .quiz-tools-status, html.oc-print-result [data-practice-result] [data-result-copy-text] { display: none !important; }
  html.oc-print-result [data-practice-result] a { color: #000000; }
  html.oc-print-result [data-practice-result] a[href^="/"]::after { content: " (www.kurs.ing" attr(href) ")"; font-size: 12px; }
}