/* Source guide: pages/legal.css
 * Page-specific presentation.
 * Load order: base.css, components.css, page stylesheet, refresh.css.
 * Later rules intentionally refine earlier layouts; preserve cascade order.
 */

/* Legal preview content deliberately favors legibility over decoration. */
.page-privacy .prose,
.page-terms /* Group: Readable legal and privacy content. */
.prose {
  margin-inline: auto;
}
.prose .notice {
  margin-top: 0;
}
.prose a {
  color: var(--teal-ink);
}
.prose h2 {
  letter-spacing: -0.5px;
}
/* Viewport (max-width: 700px): component adjustments at this breakpoint. */
@media (max-width: 700px) {
  .prose h2 {
    font-size: 24px;
  }
}