/* Nov 2 staging corrections. Shared grid/type tokens are owned by alignment.css. */
@media screen {
  body[data-route="/platform"] .platform-page {
    display: block;
  }

  body[data-route="/platform"] .platform-page :is(.hero, .section) {
    padding-block: 96px;
  }

  body[data-route="/platform"] .platform-hero {
    display: block;
    max-width: none;
  }

  body[data-route="/platform"] :is(.platform-hero-copy, .platform-pair-copy, .platform-cloud-copy, .section-heading) {
    min-width: 0;
    container-type: inline-size;
  }

  body[data-route="/platform"] .platform-hero-copy {
    width: 100%;
  }

  body[data-route="/platform"] .platform-hero h1 span {
    display: inline;
    white-space: normal;
  }

  body[data-route="/platform"] .platform-page :is(h1, h2, h3) {
    text-wrap: balance;
  }

  body[data-route="/platform"] .platform-page p {
    max-width: 68ch;
    line-height: 1.5;
    text-wrap: pretty;
  }

  body[data-route="/platform"] .platform-page .eyebrow {
    margin: 0 0 16px;
  }

  body[data-route="/platform"] .platform-hero .subhead {
    margin: 24px 0 32px;
  }

  body[data-route="/platform"] :is(.platform-ecosystem-section, .platform-nexus-section, .platform-operator-section, .platform-security-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 64px;
  }

  /* The outer cells stretch equally; shorter copy stays vertically centered. */
  body[data-route="/platform"] .platform-pair-copy {
    align-self: stretch;
    display: grid;
    align-content: center;
  }

  body[data-route="/platform"] .platform-pair-copy .section-heading {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }

  body[data-route="/platform"] .platform-pair-copy > .body-large {
    margin-top: 24px;
  }

  body[data-route="/platform"] .platform-pair-copy > .body-large:first-child {
    margin-top: 0;
  }

  body[data-route="/platform"] .platform-cloud-copy .section-heading {
    max-width: 68ch;
    margin-bottom: 0;
  }

  body[data-route="/platform"] .section-heading .body-large {
    margin-top: 24px;
  }

  body[data-route="/platform"] .platform-image-open {
    margin-top: 32px;
  }

  body[data-route="/platform"] .platform-image-open a {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
  }

  /* Native ratios keep the approved artwork intact unless taller copy needs a crop. */
  body[data-route="/platform"] .platform-ecosystem-link {
    position: relative;
    align-self: stretch;
    display: block;
    width: 100%;
    max-width: none;
    aspect-ratio: 810 / 881;
    border-radius: 24px;
  }

  body[data-route="/platform"] .platform-ecosystem-link > .platform-ecosystem-visual {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    border-radius: 24px;
  }

  body[data-route="/platform"] .platform-nexus-section > .platform-nexus-visual {
    position: relative;
    align-self: stretch;
    justify-self: stretch;
    width: 100%;
    max-width: none;
    aspect-ratio: 665 / 573;
    margin: 0;
    border-radius: 24px;
  }

  body[data-route="/platform"] :is(.platform-ecosystem-visual, .platform-nexus-visual) > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body[data-route="/platform"] .platform-operator-section > .browser-moment {
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 24px;
  }

  body[data-route="/platform"] .faq-section > .section-heading {
    max-width: none;
    margin-bottom: 32px;
  }

  body[data-route="/platform"] .faq summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px;
    align-items: center;
    gap: 24px;
    min-height: 96px;
    padding-block: 24px;
    line-height: 1.5;
  }

  body[data-route="/platform"] .faq-plus {
    width: 24px;
    text-align: center;
    align-self: start;
    line-height: inherit;
  }

  body[data-route="/platform"] .faq-answer {
    max-width: 68ch;
    padding: 0 48px 24px 0;
    line-height: 1.5;
  }

  body[data-route="/platform"] :is(.platform-ecosystem-link, .platform-image-open a, .faq summary):focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 8px;
  }
}

@media screen and (max-width: 800px) {
  body[data-route="/platform"] .platform-page :is(.hero, .section) {
    padding-block: 64px;
  }

  body[data-route="/platform"] :is(.platform-ecosystem-section, .platform-nexus-section, .platform-operator-section, .platform-security-grid) {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  body[data-route="/platform"] .platform-page :is(.platform-hero, .platform-pair-copy, .platform-cloud-copy) {
    text-align: left;
  }

  body[data-route="/platform"] .platform-ecosystem-link,
  body[data-route="/platform"] .platform-nexus-section > .platform-nexus-visual,
  body[data-route="/platform"] .platform-operator-section > .browser-moment {
    order: -1;
  }

  body[data-route="/platform"] .platform-hero h1 br {
    display: none;
  }

  body[data-route="/platform"] .platform-operator-section .browser-bar {
    padding: 16px;
    gap: 16px;
  }

  body[data-route="/platform"] .platform-operator-section .browser-content {
    padding: 24px 16px;
  }

  body[data-route="/platform"] .platform-operator-section :is(.unit-row, .dashboard-heading) {
    gap: 16px;
    flex-wrap: wrap;
  }

  body[data-route="/platform"] .platform-operator-section .portfolio-summary {
    gap: 8px;
  }

  body[data-route="/platform"] .platform-operator-section .portfolio-summary > span {
    min-width: 0;
    padding: 16px 8px;
  }

  body[data-route="/platform"] .faq summary {
    min-height: 144px;
  }

  body[data-route="/platform"] .faq-answer {
    padding-right: 0;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  body[data-route="/platform"] .faq-plus {
    transition: none;
  }
}

/* November 3: only the two image rows, local dashboard, and security copy. */
body[data-route='/platform'] .platform-page :is(.platform-ecosystem-section, .platform-nexus-section) { padding-block: 64px; }
body[data-route='/platform'] .platform-ecosystem-link,
body[data-route='/platform'] .platform-nexus-section > .platform-nexus-visual { max-width: 520px; align-self: center; justify-self: center; }
body[data-route='/platform'] .platform-security-grid { display: block; }
body[data-route='/platform'] .platform-security-grid > .platform-pair-copy { display: block; max-width: 680px; }
body[data-route='/platform'] .platform-dashboard-skeleton .platform-skeleton-line { display: block; width: 96px; height: 8px; border-radius: 8px; background: #C4C4A7; }
body[data-route='/platform'] .platform-dashboard-skeleton .platform-skeleton-ring { display: block; width: 32px; height: 32px; border: 5px solid #C4C4A7; border-radius: 50%; flex-shrink: 0; }
body[data-route='/platform'] .platform-dashboard-skeleton .portfolio-summary .platform-skeleton-line { width: 48px; }
body[data-route='/platform'] .platform-dashboard-skeleton .platform-skeleton-lines { display: grid; gap: 10px; width: 70%; }
body[data-route='/platform'] .platform-dashboard-skeleton .platform-skeleton-lines .platform-skeleton-line { width: 100%; }
body[data-route='/platform'] .platform-dashboard-skeleton .platform-skeleton-lines .platform-skeleton-line + .platform-skeleton-line { width: 65%; height: 6px; background: #E2E2D3; }