/* v2.15 Daily quiz + "What we know" brief. Uses the site's theme variables so light/dark/premium themes just work. */
.quiz .notice,.notice{background:var(--chip);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;margin:12px 0}
.qcard{border:1px solid var(--line);min-width:0}
.qcard legend{padding:0 6px;font-weight:700;max-width:100%}
.qn{display:block;font-size:13px;font-weight:600;color:var(--muted)}
.qprompt{display:block;font-size:17px;line-height:1.35;color:var(--ink)}
.qhead{margin:6px 0 10px;padding:10px 12px;border-inline-start:4px solid var(--brand);background:var(--chip);border-radius:6px;font-family:var(--serif);font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.qopts{display:grid;gap:8px}
.qopt{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;overflow-wrap:anywhere}
.qopt:hover{border-color:var(--brand)}
.qopt input{width:22px;height:22px;flex:none;accent-color:var(--brand)}
.qopt:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);background:var(--chip)}
.qopt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}
.qsubmit{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.qresult h2{margin-top:0}
.qgrid{font-size:30px;letter-spacing:4px;margin:6px 0}
.qstreak{font-size:18px;margin:6px 0}
.qshare{width:100%;box-sizing:border-box;font:15px/1.5 var(--sans);background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;resize:vertical}
.qreview{list-style:none;padding:0;margin:0}
.qreview .card.ok{border-inline-start:5px solid var(--ok)}
.qreview .card.bad{border-inline-start:5px solid var(--brand)}
.qmark{font-weight:900}
.qfact{margin:4px 0 0}
.qarch{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.small-h{font-size:16px;margin:0 0 4px}
/* brief */
.brief-list{list-style:none;padding:0;margin:8px 0}
.brief-list li{padding:10px 0;border-top:1px solid var(--line)}
.brief-list li:first-child{border-top:0}
.brief-text{display:block;font-family:var(--serif);font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.brief-by{display:inline-block;margin-top:2px;color:var(--muted)}
.brief-by a{color:var(--ink);font-weight:700}
.brief-also{display:block}
.brief-new{background:var(--gold);color:#fff}
.brief-meta{margin:0}
.brief-heads{padding-inline-start:18px}
.brief-heads li{margin:6px 0;overflow-wrap:anywhere}
.brief-story{font-family:var(--serif);font-size:19px;margin:0 0 8px}
.brief-list.differ li{border-inline-start:4px solid var(--gold);padding-inline-start:10px}
@media (min-width:640px){.qopts{grid-template-columns:1fr 1fr}}
@media print{.qopt{break-inside:avoid}}