/* =====================================================
   LEGAL PAGES — shared simple layout
   Used by: privacy-policy.blade.php, terms-and-conditions.blade.php
   (near-identical heading + numbered-section text layouts,
   so they share this one CSS file per the "minimum duplicate
   CSS" rule instead of two near-empty files.)
===================================================== */

.nh-body {
  background: #FFFFFF;
  color: #111317;
  -webkit-font-smoothing: antialiased;
}

.nh-body .container-xl {
  width: min(100% - 40px, 1280px);
  margin-inline: auto;
}

/* ---- H1 (hero-title): 40px desktop / 32px tablet / 25px phone ---- */
.nh-body .pg-hero .hero-title {
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}

@media (max-width: 768px) {
  .nh-body .pg-hero .hero-title {
    font-size: 32px;
  }
}

@media (max-width: 576px) {
  .nh-body .pg-hero .hero-title {
    font-size: 25px;
  }
}

.nh-body .pg-hero .hero-desc {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .62);
  max-width: 58ch;
  margin: 0 0 1.8rem;
}

@media (max-width: 768px) {
  .nh-body .pg-hero .hero-desc {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* ---- prose section (numbered legal text) ---- */
.legal-section {
  padding: 4.5rem 0 6rem;
  background: #FFFFFF;
}

@media (max-width: 768px) {
  .legal-section {
    padding: 3rem 0 4rem;
  }
}

.legal-prose {
  max-width: 820px;
  margin: 0 auto;
}

/* ---- H2 (section headings): 35px desktop / 30px tablet / 23px mobile ---- */
.legal-prose h2 {
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.15;
  color: #111317;
  margin: 2.4rem 0 1rem;
}

.legal-prose h2:first-child {
  margin-top: 0;
}

@media (max-width: 992px) {
  .legal-prose h2 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .legal-prose h2 {
    font-size: 23px;
  }
}

/* ---- Paragraph: 17px desktop / 15px mobile ---- */
.legal-prose p {
  font-size: 17px;
  line-height: 1.75;
  color: #4B5563;
  margin: 0 0 1rem;
}

@media (max-width: 768px) {
  .legal-prose p {
    font-size: 15px;
  }
}

.legal-prose ul {
  margin: 0 0 1rem;
  padding-left: 1.4rem;
}

.legal-prose li {
  font-size: 17px;
  line-height: 1.75;
  color: #4B5563;
  margin-bottom: .5rem;
}

@media (max-width: 768px) {
  .legal-prose li {
    font-size: 15px;
  }
}

.legal-prose a {
  color: #D91C1C;
  text-decoration: underline;
}

.legal-prose strong {
  font-size: 17px;
  color: #111317;
  font-weight: 700;
}

@media (max-width: 768px) {
  .legal-prose strong {
    font-size: 15px;
  }
}