/* The fixed header uses the same control on all public pages. */
html body header.shared-site-header.reference-nav .reference-actions .learn-theme-toggle {
  flex:0 0 auto; display:inline-grid; place-items:center; margin:0; padding:0;
  width:40px; height:40px; min-height:40px; border:1px solid #d5d2cb;
  border-radius:50%; background:#fff; color:#222220; cursor:pointer;
  box-shadow:none; transition:none;
}
.shared-site-header .learn-theme-toggle svg {width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shared-site-header .learn-theme-toggle .learn-theme-sun,
html[data-site-theme=dark] .shared-site-header .learn-theme-toggle .learn-theme-moon {display:none}
html[data-site-theme=dark] .shared-site-header .learn-theme-toggle .learn-theme-sun {display:block}
@media(max-width:600px) {
  html body header.shared-site-header.reference-nav .reference-actions .learn-theme-toggle {width:36px;height:36px;min-height:36px}
}

/* Keep video at 50%. A scrim keeps white copy readable on the brightest frame. */
html.cgd-light .site-relay-home .stage.reference-stage::after {
  display:block; pointer-events:none; background:rgb(0 0 0 / 24%);
}

html.cgd-light[data-site-theme=dark] {
  color-scheme:dark;
  --canvas:#111214; --cream:#18191c; --sheet:#222428; --white:#f5f5f7;
  --graph:#f5f5f7; --quiet:#c4c7ce; --edge:#686b73;
  --dark-control:#34363d; --dark-hover:#454852; --dark-selection:#d6d9df; --dark-ink:#16171a;
  --relay-bg:var(--cream); --relay-surface:var(--sheet); --relay-text:var(--graph);
  --relay-muted:var(--quiet); --relay-accent:var(--graph); --relay-line:var(--edge);
  --paper:var(--cream); --ink:var(--graph); --muted:var(--quiet); --accent:var(--graph);
  --acid:var(--graph); --black:var(--canvas); --line:var(--edge);
  background:var(--canvas);
}
html.cgd-light[data-site-theme=dark] body {background:var(--cream)!important;color:var(--graph)}
html.cgd-light[data-site-theme=dark] body.site-relay-home {background:var(--canvas)!important}
html.cgd-light[data-site-theme=dark] body.learning-builder {background:#000!important}
html.cgd-light[data-site-theme=dark] ::selection {background:var(--dark-selection);color:var(--dark-ink)}
html.cgd-light[data-site-theme=dark] body :is(a,button,summary,input,select,textarea):focus-visible {
  outline-color:var(--graph);
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .site-brand img {
  filter:brightness(0) invert(1);
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-menu {
  background:var(--sheet)!important;border-color:var(--edge)!important;box-shadow:none;
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-menu a {
  color:var(--graph)!important;
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-menu a:is(:hover,:focus-visible):not([aria-current]) {
  background:var(--dark-control)!important;
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-menu:not(:has(.nav-glider)) a[aria-current],
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .nav-glider {
  background:var(--dark-hover)!important;
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-actions :is(.lang-switch,.telegram,.learn-theme-toggle) {
  background:var(--sheet);color:var(--graph)!important;border-color:var(--edge);
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav .reference-actions :is(.lang-switch,.telegram):is(:hover,:focus-visible) {
  background:var(--dark-control);border-color:var(--edge);
}
html.cgd-light[data-site-theme=dark] body header.shared-site-header.reference-nav :is(a,button):focus-visible {
  outline-color:var(--graph);
}

html.cgd-light[data-site-theme=dark] body.site-relay-home .stage.reference-stage {border-color:var(--edge)}
html.cgd-light[data-site-theme=dark] body.site-relay-home :is(.blog-link,.contact>a,.hero-portfolio) {
  background:var(--dark-control);color:var(--graph);border-color:var(--edge);
}
html.cgd-light[data-site-theme=dark] body.site-relay-home .home-about-editorial :is(h2,h3,blockquote,a) {color:var(--graph)}
html.cgd-light[data-site-theme=dark] body.site-relay-home .home-about-editorial :is(p,figcaption) {color:var(--quiet)}
html.cgd-light[data-site-theme=dark] body.site-relay-home .skill:is(:hover,.is-active) {
  background:var(--dark-control);border-color:var(--edge);
}

html.cgd-light[data-site-theme=dark] body.magazine-page {color:var(--graph)}
html.cgd-light[data-site-theme=dark] .magazine-page :is(.magazine-feature,.magazine-foot,.magazine-tag,.magazine-filter) {
  border-color:var(--edge);
}
html.cgd-light[data-site-theme=dark] .magazine-page .magazine-feed-title h2::before {background:currentColor}
html.cgd-light[data-site-theme=dark] .magazine-page :is(.magazine-filter,.magazine-sort select,.magazine-skip) {
  background:var(--sheet);color:var(--graph);
}
html.cgd-light[data-site-theme=dark] .magazine-page .magazine-filter[aria-pressed=true] {
  background:var(--dark-selection);color:var(--dark-ink);
}

html.cgd-light[data-site-theme=dark] body.reading-dark {
  --reading-bg:var(--cream); --reading-text:var(--graph); --reading-muted:var(--quiet);
  --reading-surface:var(--sheet); --reading-line:var(--edge);
}
html.cgd-light[data-site-theme=dark] body.reading-dark :is(.article,.seo-copy,.ai-article-copy) :is(h2,h3,h4,strong,summary) {
  color:var(--graph);
}
html.cgd-light[data-site-theme=dark] body.reading-dark :is(.article,.seo-copy,.ai-article-copy) :is(p,li,dd,figcaption) {
  color:var(--quiet);
}
html.cgd-light[data-site-theme=dark] body.reading-dark :is(.article,.seo-copy,.ai-article-copy,.seo-aside) a,
html.cgd-light[data-site-theme=dark] body.reading-dark .reading-next>a {color:var(--graph)!important}
html.cgd-light[data-site-theme=dark] body.reading-dark :is(.article-directory-card,.article-directory-categories a):hover,
html.cgd-light[data-site-theme=dark] body[data-no-analytics-ui] .cgd-article-return a:hover {background:var(--dark-control);border-color:var(--edge)}
html.cgd-light[data-site-theme=dark] body :is(.utility-cta,.cgd-article-return a,.skip-link,.ai-skip-link,.privacy-dialog .dialog-close) {
  background:var(--dark-control);color:var(--graph);border-color:var(--edge);
}
html.cgd-light[data-site-theme=dark] body :is(.privacy-dialog,.cgd-consent,.cg-chat-panel,.cgd-comments textarea,.cgd-comment) {
  background:var(--sheet)!important;color:var(--graph)!important;border-color:var(--edge)!important;
}
html.cgd-light[data-site-theme=dark] body :is(.privacy-copy h2,.cgd-consent h2,.cgd-consent-settings,.cg-chat-heading,.cg-chat-row,.cg-chat-close,.cgd-comments,.cgd-comment-label,.cgd-comment-author,.cgd-comments a,.privacy-copy a) {
  color:var(--graph)!important;
}
html.cgd-light[data-site-theme=dark] body :is(.privacy-copy p,.privacy-copy li,.cgd-consent p,.cg-chat-intro,.cg-chat-heading span,.cg-chat-contact span,.cg-chat-consent,.cg-chat-activity,.cg-chat-unavailable,.cgd-comments p,.cgd-comments time,.cgd-comment-status,.cgd-comment-empty) {
  color:var(--quiet)!important;
}
html.cgd-light[data-site-theme=dark] .cg-chat {--cg-bg:var(--sheet);--cg-text:var(--graph);--cg-line:var(--edge)}
html.cgd-light[data-site-theme=dark] body :is(.cg-chat-heading,.cg-chat-row,.cg-chat input:not([type=checkbox]),.cg-chat textarea) {
  background:var(--cream)!important;color:var(--graph)!important;border-color:var(--edge)!important;
}
html.cgd-light[data-site-theme=dark] body :is(.cgd-consent-actions button,.cg-chat-toggle,.cg-chat-send-row button,.cg-chat-badge,.cgd-comments button[type=submit]) {
  background:var(--dark-control)!important;color:var(--graph)!important;border-color:var(--edge)!important;box-shadow:none;
}
html.cgd-light[data-site-theme=dark] body :is(input,textarea)::placeholder {color:var(--quiet)!important;opacity:1}

html.cgd-light[data-site-theme=dark] .learning-builder .learn-calendar-full .learn-calendar-cell:disabled,
html.cgd-light[data-site-theme=dark] .learning-builder .learn-calendar-full .learn-calendar-cell:disabled small {
  color:var(--quiet);opacity:1;
}
html.cgd-light[data-site-theme=dark] .learning-builder :is(.learn-button-dark,.learn-calendar-full .learn-calendar-cell[aria-pressed=true]) {
  background:#a90054;border-color:#ec79b3;color:#fff;
}
html.cgd-light[data-site-theme=dark] .learning-builder .learn-calendar-full .learn-calendar-cell[aria-pressed=true] small {
  color:#fff;
}

html.cgd-light[data-site-theme=dark] .learning-builder :is(.learn-summary-section-tabs,.learn-summary-mobile-tabs) button[aria-pressed=true] {
  background:#a90054;border-color:#ec79b3;color:#fff;
}