/* The quick answer box on notes pages (scripts/lib/quick-answers.mjs writes
   it). Course colour from --cink/--ctint and surfaces from theme.css, like
   the video block, so it follows every course and both themes. Round 2 of
   the redesign (mockup S12): a soft tinted card, no side stripe, the answer
   in bigger type because it is the one paragraph most readers came for. */
.qa-box{
  margin:0 0 24px;padding:18px 22px 20px;
  border:1px solid color-mix(in srgb,var(--cink,var(--accent)) 22%,transparent);
  border-radius:18px;background:var(--ctint,var(--white));
}
.qa-box .qa-k{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:900 12.5px/1.3 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--cink,var(--accent-text));}
.qa-box .qa-k::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;}
.qa-box .qa-q{margin:0 0 8px;font:900 clamp(18px,2.4vw,21px)/1.3 'Inter Display',var(--font-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;}
.qa-box .qa-a{margin:0;font:600 17px/1.6 var(--font-ui);color:var(--ink);overflow-wrap:anywhere;}
@media print{.qa-box{border-color:#999;background:none;}}