/*
 * Optional article palettes for SceltaLab Editoriale.
 * Loaded only when an administrator selects a non-current palette.
 * Custom properties are emitted by PHP from the fixed preset whitelist.
 */

@media (max-width: 760px) {
  body.sl-editorial-article.sl-editorial-palette-mobile {
    --sle-navy: var(--hy-ink);
    --sle-petrol: var(--hy-brand);
    --sle-teal: var(--hy-brand);
    --sle-coral: var(--hy-accent);
    --sle-ivory: var(--hy-paper);
    --sle-paper: var(--hy-paper);
    --sle-sage: var(--hy-soft);
    --sle-line: var(--hy-line);
    --sle-shadow: 0 10px 25px rgba(25,45,50,.075);
    background: var(--hy-paper);
  }


  body.sl-editorial-article.sl-editorial-palette-mobile .sl-article {
    width: calc(100% - 24px);
    margin-bottom: 48px;
    color: #3d5057;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(p, li) {
    color: #3c5058;
    font-size: .94rem;
    line-height: 1.56;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-hero {
    min-height: 0;
    margin: 0 -12px 18px;
    padding: 34px 20px 32px;
    border-top: 4px solid var(--hy-metal);
    border-bottom: 0;
    background:
      radial-gradient(circle at 88% 8%, rgba(255,255,255,.07), transparent 30%),
      var(--hy-ink);
    box-shadow: 0 13px 30px rgba(22,42,48,.14);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-hero::after {
    right: -10px;
    bottom: -12px;
    color: rgba(255,255,255,.035);
    font-size: 4.15rem;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-hero .sl-eyebrow {
    margin-bottom: 12px;
    color: #dbc69e;
    font-size: .61rem;
    letter-spacing: .12em;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-hero h1 {
    max-width: 21ch;
    color: var(--hy-surface);
    font-size: clamp(1.83rem,7.8vw,2.12rem) !important;
    font-weight: 650;
    line-height: 1.07;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-hero .sl-subtitle {
    max-width: 31ch;
    margin-top: 14px;
    color: rgba(255,253,248,.81);
    font-size: .92rem;
    line-height: 1.48;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-v5-verdict,
    .sl-v5-decision,
    .sl-v5-errors,
    .sl-v5-diagnostic,
    .sl-v5-final
  ) {
    box-shadow: none;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-verdict {
    margin: 20px 0 26px;
    padding: 15px 15px 16px;
    border: 1px solid var(--hy-line);
    border-left: 4px solid var(--hy-metal);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-verdict__label {
    color: var(--hy-brand);
    font-size: .6rem;
    letter-spacing: .11em;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-verdict h2 {
    margin: 5px 0 8px !important;
    color: var(--hy-ink);
    font-size: 1.3rem !important;
    line-height: 1.12;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 > h2,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 > section > h2,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-products > h2,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-guide > h2,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-faq > h2 {
    color: var(--hy-ink);
    font-size: 1.46rem;
    font-weight: 650;
    line-height: 1.14;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 > h2::after,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 > section > h2::after,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-products > h2::after,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-guide > h2::after,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-faq > h2::after {
    width: 34px;
    height: 2px;
    margin-top: 9px;
    background: var(--hy-metal);
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-decision {
    margin: 28px 0 32px;
    padding: 0 0 4px;
    background: transparent;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-decision__lead { color: #5c6c71; font-size: .9rem; }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile :where(
    .sl-audit-decision-list-head,
    .sl-audit-overview-list-head,
    .sl-audit-criteria-list-head,
    .sl-audit-comparison-list-head
  ) {
    padding: 10px 13px;
    border: 1px solid var(--hy-ink);
    border-bottom: 3px solid var(--hy-metal);
    border-radius: 7px 7px 0 0;
    background: var(--hy-ink);
    box-shadow: none;
    color: var(--hy-surface);
    font-size: .64rem;
    letter-spacing: .11em;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-v5-paths,
    .sl-v5-criteria .sl-v5-criteria__grid,
    .sl-comparison .sl-table-wrap
  ) {
    border-color: var(--hy-line) !important;
    border-radius: 0 0 7px 7px !important;
    background: var(--hy-surface) !important;
    box-shadow: 0 8px 20px rgba(30,48,51,.055) !important;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-v5-path,
    .sl-v5-criteria article.sl-audit-criteria-card,
    .sl-comparison table.sl-v5-responsive-table tbody tr
  ) {
    border-bottom-color: var(--hy-line) !important;
    background: var(--hy-surface) !important;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-v5-path.is-audit-open,
    .sl-v5-criteria article.sl-audit-criteria-card.is-audit-open,
    .sl-comparison table.sl-v5-responsive-table tbody tr.is-audit-open
  ) {
    border-left: 3px solid var(--hy-metal) !important;
    background: var(--hy-open) !important;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-v5-path.is-audit-open .sl-audit-decision-detail,
    .sl-v5-criteria article.is-audit-open .sl-audit-criteria-detail,
    .sl-comparison tr.is-audit-open .sl-audit-comparison-detail
  ) {
    border-top-color: var(--hy-line) !important;
    background: var(--hy-open) !important;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-audit-decision-toggle,
    .sl-audit-difference-toggle,
    .sl-audit-criteria-toggle,
    .sl-audit-comparison-toggle
  ) {
    min-height: 55px !important;
    padding: 11px 13px !important;
    color: var(--hy-ink);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-audit-decision-toggle,
    .sl-audit-difference-toggle,
    .sl-audit-criteria-toggle,
    .sl-audit-comparison-toggle
  ) > span { font-size: .88rem; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-audit-decision-toggle,
    .sl-audit-difference-toggle,
    .sl-audit-criteria-toggle,
    .sl-audit-comparison-toggle
  ) > small {
    border: 1px solid var(--hy-line);
    background: transparent;
    color: var(--hy-brand);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-audit-decision-toggle,
    .sl-audit-difference-toggle,
    .sl-audit-criteria-toggle,
    .sl-audit-comparison-toggle
  ) > b {
    border-color: var(--hy-metal);
    background: var(--hy-surface);
    color: var(--hy-brand);
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-caution,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-internal-link-box {
    border-left-color: var(--hy-accent);
    background: var(--hy-con);
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-editorial-note {
    margin: 26px 0;
    padding: 17px 15px;
    border: 1px solid var(--hy-line);
    border-left: 4px solid var(--hy-brand);
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-editorial-note .sl-eyebrow { display: block; color: var(--hy-brand); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-editorial-note h3 { color: var(--hy-ink); font-size: 1.22rem; line-height: 1.16; }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product {
    position: relative;
    margin: 30px 0;
    padding: 18px 14px 16px;
    border: 1px solid var(--hy-line);
    border-top: 4px solid var(--hy-metal);
    border-radius: 3px;
    background: var(--hy-surface);
    box-shadow: 0 11px 28px rgba(26,44,49,.075);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product > h3 {
    margin-bottom: 14px;
    color: var(--hy-ink);
    font-size: 1.45rem;
    font-weight: 650;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product-image-wrap {
    height: 205px;
    padding: 12px;
    border-color: var(--hy-line);
    background: var(--hy-paper);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product-image-wrap img { height: 178px !important; max-height: 178px !important; mix-blend-mode: multiply; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product > p:not(.sl-product-cta-wrap) { font-size: .92rem; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-audit-accordion-toggle {
    margin: 8px 0;
    padding: 12px 13px;
    border-color: var(--hy-line);
    border-radius: 5px;
    background: var(--hy-soft);
    color: var(--hy-ink);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-audit-accordion-toggle[aria-expanded="true"] {
    border-color: var(--hy-metal);
    background: var(--hy-open);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile :where(.sl-specs,.sl-metrics) { border-color: var(--hy-line); background: var(--hy-soft); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile :where(.sl-specs,.sl-metrics) li::before { background: var(--hy-metal); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-pros { border-color: var(--hy-line) !important; border-left-color: var(--hy-brand) !important; background: var(--hy-pro) !important; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-cons { border-color: var(--hy-line) !important; border-left-color: var(--hy-accent) !important; background: var(--hy-con) !important; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-product-cta-wrap .sl-button {
    border: 1px solid var(--hy-ink) !important;
    border-radius: 5px !important;
    background: var(--hy-ink) !important;
    box-shadow: none;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-guide {
    margin-top: 38px;
    padding-top: 2px;
    border-top: 1px solid var(--hy-line);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-guide h2 { margin-top: 38px; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-guide h3 { margin: 28px 0 9px; color: var(--hy-brand); font-size: 1.14rem; line-height: 1.22; }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-errors {
    padding: 18px 17px;
    border: 1px solid var(--hy-line);
    border-top: 4px solid var(--hy-accent);
    border-radius: 3px;
    background: var(--hy-con);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-errors li::marker { color: var(--hy-accent); }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic {
    padding: 20px 16px 18px !important;
    border: 1px solid var(--hy-line) !important;
    border-top: 5px solid var(--hy-metal) !important;
    border-radius: 3px;
    background: var(--hy-soft) !important;
    box-shadow: 0 12px 27px rgba(25,44,49,.07) !important;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic::before { display: none; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic > h2 { color: var(--hy-ink); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-mobile-progress {
    border-radius: 3px;
    background: var(--hy-ink);
    box-shadow: inset 3px 0 0 var(--hy-metal);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic legend > span { background: var(--hy-metal); box-shadow: none; color: var(--hy-ink); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic__options label span { border-color: var(--hy-line); border-radius: 4px; background: var(--hy-surface); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic__options input:checked + span {
    border-color: var(--hy-ink);
    background: var(--hy-ink);
    box-shadow: inset 4px 0 0 var(--hy-metal);
    color: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-mobile-wizard-nav button,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-diagnostic__submit {
    border-color: var(--hy-ink);
    border-radius: 4px;
    background: var(--hy-ink);
    color: #fff;
    box-shadow: none;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-v5-final {
    padding: 18px 16px;
    border: 1px solid var(--hy-line);
    border-left: 4px solid var(--hy-brand);
    background: var(--hy-soft);
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq {
    padding: 18px 0 0;
    border-top: 3px solid var(--hy-metal);
    background: transparent;
  }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq.sle-faq-ready { gap: 7px; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq.sle-faq-ready > h2 { margin: 8px 0 14px; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq.sle-faq-ready .sl-faq-item { border-color: var(--hy-line); border-radius: 5px; background: var(--hy-surface); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq .sle-faq-toggle { padding: 14px; color: var(--hy-ink); font-size: .96rem; }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq .sle-faq-toggle::after { background: var(--hy-ink); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq .sle-faq-toggle[aria-expanded="true"]::after { background: var(--hy-metal); color: var(--hy-ink); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-faq .sle-faq-answer { padding: 0 14px 15px; }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-affiliate-note { border-top-color: var(--hy-line); background: var(--hy-soft); }
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile :where(button,a):focus-visible { outline-color: color-mix(in srgb,var(--hy-metal) 55%,transparent); }

  /* The legacy mobile layer forces a green open state with !important.
     Keep every open row, control and detail inside the selected palette. */
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-path.is-audit-open,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-overview table.sl-v5-responsive-table tr.sl-audit-difference-card.is-audit-open,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-criteria article.sl-audit-criteria-card.is-audit-open,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-comparison table.sl-v5-responsive-table tbody tr.is-audit-open {
    border-left-color: var(--hy-metal) !important;
    background: var(--hy-open) !important;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-path.is-audit-open .sl-audit-decision-toggle,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-overview tr.is-audit-open td:first-child,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-overview tr.is-audit-open .sl-audit-difference-toggle,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-criteria article.is-audit-open .sl-audit-criteria-toggle,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-comparison tr.is-audit-open .sl-audit-comparison-control,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-comparison tr.is-audit-open .sl-audit-comparison-toggle {
    background: var(--hy-open) !important;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-path.is-audit-open .sl-audit-decision-detail,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-overview tr.is-audit-open td.sl-audit-difference-detail,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-v5-criteria article.is-audit-open .sl-audit-criteria-detail,
  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 .sl-comparison tr.is-audit-open td.sl-audit-comparison-detail {
    border-top-color: var(--hy-line) !important;
    background: var(--hy-open) !important;
  }

  body.sl-editorial-article.sl-editorial-palette-mobile .sl-v511-mobile .sl-article--v5 :where(
    .sl-audit-decision-toggle,
    .sl-audit-difference-toggle,
    .sl-audit-criteria-toggle,
    .sl-audit-comparison-toggle
  )[aria-expanded="true"] > small {
    border-color: var(--hy-metal);
    background: color-mix(in srgb, var(--hy-metal) 13%, var(--hy-open));
    color: var(--hy-ink);
  }
}

@media (min-width: 761px) {
  body.sl-editorial-article.sl-editorial-palette-desktop {
    --sle-navy: var(--hy-ink);
    --sle-petrol: var(--hy-brand);
    --sle-teal: var(--hy-brand);
    --sle-coral: var(--hy-metal);
    --sle-ivory: var(--hy-surface);
    --sle-paper: var(--hy-paper);
    --sle-sage: var(--hy-soft);
    --sle-line: var(--hy-line);
    --sle-muted: #657277;
    --sle-shadow: 0 14px 34px rgba(34, 43, 45, .075);
    background: var(--hy-paper);
  }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article { color: #46575c; }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article :where(p, li) { color: #46575c; }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-hero {
    border-top-color: var(--hy-metal);
    border-bottom-color: var(--hy-line);
    background:
      radial-gradient(circle at 87% 18%, rgba(255,255,255,.07), transparent 27%),
      var(--hy-ink);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-hero::after { color: rgba(255,255,255,.035); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-hero h1 { color: var(--hy-surface); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-hero .sl-eyebrow { color: var(--hy-metal); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-hero .sl-subtitle { color: rgba(255,253,248,.82); }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-verdict {
    border-color: var(--hy-line);
    border-left-color: var(--hy-metal);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-verdict__label { color: var(--hy-brand); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-decision {
    border-color: var(--hy-line);
    border-left-color: var(--hy-brand);
    background: linear-gradient(135deg, var(--hy-soft) 0%, var(--hy-surface) 76%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-path,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-criteria__grid article {
    border-color: var(--hy-line);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-criteria__grid article { border-top-color: var(--hy-metal); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-path__label { color: var(--hy-brand) !important; }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-caution,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-internal-link-box {
    border-color: var(--hy-line);
    border-left-color: var(--hy-accent);
    background: var(--hy-con);
  }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article :where(.sl-insight-box, .sl-editorial-note) {
    border-color: var(--hy-line);
    border-left-color: var(--hy-brand);
    background: linear-gradient(135deg, var(--hy-soft) 0%, var(--hy-surface) 76%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-quick-picks,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-table-wrap,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-faq {
    border-color: var(--hy-line);
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-quick-picks a,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-table-wrap,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-faq-item {
    border-color: var(--hy-line);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-table-wrap th { background: var(--hy-soft); }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-product {
    border-color: var(--hy-line);
    border-top-color: var(--hy-metal);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-product > .sl-badge {
    color: var(--hy-brand);
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-product-image-wrap {
    border-color: var(--hy-line);
    background: radial-gradient(circle at 50% 40%, var(--hy-surface) 0%, var(--hy-paper) 76%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article :where(.sl-specs, .sl-metrics) {
    border-color: var(--hy-line);
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article :where(.sl-specs, .sl-metrics) li::before { background: var(--hy-metal); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-pros { border-color: var(--hy-line); border-left-color: var(--hy-brand); background: var(--hy-pro); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-cons { border-color: var(--hy-line); border-left-color: var(--hy-accent); background: var(--hy-con); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article :where(.sl-table-cta, .sl-button) {
    border-color: var(--hy-ink);
    background: var(--hy-ink);
    box-shadow: none;
  }

  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-errors {
    border-color: var(--hy-line);
    border-top-color: var(--hy-accent);
    background: var(--hy-con);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic {
    border-top-color: var(--hy-metal);
    background: linear-gradient(150deg, var(--hy-soft) 0%, var(--hy-surface) 72%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic fieldset,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic__fallback,
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic__result { border-color: var(--hy-line); background: var(--hy-surface); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic__options label span { border-color: var(--hy-line); background: var(--hy-paper); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-diagnostic__options input:checked + span {
    border-color: var(--hy-brand);
    background: var(--hy-open);
    box-shadow: inset 4px 0 0 var(--hy-metal);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-v5-final {
    border-left-color: var(--hy-brand);
    background: linear-gradient(135deg, var(--hy-soft) 0%, var(--hy-surface) 78%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sl-faq { border-top-color: var(--hy-metal); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sle-faq-toggle[aria-expanded="true"] { background: var(--hy-open); }
  body.sl-editorial-article.sl-editorial-palette-desktop .sl-article .sle-faq-toggle[aria-expanded="true"]::after { background: var(--hy-metal); color: var(--hy-ink); }

  /* Historical .pillar-article posts keep their desktop dimensions and gain
     the selected color system through presentation-only overrides. */
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article {
    color: #46575c;
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article > h1 {
    border-top-color: var(--hy-metal);
    border-bottom-color: var(--hy-line);
    background:
      radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--hy-brand) 14%, transparent), transparent 28%),
      linear-gradient(135deg, var(--hy-soft) 0%, var(--hy-surface) 64%, var(--hy-paper) 100%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article > h1::before,
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article h2::after {
    color: var(--hy-metal);
    background: var(--hy-metal);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article > h1::after {
    color: color-mix(in srgb, var(--hy-ink) 5%, transparent);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article :where(p, li),
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article > h1 + p {
    color: #46575c;
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article ul {
    border-color: var(--hy-line);
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-internal-link-box {
    border-color: var(--hy-line);
    border-left-color: var(--hy-accent);
    background: linear-gradient(135deg, var(--hy-con) 0%, var(--hy-surface) 78%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-button-outline {
    border-color: var(--hy-line);
    color: var(--hy-brand) !important;
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-table-wrap {
    border-color: var(--hy-line);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-table-wrap th {
    background: var(--hy-soft);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-calculator {
    border-color: var(--hy-line);
    border-top-color: var(--hy-brand);
    background: linear-gradient(135deg, var(--hy-soft) 0%, var(--hy-surface) 72%);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-calculator input {
    border-color: var(--hy-line);
    background: var(--hy-surface);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-results {
    border-left-color: var(--hy-metal);
    background: var(--hy-open);
  }
  body.sl-editorial-article.sl-editorial-palette-desktop.sl-editorial-article-classic .pillar-article .sl-link-category {
    border-color: var(--hy-line);
    background: var(--hy-surface);
  }

}