/* Security & Privacy Policy page — 2-column policy layout.
     Each policy item is a 2-col grid: title/overline on the left,
     body text on the right. Prevents any full-width horizontal row. */

  .policy-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .policy-item {
    display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: var(--space-8);
    padding: var(--space-8) 0;
    border-top: 1px solid var(--color-rule);
  }
  .policy-item:last-child {
    border-bottom: 1px solid var(--color-rule);
  }

  @media (max-width: 820px) {
    .policy-item {
      grid-template-columns: 1fr;
      gap: var(--space-3);
      padding: var(--space-6) 0;
    }
  }

  .policy-item__head {
    position: sticky;
    top: calc(var(--space-8) + 72px);
    align-self: start;
  }
  @media (max-width: 820px) {
    .policy-item__head { position: static; }
  }

  .policy-item__overline {
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-sky);
    margin-bottom: var(--space-2);
  }

  .policy-item__title {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-extrabold);
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--color-text-1);
  }

  .policy-item__body {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: var(--color-text-2);
  }
  .policy-item__body p {
    margin-bottom: var(--space-3);
  }
  .policy-item__body p:last-child {
    margin-bottom: 0;
  }

  /* Intro row — 2-col so the summary title + lead paragraph never
     occupy a single full-width horizontal row. */
  .policy-intro {
    display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: var(--space-8);
    margin-bottom: var(--space-6);
  }
  @media (max-width: 820px) {
    .policy-intro {
      grid-template-columns: 1fr;
      gap: var(--space-3);
    }
  }
  .policy-intro__title {
    font-family: var(--font-heading);
    font-size: var(--text-2xl);
    font-weight: var(--weight-extrabold);
    letter-spacing: -0.015em;
    line-height: 1.15;
    color: var(--color-text-1);
  }
  .policy-intro__lead {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-text-2);
  }