/* ============================================================================
   News + knowledge — snap chrome around the existing article structure.
   Gated on html[data-snap="news"]. Does not rewrite .news-article__layout
   or dump the real sidebar. Does not restyle desktop .services / .menuBack.
   ========================================================================== */

html[data-snap="news"] {
  --sn-canvas: #eef1f5;
  --sn-surface: #ffffff;
  --sn-ink: #0d1520;
  --sn-ink-2: #465868;
  --sn-ink-3: #8593a1;
  --sn-brand: #f59e0b;
  --sn-soft: #f7f8fa;
  --sn-hairline: rgba(13, 21, 32, 0.06);
  --sn-gutter: 16px;
  --sn-radius: 20px;
  --sn-radius-sm: 14px;
  --sn-elev-1: 0 1px 2px rgba(13, 21, 32, 0.04), 0 10px 24px -16px rgba(13, 21, 32, 0.18);
  --hd-shell: min(1200px, calc(100% - 48px));
}

html[data-snap="news"] .news-public-page,
html[data-snap="news"] .news-public-page--knowledge {
  background-color: var(--sn-canvas) !important;
  background-image: radial-gradient(rgba(95, 105, 116, 0.16) 1px, transparent 1.15px) !important;
  background-size: 6px 6px !important;
}

/* ── Cover / slider — taller slot so current photos fit ──────────────────── */
html[data-snap="news"] .news-article__cover {
  width: var(--hd-shell);
  max-width: none;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  min-height: 360px;
  border-radius: var(--sn-radius);
  background: var(--sn-surface) !important;
  box-shadow: var(--sn-elev-1);
  overflow: hidden;
  box-sizing: border-box;
}

html[data-snap="news"] .news-article__cover img {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: min(880px, 90vh) !important;
  object-fit: contain !important;
  object-position: center;
  display: block;
  border-radius: 0;
  box-shadow: none;
}

/* ── Address bar ─────────────────────────────────────────────────────────── */
html[data-snap="news"] .news-public-topbar,
html[data-snap="news"] .news-article .news-public-topbar {
  width: var(--hd-shell);
  max-width: none;
  margin: 12px auto 0;
  padding: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}

html[data-snap="news"] .news-crumb,
html[data-snap="news"] .news-article .news-public-topbar .news-crumb,
html[data-snap="news"] .knowledge-hero__breadcrumb .news-crumb {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 0 18px;
  border-radius: var(--sn-radius-sm);
  background-color: #fff;
  background-image:
    radial-gradient(rgba(13, 21, 32, 0.07) 1px, transparent 1.2px),
    repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.06) 0 10px, transparent 10px 20px);
  background-size: 8px 8px, auto;
  box-shadow: var(--sn-elev-1);
  box-sizing: border-box;
}

html[data-snap="news"] .news-crumb__item {
  color: var(--sn-ink-2);
  font-size: 13px;
  font-weight: 700;
}

html[data-snap="news"] .news-crumb__item a {
  color: var(--sn-ink-2) !important;
}

html[data-snap="news"] .news-crumb__item a:hover {
  color: #b45309 !important;
}

html[data-snap="news"] .news-crumb__item:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
  color: var(--sn-ink-3);
  font-size: 13px;
  font-weight: 700;
}

html[data-snap="news"] .news-crumb__item--current {
  color: var(--sn-ink);
  font-size: 13px;
  font-weight: 800;
}

/* ── Details / meta ──────────────────────────────────────────────────────── */
html[data-snap="news"] .news-article__label,
html[data-snap="news"] .news-article__label a {
  color: #b45309 !important;
}

html[data-snap="news"] .news-article__title,
html[data-snap="news"] .news-archive-head__title,
html[data-snap="news"] .knowledge-hero__title,
html[data-snap="news"] .knowledge-section-head__title {
  color: var(--sn-ink) !important;
}

html[data-snap="news"] .news-article__deck {
  border-right-color: var(--sn-brand) !important;
  color: var(--sn-ink-2) !important;
}

html[data-snap="news"] .news-article__meta-list {
  gap: 8px;
}

html[data-snap="news"] .news-article__meta-item {
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--sn-soft);
  color: var(--sn-ink);
}

html[data-snap="news"] .news-article__meta-item em {
  color: #b45309;
}

/* ── Existing boxes — snap radius, keep one real sidebar ─────────────────── */
html[data-snap="news"] .news-article > .news-public-container,
html[data-snap="news"] .news-public-page:not(:has(.news-article)) .news-public-container--section,
html[data-snap="news"] .news-comments__inner,
html[data-snap="news"] .knowledge-hero__container,
html[data-snap="news"] .knowledge-articles-panel {
  border-radius: var(--sn-radius) !important;
  box-shadow: var(--sn-elev-1) !important;
  background: var(--sn-surface) !important;
}

html[data-snap="news"] .news-article__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
  align-items: start;
}

html[data-snap="news"] .news-article__aside {
  position: static !important;
  width: auto;
  min-width: 0;
}

html[data-snap="news"] .news-aside-widget,
html[data-snap="news"] .news-aside-cta,
html[data-snap="news"] .news-archive-card {
  border-radius: var(--sn-radius-sm) !important;
}

html[data-snap="news"] .news-archive-card__img {
  aspect-ratio: 3 / 2;
  min-height: 220px;
  background: var(--sn-soft) !important;
}

html[data-snap="news"] .news-archive-card__img img,
html[data-snap="news"] .news-public-page--knowledge .news-archive-card__img img {
  object-fit: contain !important;
}

html[data-snap="news"] .news-public-page--knowledge .news-archive-card__img {
  aspect-ratio: 3 / 2;
  min-height: 220px;
}

html[data-snap="news"] .news-btn {
  border-radius: 14px;
}

html[data-snap="news"] .news-btn:not(.news-btn--ghost) {
  background: linear-gradient(180deg, #f8a917, #ef8f05);
  box-shadow: 0 10px 24px -12px rgba(239, 143, 5, 0.65);
}

html[data-snap="news"] .news-btn--ghost {
  background: var(--sn-soft);
  color: var(--sn-ink-2) !important;
  border-color: var(--sn-hairline);
}

@media screen and (max-width: 960px) {
  html[data-snap="news"] .news-article__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-snap="news"] .news-article__aside {
    position: static !important;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  html[data-snap="news"] {
    --hd-shell: calc(100% - (var(--sn-gutter) * 2));
  }

  html[data-snap="news"] .news-article__cover {
    min-height: 240px;
    margin-left: var(--sn-gutter) !important;
    margin-right: var(--sn-gutter) !important;
    width: auto;
  }

  html[data-snap="news"] .news-article__cover img {
    max-height: min(720px, 82vh) !important;
  }

  html[data-snap="news"] .news-public-topbar,
  html[data-snap="news"] .news-article .news-public-topbar,
  html[data-snap="news"] .news-article > .news-public-container,
  html[data-snap="news"] .news-public-page:not(:has(.news-article)) .news-public-container--section,
  html[data-snap="news"] .news-comments__inner,
  html[data-snap="news"] .knowledge-hero__container,
  html[data-snap="news"] .knowledge-articles-panel {
    width: auto !important;
    max-width: none !important;
    margin-left: var(--sn-gutter) !important;
    margin-right: var(--sn-gutter) !important;
    box-sizing: border-box !important;
  }

  html[data-snap="news"] .news-public-page:has(.news-article) {
    padding-inline: 0 !important;
  }

  html[data-snap="news"] .news-archive-card__img,
  html[data-snap="news"] .news-public-page--knowledge .news-archive-card__img {
    min-height: 200px;
    aspect-ratio: 3 / 2;
  }
}