/* ============================================================
   CYMOTHOE · daily.css
   Page-specific rules only — shared design system lives in common.css
   ============================================================ */
/* ---- category badges (one per Learning sheet) ---- */
.cat-badge{margin-bottom:.9rem}
.cat-badge--boats{background:rgba(28,100,136,.14);color:var(--cyan)}
.cat-badge--navigation{background:rgba(85,99,106,.14);color:var(--ink-dim)}
.cat-badge--safety{background:rgba(178,58,46,.14);color:var(--danger)}
.cat-badge--weather{background:rgba(28,100,136,.14);color:var(--cyan)}
.cat-badge--anchors{background:rgba(151,103,26,.16);color:var(--brass)}
/* ---- daily card (question) ---- */
.quiz-card{border:1px solid var(--bp-line-strong);border-radius:var(--r);background:linear-gradient(180deg,var(--bp-panel),var(--bp-deep-2));padding:1.4rem;max-width:64ch}
.quiz-q{font-size:1.1rem;color:var(--ink);margin-bottom:1rem;font-weight:500}
.quiz-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.9rem}
.quiz-option{text-align:left;font-family:var(--font-body);font-size:.92rem;color:var(--ink);background:rgba(255,255,255,.7);border:1px solid var(--bp-line-strong);border-radius:var(--r);padding:.6rem .8rem;cursor:pointer;transition:.15s}
.quiz-option:hover:not(:disabled){border-color:var(--cyan)}
.quiz-option:disabled{cursor:default}
.quiz-option.is-correct{border-color:var(--ok);background:rgba(61,122,80,.14);color:var(--ok)}
.quiz-option.is-wrong{border-color:var(--danger);background:rgba(178,58,46,.12);color:var(--danger)}
.quiz-feedback{min-height:1.6rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem}
.quiz-feedback__ok{color:var(--ok);font-weight:600}
.quiz-feedback__no{color:var(--danger)}
.daily-next{flex-basis:100%;color:var(--ink-dim);margin:.4rem 0 0}
.daily-next a{text-decoration:underline}
.daily-explain{flex-basis:100%;color:var(--ink);margin:.4rem 0 0}