/* ── Surfaces ──────────────────────────────────────── */
.dico-bg             { background: #0C1321; }
.dico-card           { background: #151B2A; }
.dico-card:hover     { background: #19202E; }
.dico-surface-high   { background: #232A39; }
.dico-surface-dark   { background: #0F1726; }
.dico-surface-lowest { background: #070E1C; }

/* ── Boutons principaux ────────────────────────────── */
.dico-btn-primary            { background: linear-gradient(135deg, #ffb690 0%, #f97316 100%); color: #341100; }
.dico-btn-primary:hover      { opacity: .9; }

/* ── Progress bar ──────────────────────────────────── */
.dico-progress { background: linear-gradient(to right, #ffb690, #f97316); box-shadow: 0 0 12px rgba(249,115,22,.35); }

/* ── Stat widget ───────────────────────────────────── */
.dico-stat               { background: #232A39; }
.dico-stat-accent        { background: #232A39; border-left: 4px solid #ffb690; }
.dico-stat-label         { color: #B9C7E0; font-size: .625rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }

/* ── Quiz choices ──────────────────────────────────── */
.dico-choice             { background: #232A39; border: 1px solid transparent; transition: background .2s, border-color .2s; }
.dico-choice:hover       { background: #2E3544; border-color: rgba(255,182,144,.5); }
.dico-choice-letter      { background: #070E1C; color: #B9C7E0; transition: color .2s; }
.dico-choice:hover .dico-choice-letter { color: #ffb690; }
.dico-choice-correct     { background: rgba(34,197,94,.1) !important; border-color: rgba(34,197,94,.5) !important; }
.dico-choice-wrong       { background: rgba(239,68,68,.1)  !important; border-color: rgba(239,68,68,.5)  !important; }

/* ── Level badge ───────────────────────────────────── */
.dico-level-badge        { background: rgba(255,182,144,.2); border: 1px solid rgba(255,182,144,.3); color: #ffb690; }

/* ── Richtext définition ───────────────────────────── */
.dico-richtext p        { font-size: .9375rem; line-height: 2; color: #cbd5e1; margin-bottom: 1rem; }
.dico-richtext strong   { font-weight: 800; color: #f1f5f9; }
.dico-richtext em       { font-style: normal; font-weight: 700; color: #fcd34d; }
.dico-richtext h2       { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.25rem; font-weight: 800; color: #fff; margin: 2rem 0 .75rem; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: .5rem; }
.dico-richtext h3       { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.1rem; font-weight: 800; color: #fff; margin: 1.5rem 0 .5rem; }
.dico-richtext ul       { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.dico-richtext ol       { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.dico-richtext li       { font-size: .9375rem; line-height: 1.8; color: #cbd5e1; margin-bottom: .35rem; }
.dico-richtext a        { font-weight: 700; color: #fb923c; text-decoration: underline; }

/* ── Show layout (mobile-first) ───────────────────── */
.dico-show-layout       { display: flex; flex-direction: column; gap: 2.5rem; }
.dico-show-main         { min-width: 0; }
.dico-show-aside        { width: 100%; }
@media (min-width: 1024px) {
    .dico-show-layout   { flex-direction: row; align-items: flex-start; gap: 3rem; }
    .dico-show-main     { flex: 1; }
    .dico-show-aside    { width: 340px; flex-shrink: 0; }
}

/* ── Image terme (aspect-video fallback) ───────────── */
.dico-term-image        { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; border-radius: 1rem; }
.dico-term-image img    { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dico-term-image-overlay{ position: absolute; inset: 0; background: linear-gradient(to top, rgba(12,19,33,.6), transparent); }

/* ── Related terms hover ───────────────────────────── */
.dico-term-link         { background: #0F1726; border: 1px solid rgba(255,255,255,.06); }
.dico-term-link:hover   { background: #2E3544; border-color: rgba(249,115,22,.25); }
.dico-aside-card        { background: #232A39; border: 1px solid rgba(255,255,255,.08); }
.dico-aside-stats       { background: #0C1321; border: 1px solid rgba(255,255,255,.05); }

/* ── Quiz layout ───────────────────────────────────── */
.quiz-layout-full        { display: block; }
.quiz-layout-split       { display: flex; align-items: flex-start; gap: 2rem; }
.quiz-image-col          { flex-shrink: 0; width: 38%; }
.quiz-question-col       { flex: 1; min-width: 0; }
@media (max-width: 1023px) {
    .quiz-layout-split   { display: block; }
    .quiz-image-col      { width: 100%; margin-bottom: 2rem; }
}