/* ========================================================================== 
   NASHORN legal-page responsive family
   Desktop typography remains owned by pages.css and worlds.css. Legal pages
   use the shared long-form primitive from site-responsive-foundation.css.
   ========================================================================== */

/* Legal pages use the normal site inner; reading measure belongs to copy. */
.legal-page .np-legal {
  max-width: none;
}

.legal-page .np-legal .site-responsive-eyebrow {
  gap: var(--site-eyebrow-gap);
  margin-bottom: var(--site-page-eyebrow-gap);
  color: var(--nashorn-blue);
  font-size: var(--site-eyebrow-size);
  line-height: var(--site-eyebrow-line-height);
  letter-spacing: var(--site-eyebrow-letter-spacing);
  text-transform: uppercase;
}

.legal-page .np-legal .site-responsive-eyebrow::before {
  display: block;
  width: var(--site-eyebrow-mark-width);
  height: var(--site-eyebrow-mark-height);
  margin-left: var(--site-eyebrow-mark-offset);
}

/* Canonical non-desktop families only. */
@media (min-width: 768px) and (max-width: 1199.98px) and (orientation: landscape) and (min-height: 601px),
       (min-width: 1024px) and (max-width: 1199.98px) and (orientation: portrait),
       (max-width: 767.98px),
       (min-width: 768px) and (max-width: 1023.98px) and (orientation: portrait),
       (min-width: 768px) and (max-width: 1199.98px) and (orientation: landscape) and (max-height: 600px) {
  .legal-page .np-block {
    padding-block: var(--site-section-space);
  }

  .legal-page .np-legal .site-responsive-title {
    margin: 0 0 var(--site-title-copy-gap);
    font-size: var(--site-title-size);
    line-height: var(--site-title-line-height);
    letter-spacing: var(--site-title-letter-spacing);
  }

  .legal-page .np-legal p,
  .legal-page .np-legal li {
    color: var(--text-soft);
    font-size: var(--site-body-size);
    line-height: var(--site-reading-line-height);
  }

  .legal-page .np-legal .site-responsive-reading__lead {
    color: var(--navy-900);
    font-size: var(--site-lead-size);
    line-height: var(--site-lead-line-height);
  }

  .legal-page .np-legal h2 {
    max-width: 28ch;
    margin: var(--site-reading-section-gap) 0 var(--site-reading-copy-gap);
    font-size: var(--site-card-feature-title-size);
    line-height: var(--site-card-feature-title-line-height);
    letter-spacing: var(--site-card-feature-title-letter-spacing);
  }

  .legal-page .np-legal a {
    color: var(--nashorn-blue);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
  }
}

/* Compact Touch Master rhythm for low-height landscape. */
@media (max-width: 1199.98px) and (orientation: landscape) and (max-height: 600px) {
  .legal-page .np-block {
    padding-block: var(--site-section-space-compact);
  }
}