/* The shell's own mobile rules. Everything the header, menu, footer
         and sub-footer need at narrow widths lives here, so a page that
         takes the shell takes its responsive behaviour with it. Belongs
         inside a @media (max-width: 768px) block. */
      header { padding: 24px; }
      .header-meta { display: none; }
      .nav-head { padding: 20px 24px; }
      .nav-body {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 32px 24px;
      }
      .nav-link {
        font-size: 26px;
        padding: 15px 8px;
        gap: 16px;
      }
      .nav-note { display: none; }

      .site-footer {
        grid-template-columns: 1fr 1fr;
        gap: 32px 24px;
        padding: 40px 24px;
      }
      .foot-brand-col { grid-column: 1 / -1; }
      .seo-strata { padding: 48px 24px; }
      .strata-grid { grid-template-columns: 1fr; }
      .foot-strata { padding: 28px 24px; }
      .foot-strata-row { grid-template-columns: 1fr; gap: 14px; }
      .foot-strata-links { grid-column: auto; grid-template-columns: 1fr 1fr; }

      .compliance-footer {
        flex-direction: column;
        gap: 40px;
        padding: 48px 24px;
      }
      .compliance-posture {
        text-align: left;
      }
      .compliance-posture span {
        justify-content: flex-start;
      }