/* First paint and the page canvas follow the explicit choice. */
html, html[data-theme="dark"] { color-scheme: dark; background: #0E0607; color: #FBEDEE; }
html[data-theme="dark"] body { background-color: #0E0607; color: #FBEDEE; }
html[data-theme="light"] { color-scheme: light; background: #FFF8F6; color: #1A0A0C; }
html[data-theme="light"] body { background-color: #FFF8F6; color: #1A0A0C; }
.mq-page-theme { position: fixed; top: 12px; right: 12px; z-index: 50; display: grid; place-items: center; box-sizing: border-box; width: 44px; height: 44px; padding: 0; border: 1px solid #8A5C64; border-radius: 8px; background: #0E0607; color: #FBEDEE; font: 24px/1 system-ui, sans-serif; cursor: pointer; }
html[data-theme="light"] .mq-page-theme { background: #FFF8F6; color: #1A0A0C; border-color: #A88186; }
.mq-page-theme:focus-visible { outline: 3px solid #FF8796; outline-offset: 3px; }
html[data-theme="light"] .mq-page-theme:focus-visible { outline-color: #B0102A; }
html.report-page[data-theme] body, html.download-page[data-theme] body { padding-top: 72px; }
/* The video canvas and its overlays keep cinema contrast; the surrounding page follows the choice. */
html:has(.jwplayer) .mq-page-theme { display: none; }
html[data-theme="light"] body.mq-blocked { --mq-ink: #1A0A0C; --mq-line: #A88588; background: #FFF8F6; }
html[data-theme="light"] body .mq-blocked__p { color: #5B4549; }
html[data-theme="light"] body .mq-blocked__link:focus-visible { outline-color: #B0102A; }