/* Tilbo — shared styles for the Privacy / Terms / Support pages (on top of styles.css). */
.legal-header .brand { text-decoration: none; }
.legal {
  max-width: 760px; margin: 0 auto;
  padding: 8px clamp(20px, 5vw, 40px) 64px;
}
.legal__card {
  background: var(--card); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: clamp(24px, 5vw, 48px);
}
.legal h1 { font-size: clamp(34px, 6vw, 46px); margin: 0 0 6px; }
.legal__meta { color: var(--ink-faint); font-size: 15px; margin: 0 0 28px; }
.legal h2 { font-size: 24px; margin: 36px 0 10px; }
.legal h3 { font-size: 19px; margin: 24px 0 6px; }
.legal p, .legal li { color: var(--ink-soft); }
.legal ul { padding-left: 1.2em; }
.legal li { margin: 6px 0; }
.legal strong { color: var(--ink); }
.legal a { color: var(--coral-deep); text-decoration: underline; text-underline-offset: 3px; }
.legal__lede { font-size: 18px; }
.legal__callout {
  background: var(--cream-2); border-radius: var(--radius);
  padding: 18px 22px; margin: 22px 0;
}
.legal__callout p { margin: 0; color: var(--ink); }
.legal__contact {
  display: inline-block; margin-top: 6px;
  font-weight: 800; font-size: 19px;
}
.legal details {
  border-bottom: 1px solid #F2E4D4; padding: 14px 0;
}
.legal summary {
  cursor: pointer; font-weight: 800; color: var(--ink); font-size: 17px;
  list-style-position: outside;
}
.legal details p { margin: 10px 0 0; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; margin: 10px 0 0; font-size: 14px; }
.legal-nav a { color: var(--ink-soft); text-decoration: underline; text-underline-offset: 3px; }