html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-detail-page.article-detail-page {
  background: #f8fafb !important;
  background-color: #f8fafb !important;
  background-image: none !important;
}

/* Article archive and article pages follow the same 1280px frame as the homepage. */
body:is(.article-archive-catalog-page, .article-reading-page) :is(.article-archive-inner, .article-detail-inner) {
  width: min(calc(100% - (var(--gutter) * 2)), 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

/* Breadcrumbs remain available while browsing cards or reading an article. */
body:is(.article-archive-catalog-page, .article-reading-page) .article-archive-inner > .breadcrumbs,
body:is(.article-archive-catalog-page, .article-reading-page) .article-detail-inner > .breadcrumbs {
  position: sticky !important;
  top: 78px !important;
  z-index: 45 !important;
  align-self: start !important;
  width: fit-content;
  max-width: min(100%, calc(100vw - 36px));
  margin-bottom: -8px;
  background: rgba(248, 250, 251, 0.88) !important;
  box-shadow: 0 9px 24px rgba(25, 54, 64, 0.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(108%);
  backdrop-filter: blur(16px) saturate(108%);
}

/* internal-page-decoration.css deliberately positions breadcrumbs relatively;
   detail/archive reading pages opt back into a persistent trail. The repeated
   main id matches the specificity convention used by the document pages. */
html[data-theme] body:is(.article-archive-catalog-page, .article-reading-page)
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  :is(.article-archive-inner, .article-detail-inner) > .breadcrumbs {
  position: sticky !important;
  top: 78px !important;
  z-index: 45 !important;
  align-self: start !important;
}

/* Article detail pages use the same document-header composition and faceted
   canvas as the site's policies. The article's reading surface starts below
   the heading instead of enclosing it in a second decorative card. */
body.article-reading-page .article-detail-page.legal-page {
  padding-top: 150px !important;
}

body.article-reading-page .article-document-hero .legal-document-kicker {
  align-items: center;
  gap: 8px;
}

body.article-reading-page .article-document-hero .legal-document-kicker .material-symbols-outlined {
  font-size: 1rem;
}

body.article-reading-page .article-document-date {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 16px 0 0 !important;
  color: var(--internal-heading-copy) !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
}

body.article-reading-page .article-document-date .material-symbols-outlined {
  color: var(--internal-heading-accent) !important;
  font-size: 1rem !important;
}

body.article-reading-page .article-document-date time {
  color: inherit !important;
}

body.article-reading-page .article-detail-layout {
  padding-bottom: clamp(72px, 9vw, 124px) !important;
}

/* A full-bleed editorial cover leads each article. The headline and all
   supporting copy now live inside the bordered reading surface below it. */
body.article-reading-page .article-cover {
  position: relative;
  width: 100%;
  height: clamp(300px, 38vw, 560px);
  margin: clamp(28px, 4vw, 48px) 0 clamp(32px, 5vw, 64px);
  overflow: visible;
  background: transparent;
}

body.article-reading-page .article-cover::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  background:
    linear-gradient(180deg, rgba(10, 13, 14, 0.04), rgba(10, 13, 14, 0.18)),
    linear-gradient(90deg, rgba(202, 125, 73, 0.08), transparent 32%, transparent 68%, rgba(202, 125, 73, 0.06));
  content: "";
  pointer-events: none;
  transform: translateX(-50%);
}

body.article-reading-page .article-cover img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  max-width: none;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: translateX(-50%);
}

body.article-reading-page .article-reading-card > .article-document-hero {
  margin: 0 !important;
  padding: 0 0 clamp(28px, 4vw, 48px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(177, 104, 60, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.article-reading-page .article-reading-card > .article-document-hero::before,
body.article-reading-page .article-reading-card > .article-document-hero::after {
  display: none !important;
  content: none !important;
}

body.article-reading-page .article-reading-card > .article-document-hero .legal-document-heading {
  max-width: 980px;
}

@media (max-width: 760px) {
  body.article-reading-page .article-cover {
    height: clamp(230px, 68vw, 360px);
    margin-top: 24px;
    margin-bottom: 28px;
  }

  body.article-reading-page .article-cover img {
    object-position: center center;
  }
}

/* The article hero is a clean typographic introduction, not an image panel. */
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero {
  min-height: 0 !important;
  padding: clamp(24px, 4vw, 44px) 0 clamp(28px, 4vw, 46px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero::before,
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero::after {
  display: none !important;
  content: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero > div > *,
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown,
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown > * {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero h1 {
  color: #172a36 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero > div > span:not(.article-eyebrow) {
  color: #354f5d !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-eyebrow,
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-eyebrow .material-symbols-outlined {
  color: #8b532f !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-publication-date,
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-publication-date time {
  color: #465f6d !important;
  text-shadow: none !important;
}

/* High-contrast reading column on a transparent surface. */
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top :is(
  .article-detail-inner,
  .article-detail-layout,
  .article-markdown,
  .article-final-cta
) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Individual articles use one calm editorial card instead of a sidebar layout. */
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-detail-layout.article-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  margin-inline: auto !important;
  gap: 0 !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-detail-content.article-detail-content {
  display: grid !important;
  gap: clamp(28px, 4vw, 46px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-reading-card {
  display: grid !important;
  gap: clamp(28px, 4vw, 46px) !important;
  padding: clamp(24px, 5vw, 64px) !important;
  border: 1px solid var(--card-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  background-image: none !important;
  box-shadow: var(--card-glow-rest) !important;
  --card-line: rgba(207, 116, 61, 0.58);
  --card-line-active: rgba(207, 116, 61, 0.78);
  --card-glow-rest:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 18px 46px rgba(73, 45, 27, 0.1),
    0 0 22px rgba(224, 126, 65, 0.2),
    0 0 0 1px rgba(207, 116, 61, 0.1);
  --card-glow-active:
    inset 0 1px 0 #ffffff,
    0 14px 34px rgba(190, 105, 55, 0.13),
    0 0 24px rgba(224, 126, 65, 0.22),
    0 0 0 1px rgba(207, 116, 61, 0.12);
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown {
  width: min(100%, 760px) !important;
  margin-inline: auto !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown {
  color: #2f4856 !important;
  font-size: clamp(1rem, 1.12vw, 1.08rem) !important;
  line-height: 1.78 !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(p, li) {
  color: #2f4856 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(h2, h3, h4) {
  color: #172a36 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(strong, b) {
  color: #203f52 !important;
  opacity: 1 !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown a {
  color: #315f78 !important;
  text-decoration-color: rgba(49, 95, 120, 0.42) !important;
}

/* Keep article copy on one uninterrupted reading surface. */
html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(
  p,
  ul,
  ol,
  li,
  blockquote,
  table,
  thead,
  tbody,
  tr,
  th,
  td
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown--featured-lists > ol:nth-of-type(1) > li {
  border-color: rgba(53, 78, 92, 0.16) !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-markdown--featured-lists > ol:nth-of-type(1) > li :is(strong, a) {
  color: #203f52 !important;
}

html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-final-cta.article-final-cta.light-block-tone-3 {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Dark archive uses the same card grid and card anatomy as the light theme. */
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 22px) !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto !important;
  min-height: 320px !important;
  gap: 16px !important;
  align-content: stretch !important;
  padding: clamp(20px, 2.4vw, 28px) !important;
  border-radius: 8px !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-index,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-icon,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-category,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-meta,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card h2,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card > p,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-link {
  grid-column: auto !important;
  grid-row: auto !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-index {
  align-self: auto !important;
  padding-top: 0 !important;
  font-size: 0.86rem !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-icon {
  display: grid !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card h2 {
  max-width: none !important;
  font-size: clamp(1.14rem, 1.6vw, 1.34rem) !important;
  line-height: 1.22 !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-category {
  justify-self: auto !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 0.72rem !important;
  line-height: normal !important;
  letter-spacing: 0.09em !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-meta {
  align-self: auto !important;
  justify-self: auto !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card > p {
  max-width: none !important;
  font-size: 0.92rem !important;
  line-height: 1.62 !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card .article-card-link {
  display: inline-flex !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 1100px) {
  html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-directory-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-directory-card.article-directory-card {
    min-height: 0 !important;
    padding: 20px !important;
  }
}

/* Keep all archive controls in one deliberate workspace: search and result
   count occupy the first row, while topic filters form a calm second row. */
body.article-archive-catalog-page .article-archive-tools > .article-category-strip {
  grid-column: 1 / -1;
  width: 100%;
  padding: 12px 4px 2px;
  border-top: 1px solid rgba(var(--gold-rgb), 0.16);
  align-self: auto;
  justify-content: flex-start;
}

@media (max-width: 680px) {
  body.article-archive-catalog-page .article-archive-tools > .article-category-strip {
    padding-inline: 2px;
    gap: 8px;
  }
}

/* Final article hero: the title sits directly on the photographic cover. */
html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card > .article-document-hero.article-document-hero {
  position: relative !important;
  isolation: isolate;
  min-height: clamp(460px, 43vw, 580px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 0 !important;
  padding: clamp(34px, 5vw, 68px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #121414 !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero .article-header-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  order: initial !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-header-visual img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center;
}

body.article-reading-page .article-header-visual::after {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(9, 12, 13, 0.9) 0%, rgba(9, 12, 13, 0.7) 48%, rgba(9, 12, 13, 0.12) 82%),
    linear-gradient(180deg, rgba(9, 12, 13, 0.08) 28%, rgba(9, 12, 13, 0.72) 100%) !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero .legal-document-heading {
  position: relative;
  z-index: 999 !important;
  align-self: end !important;
  max-width: 820px !important;
  padding: 0 !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero .legal-document-heading h1 {
  color: #f7f8f5 !important;
  -webkit-text-fill-color: #f7f8f5 !important;
  text-shadow: 0 3px 24px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero .legal-document-lede {
  color: rgba(239, 244, 244, 0.88) !important;
  -webkit-text-fill-color: rgba(239, 244, 244, 0.88) !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.48) !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero :is(.legal-document-kicker, .legal-document-kicker .material-symbols-outlined) {
  color: #e6ad7d !important;
  -webkit-text-fill-color: #e6ad7d !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero :is(.article-document-date, .article-document-date time, .article-document-date .material-symbols-outlined) {
  color: rgba(239, 244, 244, 0.9) !important;
  -webkit-text-fill-color: rgba(239, 244, 244, 0.9) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 681px) and (max-width: 1024px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero {
    min-height: clamp(500px, 70vw, 650px) !important;
    padding: clamp(34px, 6vw, 54px) !important;
  }
}

@media (max-width: 680px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero {
    min-height: clamp(560px, 138vw, 700px) !important;
    padding: 28px 22px !important;
  }

  body.article-reading-page .article-header-visual::after {
    background:
      linear-gradient(180deg, rgba(9, 12, 13, 0.12) 10%, rgba(9, 12, 13, 0.54) 48%, rgba(9, 12, 13, 0.94) 100%) !important;
  }
}

@media (max-width: 420px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-document-hero .legal-document-heading h1 {
    font-size: clamp(2.05rem, 11vw, 3rem) !important;
    line-height: 1.02 !important;
  }

  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-document-hero .legal-document-lede {
    font-size: 0.94rem !important;
    line-height: 1.55 !important;
  }
}

@media (orientation: landscape) and (max-height: 700px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero {
    min-height: max(430px, calc(100svh - 120px)) !important;
  }
}

/* Editorial split header: the article visual fills the previously empty
   column inside the same bordered reading card as the title and metadata. */
html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-detail-page.article-detail-page {
  padding-top: 150px !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-detail-inner > .breadcrumbs {
  position: sticky !important;
  top: 78px !important;
  left: auto !important;
  margin-bottom: -8px !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card > .article-document-hero.article-document-hero {
  min-height: clamp(400px, 40vw, 520px) !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.78fr) !important;
  align-items: stretch !important;
  gap: clamp(32px, 5vw, 72px) !important;
}

body.article-reading-page .article-header-visual {
  position: relative;
  min-width: 0;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(177, 104, 60, 0.22);
  border-radius: 4px;
  background: #171817;
}

body.article-reading-page .article-header-visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 58%, rgba(11, 12, 12, 0.16));
  content: "";
  pointer-events: none;
}

body.article-reading-page .article-header-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

body.article-reading-page .article-reading-card > .article-document-hero .legal-document-heading {
  align-self: center;
}

@media (max-width: 980px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  body.article-reading-page .article-header-visual {
    min-height: clamp(240px, 58vw, 380px);
    order: -1;
  }
}

@media (max-width: 680px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-detail-page.article-detail-page {
    padding-top: 118px !important;
  }

  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-detail-inner > .breadcrumbs {
    top: 68px !important;
  }
}

/* The article photograph replaces the former faceted document decoration.
   Keep the heading area inside the reading card completely clean. */
html.light[data-theme="light"] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card.article-reading-card {
  background: #ffffff !important;
  background-image: none !important;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card > .article-document-hero.article-document-hero::before,
html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card > .article-document-hero.article-document-hero::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

/* Let the photograph occupy the former hero block from edge to edge. The
   breadcrumb floats over it instead of reserving an empty strip above it. */
html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-detail-page.article-detail-page {
  padding-top: 78px !important;
}

body.article-reading-page .article-detail-inner.article-detail-inner {
  position: relative;
}

html[data-theme] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-detail-inner > .breadcrumbs {
  position: absolute !important;
  top: clamp(18px, 3vw, 34px) !important;
  left: 0;
  margin: 0 !important;
}

body.article-reading-page .article-cover.article-cover {
  margin-top: 0 !important;
}

@media (max-width: 680px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-detail-page.article-detail-page {
    padding-top: 64px !important;
  }

  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-detail-inner > .breadcrumbs {
    top: 16px !important;
  }
}

/* Let the page canvas show through beneath the summary cards and long-form
 * copy. Individual summary cards keep their own bordered surfaces. */
html:not([data-theme="light"]) body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top :is(
    .article-reading-card,
    .article-summary,
    .article-summary-grid,
    .article-markdown
  ) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-reading-card {
  border: 1px solid rgba(218, 151, 91, 0.5) !important;
  border-radius: 8px !important;
  background: #141414 !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 219, 0.04),
    0 20px 52px rgba(0, 0, 0, 0.3),
    0 0 24px rgba(210, 126, 65, 0.14),
    0 0 0 1px rgba(218, 151, 91, 0.07) !important;
}

/* Let each article image be the only card surface in the dark archive.
 * Text remains unboxed; contrast comes from a restrained shadow, not a fill. */
html:not([data-theme="light"]) body.article-archive-catalog-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card,
html:not([data-theme="light"]) body.article-archive-catalog-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card:is(:hover, :focus-visible) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card::before,
html:not([data-theme="light"]) body.article-archive-catalog-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-directory-card.article-directory-card:is(:hover, :focus-visible)::before {
  filter: saturate(0.7) contrast(1.08) brightness(0.7) !important;
  opacity: 0.56 !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page
  .article-directory-card.article-directory-card :is(h2, p, .article-card-meta) {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.82) !important;
}

/* Final dark canvas override: generated internal-page selectors repeat #top. */
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top .article-detail-page.article-detail-page {
  background: #0f1111 !important;
  background-color: #0f1111 !important;
  background-image: none !important;
}

/* Keep the articles catalogue on the same deep, faceted canvas as the
   subscription page instead of the flatter grey reading surface. */
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top .article-archive-page.article-archive-page {
  background-color: #0c0e0e !important;
  background-image: var(--section-faceted-art, var(--section-faceted-left)) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-blend-mode: normal !important;
}

html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top .article-archive-page.article-archive-page::before,
html:not([data-theme="light"]) body.article-archive-catalog-page main#top#top#top#top#top#top .article-archive-page.article-archive-page::after {
  display: none !important;
  content: none !important;
}

/* Article hero correction: the document-code stamp belongs to policy pages,
   not editorial articles. Keep the article introduction open and typographic. */
body.article-reading-page .article-document-hero.article-document-hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.article-reading-page .article-document-stamp.article-document-stamp {
  display: none !important;
}

/* Strengthen the light faceted artwork while keeping the reading canvas continuous. */
html.light[data-theme="light"] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero.article-document-hero::before {
  background-color: #e7eaed !important;
  background-image:
    linear-gradient(90deg, rgba(67, 84, 95, 0.035), rgba(67, 84, 95, 0.075)),
    var(--section-faceted-strata) !important;
  background-blend-mode: normal, normal !important;
  filter: saturate(0.9) contrast(1.12) !important;
}

html.light[data-theme="light"] body.article-reading-page
  main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
  .article-document-hero.article-document-hero::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  html.light[data-theme="light"] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-document-hero.article-document-hero::before {
    background-position: center top !important;
    background-size: cover !important;
  }
}

/*
 * Dark theme: keep the same calm editorial composition as the light theme.
 * Only the surface and type palette changes; spacing, hierarchy and reading
 * width stay identical between themes.
 */
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-detail-page.article-detail-page {
  background-color: #0f1111 !important;
  background-image: none !important;
  background-size: auto !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top {
  background-color: #0f1111 !important;
  background-image: none !important;
}

html:not([data-theme="light"]) body.article-reading-page .article-detail-inner > .breadcrumbs {
  border-color: rgba(208, 154, 98, 0.28) !important;
  background: rgba(17, 18, 18, 0.94) !important;
  color: #dbe8ee !important;
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.28) !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero {
  border-color: transparent !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero::before,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero::after {
  display: none !important;
  content: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero > div > *,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown > * {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero h1 {
  color: #f1f6f8 !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero > div > span:not(.article-eyebrow),
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-publication-date,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-publication-date time {
  color: #aec1ca !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-eyebrow,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-hero.article-hero .article-eyebrow .material-symbols-outlined {
  color: #d89a68 !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-reading-card {
  border-color: rgba(224, 139, 74, 0.56) !important;
  background: rgba(20, 20, 20, 0.99) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 229, 0.025),
    0 20px 52px rgba(0, 0, 0, 0.28),
    0 0 24px rgba(224, 126, 65, 0.16),
    0 0 0 1px rgba(224, 139, 74, 0.08) !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown,
html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(p, li) {
  color: #c4d2d9 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(h2, h3, h4) {
  color: #f1f6f8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(strong, b) {
  color: #e3edf1 !important;
  opacity: 1 !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown a {
  color: #79c7e8 !important;
  text-decoration-color: rgba(121, 199, 232, 0.48) !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown.article-markdown :is(
  p,
  ul,
  ol,
  li,
  blockquote,
  table,
  thead,
  tbody,
  tr,
  th,
  td
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown--featured-lists > ol:nth-of-type(1) > li {
  border-color: rgba(138, 196, 220, 0.18) !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-markdown--featured-lists > ol:nth-of-type(1) > li :is(strong, a) {
  color: #e3edf1 !important;
}

html:not([data-theme="light"]) body.article-reading-page main#top#top#top#top#top#top .article-final-cta.article-final-cta.light-block-tone-3 {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Archive typography remains crisp over the decorative canvas. */
html.light[data-theme="light"] body.article-archive-catalog-page main#top#top#top#top#top#top .article-archive-page :is(
  .article-archive-hero h1,
  .article-card h2
) {
  color: #172a36 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html.light[data-theme="light"] body.article-archive-catalog-page main#top#top#top#top#top#top .article-archive-page :is(
  .article-archive-hero p,
  .article-card p,
  .article-card-meta
) {
  color: #354f5d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

@media (max-width: 680px) {
  body:is(.article-archive-catalog-page, .article-reading-page) .article-archive-inner > .breadcrumbs,
  body:is(.article-archive-catalog-page, .article-reading-page) .article-detail-inner > .breadcrumbs {
    top: 68px !important;
    max-width: calc(100vw - 24px) !important;
  }

  html.light[data-theme="light"] body.article-reading-page main#top#top#top#top#top#top .article-reading-card {
    padding: 22px 18px 28px !important;
    border-radius: 6px !important;
  }
}

/* Final media-heading geometry. Earlier article experiments used several
 * competing min-heights, so a minimum alone did not visibly normalize the
 * rendered block. Keep one exact desktop stage and let compact screens size
 * themselves from their content. */
@media (min-width: 981px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero.page-heading--media {
    min-height: 520px !important;
    height: 520px !important;
    max-height: 520px !important;
  }
}

@media (max-width: 980px) {
  html[data-theme] body.article-reading-page
    main#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top#top
    .article-reading-card > .article-document-hero.article-document-hero.page-heading--media {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
}