/* RED LIVE 1.0: approved DEV 1.3 presentation transfer.
   Historical source comment follows; loaded only by the LIVE shell. */
/* RED DEV 1.3: consistent public-page rails, not a redesign of account pages.
   The paired loader allows 25 public templates and the 14 explicitly named
   member-article counterparts in DE/EN/ES, plus seven named standalone forms;
   it grants no access rights. Embedded newsletter forms are excluded.
   Home, method, and references retain their own previously verified layouts. */
body.red-public-layout-live {
  --red-public-gutter: clamp(16px, 2.2vw, 32px);
  --red-public-inset: clamp(18px, 2.2vw, 32px);
  --red-public-gap: clamp(18px, 2vw, 28px);
}
body.red-shell-page.red-public-layout-live :is(header.hero, .red-content-hero, .science-hero, .red-search-hero) {
  padding-block: var(--red-public-gap) 0 !important;
  min-height: 0;
  border-bottom: 0;
}
body.red-public-layout-live :is(header.hero > .wrap, header.hero > .wide,
  .red-content-wrap, .science-hero-grid, .sample-wrap, .red-search-wrap,
  main > .wrap, main > article > .wrap, .red-review-preview, .red-blog-search-entry) {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 2 * var(--red-public-gutter)));
  max-width: 1200px;
  margin-inline: auto;
}
body.red-shell-page.red-public-layout-live :is(header.hero > .wrap:not(.hero-grid), header.hero > .wide,
  main > article > .wrap:first-child) {
  padding: var(--red-public-inset);
}
body.red-public-layout-live :is(main > .wrap, main > article > .wrap:not(:first-child),
  header.hero > .hero-grid) {
  padding-inline: 0;
}
body.red-public-layout-live :is(.red-content-hero .red-content-wrap, .hero-grid, .science-hero-grid) {
  gap: var(--red-public-gap);
}
body.red-public-layout-live :is(.red-content-hero .red-content-wrap, .hero-grid, .science-hero-grid,
  .red-card-grid, .red-two-column, .red-split-panel, .red-founder-grid, .red-process-grid,
  .blogrow, .magazine-feature, .science-actions, .evidence-grid) > * {
  min-width: 0;
}
body.red-public-layout-live :is(.red-content-hero .red-content-wrap > div,
  .hero-grid > div, .red-hero-note, .premium-note, .red-reading-card,
  .red-content-copy, .red-review-preview) {
  padding: var(--red-public-inset);
}
body.red-public-layout-live :is(.red-content-page, main.content, .red-search-main) {
  padding-block: var(--red-public-gap) 56px;
}
body.red-public-layout-live main > article {
  padding-block: var(--red-public-gap) 56px;
}
body.red-public-layout-live .red-detail-section {
  margin-top: var(--red-public-gap);
}
body.red-public-layout-live .red-content-page > .red-content-wrap > .sr-only + .red-card-grid,
body.red-public-layout-classic main.content > .wrap > .card:first-child {
  margin-top: 0;
}
body.red-public-layout-article > :is(.band, .colorband, .thumbband) { display: none; }
body.red-public-layout-live :is(header h1, header h2, main h1, main h2, main h3,
  main p, main li, main blockquote, main figcaption, main .quote) {
  overflow-wrap: anywhere;
}
body.red-public-layout-live :is(main p, main li, main blockquote) {
  line-height: 1.65;
}
body.red-public-layout-live :is(main > article > .wrap > p,
  main > article > .wrap > h2, main > article > .wrap > h3,
  main > article > .wrap > ul, main > article > .wrap > ol,
  .red-content-copy > p, .red-content-copy > ul, .red-content-copy > ol,
  .sample-section > p, .sample-intro > p) {
  max-width: 88ch;
}
body:is(.red-public-layout-article, .red-public-layout-project) main > article > .wrap :is(p, ul, ol) {
  max-width: 88ch;
}
body.red-public-layout-article header.hero h1 { max-width: 32ch; }
body.red-public-layout-live .red-review-preview {
  margin-block: var(--red-public-gap) 0;
}
/* A consistent outside rail while keeping the archive's deliberate grids. */
body.red-public-layout-archive .red-blog-search-entry {
  margin-block: var(--red-public-gap);
  padding: 0;
}
body.red-public-layout-archive main { padding-block: 0 56px; }
body.red-public-layout-archive .archive-section-head > div {
  width: 100%;
  max-width: none;
}
body.red-public-layout-archive .archive-section {
  padding-block: 0 var(--red-public-gap);
}
body.red-public-layout-archive .archive-section + .archive-section {
  padding-top: var(--red-public-gap);
}
/* The magazine keeps its cover and numbered chapters; its text remains a
   readable measure inside the same broad rail as the other public pages. */
body.red-public-layout-science .sample-wrap {
  padding-block: var(--red-public-gap) 56px;
}
body.red-public-layout-science .sample-intro { padding-top: 0; }
body.red-public-layout-science .sample-intro > p.opening {
  max-width: none;
  padding-right: max(var(--red-public-inset), calc(100% - 88ch - var(--red-public-inset)));
}
body.red-public-layout-science .sample-section {
  margin-block: var(--red-public-gap);
}
body.red-public-layout-science .science-hero-copy { min-width: 0; }
body.red-public-layout-search .red-search-page-form input { min-width: 0; }
/* The explicitly named legacy protected articles have the same static
   document structure, but some place article directly below body. */
body.red-public-layout-live > article { padding-block: var(--red-public-gap) 56px; }
body.red-public-layout-live > article > .wrap {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 2 * var(--red-public-gutter)));
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 0;
}
body.red-shell-page.red-public-layout-live > article > .wrap:first-child { padding: var(--red-public-inset); }
body.red-public-layout-live > article :is(h1, h2, h3, p, li, blockquote, figcaption, .quote) { overflow-wrap: anywhere; }
body.red-public-layout-live > article :is(p, li, blockquote) { line-height: 1.65; }
body.red-public-layout-live > article > .wrap :is(p, ul, ol) { max-width: 88ch; }
body.red-public-layout-live > article :is(.facts, .evidence-grid) > * { min-width: 0; }
/* Legacy public articles used teal primary actions. Match RED's primary
   forest-green actions without changing ordinary links or outline buttons. */
body.red-shell-page.red-public-layout-live :is(main, article, header.hero, .science-hero)
  :is(.btn:not(.secondary), .button:not(.secondary), .back,
    .premium-note > a, .magazine-button:not(.secondary)) {
  background: var(--red-forest);
  color: #fffaf0;
}
body.red-shell-page.red-public-layout-live :is(main, article, header.hero, .science-hero)
  :is(.btn:not(.secondary), .button:not(.secondary), .back,
    .premium-note > a, .magazine-button:not(.secondary)):hover {
  background: var(--red-forest-deep);
  color: #fffaf0;
}
@media (max-width: 760px) {
  body.red-public-layout-live :is(.red-content-hero .red-content-wrap, .hero-grid,
    .science-hero-grid, .red-two-column, .red-split-panel) {
    grid-template-columns: minmax(0, 1fr);
  }
  body.red-public-layout-live :is(.red-content-hero .red-content-wrap > *,
    .hero-grid > *, .science-hero-grid > *) { max-width: 100%; }
}