/* =============================================================================

   15-legal.css — Privacy & Terms pages: readable prose layout

   ============================================================================= */



/* ---------- Default — page shell ---------- */



.legal-page {

  min-height: 100vh;

  display: flex;

  flex-direction: column;

}



.legal-page__main {

  flex: 1;

  padding-block: calc(var(--header-offset, 4rem) + 2rem) 4rem;

}



.legal-page__container {

  max-width: 42rem;

}



/* ---------- Default — header block ---------- */



.legal-page__back {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  margin-bottom: 2rem;

  font-size: var(--text-small);

  font-weight: var(--weight-semibold);

  color: var(--color-primary);

  text-decoration: none;

}



.legal-page__title {

  margin: 0 0 0.5rem;

  font-family: var(--font-heading);

  font-size: var(--text-h1);

  font-weight: var(--weight-regular);

  line-height: 1.2;

  color: var(--color-text);

}



.legal-page__updated {

  margin: 0 0 2rem;

  font-size: var(--text-small);

  color: var(--color-text-muted);

}



/* ---------- Default — prose content ---------- */



.legal-page__content h2 {

  margin: 2rem 0 0.75rem;

  font-family: var(--font-heading);

  font-size: var(--text-h3);

  font-weight: var(--weight-regular);

  line-height: 1.3;

  color: var(--color-text);

}



.legal-page__content p,

.legal-page__content li {

  margin: 0 0 1rem;

  color: var(--color-text);

}



.legal-page__content ul {

  margin: 0 0 1rem;

  padding-left: 1.25rem;

}



.legal-page__content a {

  color: var(--color-primary);

  font-weight: var(--weight-semibold);

}



/* ---------- States — hover ---------- */



.legal-page__back:hover {

  text-decoration: underline;

  text-underline-offset: 0.15em;

}



.legal-page__content a:hover {

  text-decoration: underline;

  text-underline-offset: 0.15em;

}