/* ======================================================
   CSS specifically for the accessibility & privacy pages
   ====================================================== */

   /*  =====================================
       Header & Navigation
       ===================================== */

   header {
      position: sticky;
      top: 0;
      background-color: rgba(250, 250, 249, 0.95);
      backdrop-filter: blur(10px);
      z-index: 50;
      border-bottom: 1px solid var(--color-border);
   }

   .nav-container {
      max-width: var(--container-width);
      height: var(--space-2xl);
      margin: 0 auto;
      padding: var(--space-md);
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .nav-logo {
      font-family: var(--font-display);
      font-size: 1.25rem;
      color: var(--color-dark);
      text-decoration: none;
      display: flex;
      transition: all var(--transition-base);
      gap: 1rem;
   }

   .nav-logo img{
     max-width: 32px;
   }

   .nav-controls {
     height: 32px;
     margin: var(--space-sm) 0;
     display: flex;
     align-items: center;
     gap: var(--space-md);
   }


   /*  =====================================
       Mobile Menu Toggle
       ===================================== */

   @media (max-width: 768px) {
       .cta-link {
           display: none;
       }
   }

   /* =====================================
      Layout
      ===================================== */

  .contact-section{
       margin-top: var(--space-3xl);
  }

  .container {
       max-width: var(--container-narrow);
       padding: 0 var(--space-md);
  }

  @media (max-width: 768px) {
       .container {
           padding: 0 var(--space-md);
       }
  }


   /* =====================================
      Typography Update
      ===================================== */

.legal-content h1 {
  font-size: clamp(1.5rem, 6vw, 3rem);
  margin-bottom: var(--space-md);
  margin-top: var(--space-lg);
}

.legal-content h2 {
  font-size: clamp(1.3rem, 5vw, 2.6rem);
  margin-bottom: var(--space-md);
  margin-top: var(--space-xl);
}

.legal-content h3 {
  font-size: clamp(1.1rem, 4vw, 2.2rem);
  margin-bottom: var(--space-md);
  margin-top: var(--space-xl);
}

.legal-content h4 {
  font-size: clamp(1rem, 3vw, 2rem);
  margin-bottom: var(--space-md);
  margin-top: var(--space-xl);
}

.legal-content li {
  margin-left: var(--space-md);
}