.legal-page { padding: 64px 8% 80px; max-width: 1400px; margin: 0 auto; }
.legal-page h1 { font-family: 'Outfit', sans-serif; font-size: 36px; font-weight: 700; color: var(--navy); margin-bottom: 8px; letter-spacing: -0.02em; }
.legal-page .page-sub { font-size: 16px; color: var(--muted); margin-bottom: 48px; padding-bottom: 32px; border-bottom: 1px solid var(--border); }
.legal-page h2 { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 600; color: var(--navy); margin: 36px 0 12px; }
.legal-page p { font-size: 15px; color: var(--text); line-height: 1.8; margin-bottom: 14px; }
.legal-page a { color: #7AAABB; text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-contact-box { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 24px 28px; margin: 0 0 36px; }
.legal-contact-box p { margin: 0; line-height: 1.9; }
.opt-out-box { background: var(--steel-light); border: 1px solid #E8C96A; border-radius: 8px; padding: 20px 24px; margin: 16px 0 24px; }
.opt-out-box p { margin: 0 0 12px; font-size: 14px; }
.opt-out-box p:last-child { margin: 0; }

.domain-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.domain-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-left: 3px solid #7AAABB;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--navy);
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s;
}
.domain-chip i { color: #7AAABB; font-size: 15px; }
.domain-chip:hover { background: white; border-color: #7AAABB; text-decoration: none; }

@media (max-width: 768px) {
  .legal-page { padding: 40px 5% 60px; }
}