.legal-nav {
        padding: 14px 40px;
        background: rgba(245, 243, 238, 0.94);
      }
      .legal-main {
        max-width: 920px;
        margin: 0 auto;
        padding: 72px 64px 96px;
      }
      .legal-main h1 {
        margin: 0;
        font-size: clamp(42px, 5vw, 70px);
        line-height: 0.96;
        letter-spacing: -0.04em;
        font-weight: 500;
      }
      .legal-main h2 {
        margin: 64px 0 0;
        padding-top: 28px;
        border-top: 1px solid var(--rule);
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -0.02em;
        scroll-margin-top: 32px;
      }
      .legal-main h3 {
        margin: 28px 0 0;
        font-size: 18px;
        font-weight: 700;
        scroll-margin-top: 32px;
      }
      .legal-main p {
        max-width: 660px;
        margin: 14px 0 0;
        color: var(--fg-60);
        font-size: 15px;
        line-height: 1.65;
      }
      .legal-main ul {
        max-width: 660px;
        margin: 12px 0 0;
        padding: 0 0 0 22px;
        color: var(--fg-60);
        font-size: 15px;
        line-height: 1.65;
      }
      .legal-main ul li {
        margin-bottom: 6px;
      }
      .legal-main .last-updated {
        margin-top: 10px;
        color: var(--fg-45);
        font:
          12px/1.5 'Geist Mono',
          monospace;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }
      .legal-toc {
        margin-top: 36px;
        padding: 22px 24px;
        border: 1px solid var(--rule);
        border-radius: 12px;
        background: #fff;
      }
      .legal-toc strong {
        display: block;
        margin-bottom: 10px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--fg-45);
      }
      .legal-toc ol {
        margin: 0;
        padding: 0 0 0 18px;
        font-size: 14px;
        line-height: 1.9;
      }
      .legal-toc ol a {
        color: var(--acc);
        text-decoration: none;
      }
      .legal-toc ol a:hover {
        text-decoration: underline;
      }
      .legal-footer {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 28px 64px;
        border-top: 1px solid var(--rule);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
      }
      .copyright {
        color: var(--fg-45);
        font:
          11px/1.5 'Geist Mono',
          monospace;
      }
      @media (max-width: 680px) {
        .legal-nav {
          padding: 11px 14px;
        }
        .legal-nav .nav-right {
          gap: 10px;
        }
        .legal-nav .nav-right .link {
          display: inline;
          font-size: 12px;
        }
        .legal-nav .btn {
          min-height: 38px;
          padding: 9px 11px;
          font-size: 12px;
        }
        .legal-nav .logo {
          font-size: 15px;
        }
        .legal-main {
          padding: 46px 18px 72px;
        }
        .legal-main h1 {
          font-size: 36px;
        }
        .legal-main h2 {
          font-size: 22px;
          margin-top: 44px;
        }
        .legal-footer {
          padding: 24px 18px;
          align-items: flex-start;
          flex-direction: column;
        }
      }