@import url("../css/style.css");

.legal { padding-block: clamp(56px, 7vw, 92px); }
.legal__inner { max-width: 44rem; }
.legal h1 {
  font-size: clamp(1.9rem, 1.3rem + 2.2vw, 2.7rem);
  margin-bottom: 14px;
}
.legal .updated { color: var(--text-3); font-size: .88rem; margin-bottom: 40px; }
.legal h2 {
  font-size: 1.22rem;
  margin: 40px 0 14px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}
.legal p, .legal li { color: var(--text-2); font-size: 1rem; line-height: 1.75; }
.legal p { margin-bottom: 14px; }
.legal ul { list-style: disc; padding-left: 22px; margin-bottom: 14px; }
.legal li { margin-bottom: 8px; }
.legal .back {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--brand-2); font-size: .93rem; margin-bottom: 34px;
}
.legal .legal-note {
  padding: 16px 20px;
  border: 1px solid var(--brand-ring);
  border-radius: var(--radius-sm);
  background: var(--brand-dim);
  color: var(--text-2);
  font-size: .9rem;
  line-height: 1.65;
  margin-bottom: 32px;
}
.legal .legal-note strong { color: var(--brand-2); }
.legal .legal-note--risk { border-color: rgba(255, 184, 77, .34); background: rgba(255, 184, 77, .07); }
.legal .legal-note--risk strong { color: #ffc76d; }
.legal a:not(.btn):not(.back) { color: var(--brand-2); text-decoration: underline; text-underline-offset: 3px; }
.legal .legal-contact {
  margin-top: 44px; padding: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
}
.legal .legal-contact strong { color: var(--text-1); line-height: 1.45; }
.legal .legal-contact .btn { flex: 0 0 auto; }
@media (max-width: 640px) {
  .legal .legal-contact { align-items: stretch; flex-direction: column; }
  .legal .legal-contact .btn { justify-content: center; text-align: center; }
}