/* DAILY4: a warm, visible cultural break. All styles stay inside .dc1-root. */
.dc1-root {
    --dc1-ink: #173b40;
    --dc1-muted: #536970;
    --dc1-border: #d8e8e5;
    --dc1-paper: #fff;
    --dc1-soft: #edf7f4;
    --dc1-brand: #08746e;
    --dc1-gold: #d7a238;
    --dc1-focus: #8b6415;
    color: var(--dc1-ink);
    font-family: inherit;
    direction: rtl;
    font-size: .94rem;
    line-height: 1.9;
    box-sizing: border-box;
}
.dc1-root * { box-sizing: border-box; }
.dc1-root[hidden] { display: none !important; }
.dc1-widget { max-width: 1120px; margin: 1.25rem auto; padding: 0 1rem; }
.dc1-widget.dc1-widget--contained { width: 100%; max-width: none; margin: 0 0 1.5rem; padding: 0; grid-column: 1 / -1; flex: 0 0 100%; position: relative; }
.dc1-page { max-width: 1050px; margin: 0 auto; padding: 1.5rem 1rem 2.5rem; }
.dc1-root .dc1-page-head { margin-bottom: 1.5rem; }
.dc1-root .dc1-page-head h1 { font-size: clamp(1.45rem, 3.5vw, 2rem); font-weight: 800; margin: .35rem 0; }
.dc1-root .dc1-page-head p { color: var(--dc1-muted); margin: 0; max-width: 740px; }
.dc1-root .dc1-kicker { color: var(--dc1-brand); font-size: .75rem; font-weight: 800; letter-spacing: .01em; }
.dc1-root .dc1-page-nav, .dc1-root .dc1-actions, .dc1-root .dc1-reactions, .dc1-root .dc1-heading { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.dc1-root .dc1-page-nav { margin-top: 1rem; }
.dc1-root .dc1-card { background: var(--dc1-paper); border: 1px solid var(--dc1-border); border-radius: 1rem; padding: 1.15rem; margin-bottom: 1rem; min-width: 0; }
.dc1-root .dc1-heading { justify-content: space-between; margin-bottom: .55rem; }
.dc1-root .dc1-heading h2, .dc1-root .dc1-card h2, .dc1-root .dc1-card h3 { font-size: 1.1rem; font-weight: 800; margin: 0; }
.dc1-root .dc1-subtitle, .dc1-root .dc1-source, .dc1-root .dc1-date { color: var(--dc1-muted); font-size: .75rem; }
.dc1-root .dc1-body, .dc1-root .dc1-question, .dc1-root .dc1-explanation-text { margin: .5rem 0 .9rem; overflow-wrap: anywhere; white-space: pre-line; }
.dc1-root .dc1-body { font-size: 1rem; }
.dc1-root .dc1-fact-main { border-inline-start: 4px solid var(--dc1-brand); }
.dc1-root .dc1-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.dc1-root .dc1-fact-grid .dc1-card { margin: 0; display: flex; flex-direction: column; }
.dc1-root .dc1-fact-grid .dc1-body { flex: 1; }
.dc1-root .dc1-button { border: 1px solid transparent; background: var(--dc1-brand); color: white !important; text-decoration: none !important; font: inherit; font-size: .8rem; font-weight: 700; line-height: 1.5; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .6rem .85rem; border-radius: .65rem; cursor: pointer; max-width: 100%; overflow-wrap: anywhere; }
.dc1-root .dc1-button--quiet { background: var(--dc1-soft); border-color: var(--dc1-border); color: var(--dc1-ink) !important; }
.dc1-root .dc1-button--icon { min-width: 44px; padding: .4rem .6rem; }
.dc1-root .dc1-button[disabled] { cursor: default; opacity: .6; }
.dc1-root .dc1-button[aria-pressed=true] { border-color: var(--dc1-brand); background: #d7efea; color: #065f59 !important; opacity: 1; }
.dc1-root .dc1-button:focus-visible, .dc1-root a:focus-visible { outline: 3px solid var(--dc1-focus); outline-offset: 3px; }
.dc1-root .dc1-reactions { margin-top: .7rem; }
.dc1-root .dc1-reactions .dc1-button { min-height: 44px; font-size: .75rem; }
.dc1-root .dc1-source { margin-top: .35rem; display: block; overflow-wrap: anywhere; }
.dc1-root .dc1-count { font-size: .7rem; color: var(--dc1-muted); min-width: 1ch; }
.dc1-root .dc1-options { display: grid; gap: .6rem; margin: 1rem 0; }
.dc1-root .dc1-option { width: 100%; justify-content: flex-start; text-align: right; background: var(--dc1-soft); border: 1px solid var(--dc1-border); color: var(--dc1-ink) !important; white-space: normal; }
.dc1-root .dc1-option-marker { flex: 0 0 1.8rem; width: 1.8rem; height: 1.8rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--dc1-paper); font-size: .7rem; }
.dc1-root .dc1-option--chosen { border-color: var(--dc1-brand); opacity: 1 !important; }
.dc1-root .dc1-option--correct { background: #eef9f1; border-color: #acd7b9; color: #17633a !important; opacity: 1 !important; }
.dc1-root .dc1-option--wrong { background: #fff1f1; border-color: #efb8b8; color: #9b3838 !important; opacity: 1 !important; }
.dc1-root .dc1-feedback { padding: .7rem .85rem; border-radius: .65rem; margin: .6rem 0; background: var(--dc1-soft); font-size: .85rem; }
.dc1-root .dc1-feedback--correct { background: #eef9f1; color: #17633a; }
.dc1-root .dc1-feedback--wrong { background: #fff1f1; color: #9b3838; }
.dc1-root .dc1-difficulty { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: .9rem 0 .2rem; font-size: .75rem; }
.dc1-root .dc1-difficulty .dc1-button { font-size: .75rem; padding: .4rem .7rem; }
.dc1-root .dc1-image { display: block; max-width: 100%; max-height: 330px; object-fit: contain; margin: .8rem auto; border-radius: .65rem; }
.dc1-root .dc1-notice, .dc1-root .dc1-loading, .dc1-root .dc1-tomorrow { background: var(--dc1-soft); border: 1px solid var(--dc1-border); border-radius: .75rem; padding: .9rem; color: var(--dc1-muted); font-size: .85rem; }
.dc1-root .dc1-notice[role=alert] { color: #934729; }
.dc1-root .dc1-tomorrow { text-align: center; font-weight: 700; margin-top: 1.5rem; }
.dc1-root .dc1-dismiss { margin-inline-start: auto; }
.dc1-root .dc1-archive-list { display: grid; gap: .7rem; }
.dc1-root .dc1-archive-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .8rem; }
.dc1-root .dc1-archive-row h2 { font-size: .95rem; }
.dc1-root .dc1-archive-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.dc1-root .dc1-more-title { font-size: 1.1rem; font-weight: 800; margin: 1.5rem 0 .8rem; }
.dc1-root .dc1-error-actions { margin-top: .65rem; }

/* A distinct card, with a warm gold edge and a quiet geometric flourish. */
.dc1-widget .dc1-card--spotlight {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #b9dcd4;
    border-inline-start: 5px solid var(--dc1-gold);
    border-radius: 1.25rem;
    padding: 1.2rem 1.4rem;
    margin-bottom: .4rem;
    background: linear-gradient(120deg, #f7fcfa 0%, #e9f7f2 70%, #fff7df 100%);
    box-shadow: 0 8px 24px rgba(9, 97, 88, .07);
}
.dc1-widget .dc1-card--spotlight::before {
    content: '';
    position: absolute;
    width: 11rem;
    height: 11rem;
    inset-inline-end: -5rem;
    top: -6rem;
    border: 18px double rgba(215, 162, 56, .13);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}
.dc1-root .dc1-entertainment-label { display: inline-flex; align-items: center; max-width: 100%; padding: .15rem .65rem; margin-bottom: .5rem; border: 1px solid rgba(8, 116, 110, .15); border-radius: 999px; background: rgba(255, 255, 255, .7); color: #07655f; font-size: .72rem; font-weight: 800; overflow-wrap: anywhere; }
.dc1-widget .dc1-heading { margin-bottom: .25rem; }
.dc1-widget .dc1-heading h2, .dc1-widget .dc1-riddle h2 { font-size: 1.17rem; color: #075f59; }
.dc1-widget .dc1-heading .dc1-subtitle { font-size: .7rem; border-radius: 999px; padding: .1rem .55rem; background: rgba(255, 255, 255, .75); }
.dc1-widget .dc1-body, .dc1-widget .dc1-question { font-size: 1.02rem; line-height: 1.9; margin-top: .4rem; margin-bottom: .7rem; }
.dc1-widget .dc1-reactions { display: inline-flex; margin-top: .65rem; margin-inline-end: .7rem; }
.dc1-widget .dc1-fact-main > .dc1-actions { display: inline-flex; margin-top: .65rem; vertical-align: top; }
.dc1-widget .dc1-reactions .dc1-button--quiet { background: rgba(255, 255, 255, .82); }
.dc1-widget .dc1-content > .dc1-actions { padding: 0 .25rem; gap: .5rem; }
.dc1-widget .dc1-dismiss { background: transparent; border-color: transparent; font-size: .7rem; padding: .2rem .4rem; }
.dc1-widget .dc1-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: .8rem 0; }
.dc1-widget .dc1-option { font-size: .78rem; padding: .5rem .65rem; background: rgba(255, 255, 255, .84); }
.dc1-widget .dc1-option--correct { background: #e5f6e9; }
.dc1-widget .dc1-option--wrong { background: #fff1f1; }

.dark .dc1-root { --dc1-ink: #e5f3ee; --dc1-muted: #afc4bf; --dc1-border: #345650; --dc1-paper: #18332f; --dc1-soft: #203e38; --dc1-brand: #41b6a3; --dc1-focus: #e1b650; }
.dark .dc1-root .dc1-button:not(.dc1-button--quiet):not(.dc1-option) { background: #08746e; }
.dark .dc1-root .dc1-button[aria-pressed=true] { background: #244f43; color: #bdf2df !important; }
.dark .dc1-root .dc1-option--correct, .dark .dc1-root .dc1-feedback--correct { background: #193b2c; color: #b4f1cb !important; border-color: #317752; }
.dark .dc1-root .dc1-option--wrong, .dark .dc1-root .dc1-feedback--wrong { background: #45262b; color: #ffc7c7 !important; border-color: #83434c; }
.dark .dc1-root .dc1-notice[role=alert] { color: #f3c7a3; }
.dark .dc1-widget .dc1-card--spotlight { background: linear-gradient(120deg, #17342f 0%, #21443b 75%, #443923 100%); border-color: #426c5e; border-inline-start-color: #d7a238; }
.dark .dc1-root .dc1-entertainment-label { background: #24493f; border-color: #4a7163; color: #caecd9; }
.dark .dc1-widget .dc1-heading h2, .dark .dc1-widget .dc1-riddle h2 { color: #d3f0df; }
.dark .dc1-widget .dc1-heading .dc1-subtitle { background: #24493f; }
.dark .dc1-widget .dc1-reactions .dc1-button--quiet, .dark .dc1-widget .dc1-option { background: #24493f; }
.dark .dc1-widget .dc1-option--correct { background: #193b2c; }
.dark .dc1-widget .dc1-option--wrong { background: #45262b; }
@media (max-width: 620px) {
    .dc1-root .dc1-fact-grid { grid-template-columns: 1fr; }
    .dc1-page { padding: 1rem .75rem 2rem; }
    .dc1-widget { padding: 0 .75rem; margin: 1rem auto; }
    .dc1-root .dc1-card { padding: .9rem; }
    .dc1-widget .dc1-card--spotlight { padding: .95rem 1rem; border-radius: 1rem; }
    .dc1-root .dc1-body { font-size: .93rem; }
    .dc1-widget .dc1-body, .dc1-widget .dc1-question { font-size: .94rem; }
    .dc1-root .dc1-actions { align-items: stretch; }
    .dc1-root .dc1-actions > .dc1-button:not(.dc1-dismiss) { flex: 1; }
    .dc1-widget .dc1-fact-main > .dc1-actions { display: flex; margin-top: .75rem; }
    .dc1-widget .dc1-reactions { display: flex; margin-inline-end: 0; }
    .dc1-root .dc1-archive-row { align-items: flex-start; }
    .dc1-root .dc1-archive-actions { width: 100%; }
}
@media (max-width: 480px) { .dc1-widget .dc1-options { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: no-preference) { .dc1-root .dc1-button { transition: background-color .15s, border-color .15s; } }