/* ============================================================
   Shared styles for content / legal pages
   (care, legal notice, terms, privacy, cookie policy)
   ============================================================ */

.legal { max-width: 780px; margin: 0 auto; padding: 56px 22px 96px; }
.legal__title { font-size: clamp(30px, 5vw, 48px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 10px; }
.legal__updated { font-size: 13px; color: var(--text-soft); margin-bottom: 36px; }

.legal h2 { font-size: clamp(20px, 2.6vw, 26px); font-weight: 700; letter-spacing: -0.01em; margin: 44px 0 14px; color: var(--text); }
.legal h3 { font-size: 18px; font-weight: 600; margin: 26px 0 8px; color: var(--text); }
.legal p, .legal li { font-size: 16px; color: var(--text-soft); line-height: 1.66; }
.legal p { margin-bottom: 14px; }
.legal ul, .legal ol { margin: 0 0 18px 22px; }
.legal li { margin-bottom: 8px; }
.legal a { color: var(--accent); }
.legal a:hover { text-decoration: underline; }
.legal strong { color: var(--text); font-weight: 600; }
.legal em { font-style: italic; }

/* Placeholders + review / info callouts */
.ph { color: var(--accent); font-weight: 600; }
.legal__note {
  background: var(--bg-alt); border: 1px solid var(--hairline); border-radius: 14px;
  padding: 16px 18px; font-size: 14px; color: var(--text-soft); line-height: 1.55; margin: 22px 0;
}
.legal__note strong { color: var(--text); }

/* Simple key/value block for legal notice */
.legal__kv { list-style: none; margin: 0 0 18px; padding: 0; }
.legal__kv li { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.legal__kv b { color: var(--text); font-weight: 600; min-width: 180px; display: inline-block; }