:root {
  --tan: #f4e8ce;
  --purple: #3b2a6b;
  --purple-deep: #2b2050;
  --green: #8fd04f;
  --green-dark: #5aa02a;
  --card-highlight: #ede4ff;
  --border: #e6dcc7;
  --text: #1f1a2e;
  --text-secondary: #5b4d77;
  --text-tertiary: #9b8db5;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--tan);
  color: var(--text);
  font-family: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.62;
  font-size: 16px;
}
a { color: var(--green-dark); }
.legal-header { border-bottom: 1px solid var(--border); background: rgba(244, 232, 206, 0.85); }
.legal-header-in, .legal-main, .legal-foot-in { max-width: 760px; margin: 0 auto; }
.legal-header-in { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 64px; padding: 0 22px; }
.brand { font-weight: 800; font-size: 22px; color: var(--purple); text-decoration: none; letter-spacing: -0.01em; }
.brand span { color: var(--green-dark); }
.legal-header .home { font-weight: 700; font-size: 14px; color: var(--purple); text-decoration: none; }
.legal-header .home:hover { color: var(--green-dark); }
.legal-main { padding: 36px 22px 8px; }
.legal-main h1 { font-size: clamp(28px, 5vw, 38px); color: var(--purple); margin: 0 0 6px; line-height: 1.1; letter-spacing: -0.01em; }
.legal-dates { color: var(--text-tertiary); font-size: 14px; font-weight: 600; margin: 0 0 26px; }
.legal-main h2 { font-size: 22px; color: var(--purple); margin: 34px 0 10px; line-height: 1.2; }
.legal-main h3 { font-size: 17px; color: var(--purple-deep); margin: 22px 0 8px; }
.legal-main p { margin: 0 0 14px; }
.legal-main ul { margin: 0 0 16px; padding-left: 0; list-style: none; }
.legal-main li { position: relative; padding-left: 22px; margin-bottom: 9px; }
.legal-main li::before { content: ""; position: absolute; left: 3px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.legal-main li strong, .legal-main p strong { color: var(--purple-deep); }
.legal-intro { font-size: 17px; color: var(--text); }
.legal-contact { font-weight: 700; }
.legal-note { margin: 30px 0 8px; padding: 16px 18px; background: var(--card-highlight); border-radius: 12px; font-size: 14.5px; color: var(--text-secondary); }
.legal-note a { font-weight: 700; }
.legal-foot { border-top: 1px solid var(--border); margin-top: 40px; }
.legal-foot-in { padding: 24px 22px 36px; }
.legal-foot-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 12px; }
.legal-foot-links a { font-weight: 700; color: var(--purple); text-decoration: none; font-size: 14px; }
.legal-foot-links a:hover { color: var(--green-dark); }
.legal-foot .copyright { color: var(--text-tertiary); font-size: 12.5px; margin: 0; }