.friends-page {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--space-xl) var(--space-md);
  line-height: 1.5;

  & > .section {
    margin: 0 0 var(--space-xl);

    & > h2 {
      margin: 0 0 var(--space-12);
      color: var(--gold);
      font-family: var(--font-ui);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.18em;
      line-height: 1.4;
      text-transform: uppercase;
    }

    & > p {
      margin: 0;
      padding: var(--space-md);
      border: 1px dashed var(--line);
      border-radius: 14px;
      color: var(--cream-dim);
      font-size: 15px;
      opacity: 0.85;
    }
  }
}

@media (min-width: 600px) {
  .friends-page {
    padding: var(--space-2xl) var(--space-xl);
  }
}