/* One switch controls the complete page and the refracted scene. */
html[data-theme="dark"]{color-scheme:dark;background:#050505;--ink:#fff;--muted:#fff;--blue:#2424ff;--rule:1px solid var(--blue)}
html[data-theme="light"]{color-scheme:light;background:#fff}
html[data-theme="dark"] body{background:#050505;color:#fff}
html[data-theme="dark"] .jo-glass-study .hero{background:#050505;color:#fff}
html[data-theme="dark"] .statement span,html[data-theme="dark"] mark{color:#000}
html[data-theme="dark"] .skip{background:#050505}
html[data-theme="dark"] .lately-photo{background:#050505}
html[data-theme="dark"] .podcast-announcement{background:#2424ff}
html[data-theme="dark"] .glass-pause{background:#050505;color:#fff}
html[data-theme="dark"] .source-note a{color:var(--blue)}
html[data-theme="dark"] .publication-brand img[src$="shots.svg"]{background:#fff;padding:2px}
/* Only monochrome publication marks change ink; photography keeps its colors. */
html[data-theme="dark"] .publication-brand img[src$="campaign.svg"],html[data-theme="dark"] .publication-brand img[src$="adc.svg"]{filter:brightness(0) invert(1)}
.site-theme-switch{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;padding:4px;border:1px solid #2424ff;border-radius:99px;background:#fff;color:#000;box-shadow:none}
.site-theme-switch button{appearance:none;border:0;border-radius:99px;background:transparent;color:inherit;padding:10px 14px;min-height:40px;font:400 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.site-theme-switch button[aria-pressed="true"]{background:#000;color:#fff}
.site-theme-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html[data-theme="dark"] .site-theme-switch{background:#050505;color:#fff}
html[data-theme="dark"] .site-theme-switch button[aria-pressed="true"]{background:#fff;color:#000}
.jo-glass-study footer{padding-bottom:100px}
@media(max-width:650px){.site-theme-switch{right:12px;bottom:16px}.site-theme-switch button{padding:9px 11px;min-height:38px}.glass-pause{bottom:82px;max-width:calc(100% - 32px)}}
@media print{.site-theme-switch{display:none}html[data-theme] body{background:#fff;color:#000;--ink:#000;--muted:#000;--blue:#2424ff}html[data-theme="dark"] .publication-brand img{filter:none}}
.lately-card[data-event="digital-marketing-days"] .event-visual{background:#000}
.lately-card[data-event="digital-marketing-days"] .event-visual img{object-fit:contain}