/* Contrast preview: scoped to Smartzeug, including legacy inline canvas styles. */

/* Keep the cut-out portrait distinct from the soft page background. */
#sz-relaunch#sz-relaunch .host .portrait {
  filter: drop-shadow(1px 0 0 rgba(255,255,255,.9))
          drop-shadow(-1px 0 0 rgba(255,255,255,.9))
          drop-shadow(0 1px 0 rgba(255,255,255,.9))
          drop-shadow(0 -1px 0 rgba(255,255,255,.9))
          drop-shadow(0 4px 6px rgba(30,51,66,.22));
}
#sz-relaunch#sz-relaunch .host .portrait::before {
  background: #70c7dd;
}
#sz-relaunch#sz-relaunch[data-theme=dark] .host .portrait {
  filter: drop-shadow(1px 0 0 rgba(237,243,247,.5))
          drop-shadow(-1px 0 0 rgba(237,243,247,.5))
          drop-shadow(0 1px 0 rgba(237,243,247,.5))
          drop-shadow(0 -1px 0 rgba(237,243,247,.5))
          drop-shadow(0 4px 6px rgba(0,0,0,.28));
}


/* Softer light mode: only surfaces and accents change; photos retain original colours. */
#sz-relaunch#sz-relaunch:not([data-theme=dark]) {
  --ink: #29343e;
  --muted: #52616e;
  --line: #c4ced6;
  --sd-surface: #f7f8fa;
  --sd-soft: #e9eef1;
  background: #e9eef1;
}
#sz-relaunch#sz-relaunch:not([data-theme=dark]) > .wrap,
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .reading-status {
  background: #e9eef1;
}
#sz-relaunch#sz-relaunch:not([data-theme=dark]) :is(.section, .panel, .lead, .podcast-card):not(.dark),
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .cards li.wp-block-post,
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .video-grid article {
  background-color: #f7f8fa;
}
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .side > .sidebar-podcast,
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .about-masthead {
  background-color: #e2eef2;
}
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .hero-grid > #community,
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .podcast-discussion {
  background-color: #c9e6ef !important;
  border-color: #9bbdca;
}
#sz-relaunch#sz-relaunch:not([data-theme=dark]) .article-hero figcaption {
  background: #e9eef1;
  color: #52616e;
}

#sz-relaunch#sz-relaunch {
  --ink: #29343e;
  --muted: #52616e;
  --line: #c3d0d9;
  --sz-price: #b9232f;
}
#sz-relaunch#sz-relaunch .side > .panel.deal,
#sz-relaunch#sz-relaunch article.sd-featured {
  background: #fff6d5 !important;
  border-color: #c6a630 !important;
  background-image: linear-gradient(#efc329, #efc329) !important;
  background-size: 100% 5px !important;
  background-repeat: no-repeat !important;
  color: #29343e;
}
#sz-relaunch#sz-relaunch .deal .deal-price,
#sz-relaunch#sz-relaunch .sd-price strong { color: var(--sz-price); }
#sz-relaunch#sz-relaunch .sd-featured .sd-feature-label,
#sz-relaunch#sz-relaunch .side > .deal > .eyebrow { color: #635018; }
#sz-relaunch#sz-relaunch .sd-featured .sd-saving,
#sz-relaunch#sz-relaunch .sd-featured .sd-saving-inline {
  background: #ffda38;
  color: #29343e;
}
#sz-relaunch#sz-relaunch[data-theme=dark] {
  --ink: #edf3f7;
  --muted: #bfccd6;
  --line: #506475;
  --sd-surface: #263440;
  --sd-soft: #1c2934;
  --sz-price: #ff8585;
}
#sz-relaunch#sz-relaunch[data-theme=dark] > .wrap { background: #1a242e; }
#sz-relaunch#sz-relaunch[data-theme=dark] .section { background: #1d2934; }
#sz-relaunch#sz-relaunch[data-theme=dark] :is(.panel, .lead, .podcast-card),
#sz-relaunch#sz-relaunch[data-theme=dark] .cards li.wp-block-post,
#sz-relaunch#sz-relaunch[data-theme=dark] .video-grid article {
  background-color: #263440;
}
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .sidebar-podcast { background: #203d48; }
#sz-relaunch#sz-relaunch[data-theme=dark] .hero-grid > #community { background: #143f53; }
#sz-relaunch#sz-relaunch[data-theme=dark] .about-masthead { background: #203c49; }
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .panel.deal,
#sz-relaunch#sz-relaunch[data-theme=dark] article.sd-featured {
  background-color: #263440 !important;
  color: var(--ink);
}
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal h3,
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured h3,
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured h3 a,
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal > a:not(.arrow) { color: var(--ink); }
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured .sd-feature-label,
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal > .eyebrow { color: #ffda38; }
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured :is(.sd-category, .sd-subtitle, .sd-price-details, .sd-shipping, .sd-conditions),
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured .sd-price :is(del, small),
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal p { color: var(--muted); }
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal .arrow,
#sz-relaunch#sz-relaunch[data-theme=dark] .side > .deal small,
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-featured a.sd-related { color: #8ed7e8; }
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-button { background: #70c7dd; color: #17232d !important; }
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-button:hover,
#sz-relaunch#sz-relaunch[data-theme=dark] .sd-button:focus-visible { background: #d90000 !important; color: #fff !important; }
/* Retain the established coloured hover borders, also on the highlighted deal. */
#sz-relaunch#sz-relaunch .side > .panel.deal:hover,
#sz-relaunch#sz-relaunch .side > .panel.deal:focus-within,
#sz-relaunch#sz-relaunch article.sd-featured:hover,
#sz-relaunch#sz-relaunch article.sd-featured:focus-within { border-color: #ff8a1f !important; }