/* Shared public-page refinement; original report artwork and form behavior stay intact. */
.theme-dark .refined-page {
  --refined-pad: clamp(56px, 7vw, 96px);
  --refined-gap: clamp(24px, 4vw, 56px);
  background: var(--theme-dark);
  color: var(--theme-offwhite);
}

.theme-dark .refined-page :is(.refined-shell, .refined-hero) {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  padding-inline: var(--gutter);
}

.theme-dark .refined-page .refined-hero > .refined-shell {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  padding-inline: 0;
}

.theme-dark .refined-page .refined-hero {
  padding-block: var(--refined-pad);
}

.theme-dark .refined-page .refined-hero :is(h1, .support-display) {
  max-inline-size: 16ch;
  margin: 0;
  color: var(--theme-offwhite);
  font-size: clamp(40px, 5.8vw, 80px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-transform: none;
}

.theme-dark .refined-page .refined-hero > p {
  max-inline-size: 58ch;
  margin: 24px 0 0;
  color: var(--theme-muted);
  font-size: 17px;
  line-height: 1.65;
}

.theme-dark .refined-page .refined-section {
  padding-block: var(--refined-pad);
  border-top: 1px solid var(--theme-hairline);
  background: transparent;
}

.theme-dark
  .refined-page
  .refined-section
  > :is(h2, p, ol, ul, dl, figure, .refined-actions) {
  max-inline-size: 1280px;
  margin-inline: auto;
}

.theme-dark
  .refined-page
  :is(.refined-section h2, .refined-section .support-title) {
  margin-block: 0 24px;
  color: var(--theme-offwhite);
  font-size: clamp(26px, 2.8vw, 36px);
  line-height: 1.2;
  letter-spacing: -0.025em;
  text-transform: none;
}

.theme-dark .refined-page .refined-section h3 {
  margin: 0 0 16px;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.3;
  text-transform: none;
}

.theme-dark
  .refined-page
  :is(.refined-section p, .refined-section li, .refined-section dd) {
  color: var(--theme-muted);
  font-size: 16px;
  line-height: 1.65;
}

.theme-dark .refined-page .refined-section p + p {
  margin-block-start: 16px;
}

.theme-dark .refined-page .refined-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--refined-gap);
}

.theme-dark .refined-page .refined-columns > * {
  min-inline-size: 0;
}

.theme-dark .refined-page .refined-steps {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.theme-dark .refined-page .refined-steps > li {
  display: grid;
  grid-template-columns: 40px minmax(160px, 0.8fr) minmax(0, 1.2fr);
  gap: 24px;
  align-items: start;
  padding-block: 32px;
  border-bottom: 1px solid var(--theme-hairline);
  background: transparent;
}

.theme-dark .refined-page .refined-steps > li:first-child {
  padding-block-start: 0;
}

.theme-dark .refined-page .refined-steps > li:last-child {
  border-bottom: 0;
  padding-block-end: 0;
}

.theme-dark .refined-page .refined-step-number {
  padding-block-start: 7px;
  color: var(--theme-lime);
  font-family: var(--body);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.theme-dark .refined-page .refined-steps :is(h2, h3) {
  margin: 0;
  font-size: clamp(22px, 2vw, 30px);
}

.theme-dark .refined-page .refined-steps p {
  margin-block: 0 12px;
}

.theme-dark .refined-page .refined-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 0;
  margin: 24px 0;
  list-style: none;
}

.theme-dark .refined-page .refined-scope li {
  margin: 0;
  color: var(--theme-offwhite);
}

.theme-dark .refined-page :is(.refined-note, .refined-section .refined-note) {
  max-inline-size: 72ch;
  color: var(--theme-muted);
  font-size: 14px;
  line-height: 1.6;
}

.theme-dark .refined-page .refined-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-block-start: 28px;
}

.theme-dark .refined-page .refined-actions :is(a, button) {
  font-size: 14px;
}

.theme-dark .refined-page a:not(.button):not(.support-button) {
  text-underline-offset: 5px;
}

.theme-dark .refined-page figure {
  min-inline-size: 0;
  margin: 0;
}

.theme-dark .refined-page figure img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  filter: none;
}

.theme-dark .refined-page figure figcaption {
  margin-block-start: 12px;
  color: var(--theme-muted);
  font-size: 12px;
  line-height: 1.5;
}

.theme-dark .refined-page .refined-portrait {
  max-inline-size: 320px;
}

.theme-dark .refined-page .refined-form {
  max-inline-size: 720px;
}

.theme-dark .refined-page .refined-form :is(input, select, textarea) {
  font-size: 16px;
}

@media (max-width: 760px) {
  .theme-dark .refined-page {
    --refined-pad: 48px;
  }

  .theme-dark .refined-page .refined-hero > p {
    margin-block-start: 20px;
    font-size: 16px;
  }

  .theme-dark .refined-page .refined-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .theme-dark .refined-page .refined-steps > li {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px 16px;
    padding-block: 28px;
  }

  .theme-dark .refined-page .refined-steps > li > :last-child {
    grid-column: 2;
  }

  .theme-dark .refined-page .refined-portrait {
    max-inline-size: 240px;
  }

  .theme-dark .refined-page .refined-actions {
    gap: 16px 20px;
    margin-block-start: 24px;
  }
}

/* Evidence rows occupy a half-width column, unlike the full-width process. */
.theme-dark
  :is(.page-example-detail, [data-support-page="marketing-review"])
  .refined-steps
  > li {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px 16px;
}

.theme-dark
  :is(.page-example-detail, [data-support-page="marketing-review"])
  .refined-steps
  > li
  > :nth-child(n + 3) {
  grid-column: 2;
}

/* The purchase introduction sits beside the protected form, not in a full-page hero. */
.theme-dark .purchase-page.refined-page .purchase-intro.refined-hero {
  inline-size: auto;
  max-inline-size: none;
  margin: 0;
  padding: 0;
}

.theme-dark .purchase-page.refined-page .purchase-intro > .refined-shell {
  padding-inline: 0;
}

.theme-dark .purchase-page.refined-page .purchase-intro .refined-section {
  padding-block: 28px;
}

.theme-dark .purchase-page.refined-page .purchase-intro .refined-hero h1,
.theme-dark .purchase-page.refined-page .purchase-intro h1 {
  font-size: clamp(34px, 3.2vw, 52px);
}

.theme-dark .purchase-page.refined-page .purchase-intro .refined-scope {
  display: block;
  margin-block: 16px;
}

.theme-dark .purchase-page.refined-page .purchase-intro .refined-scope li + li {
  margin-block-start: 8px;
}