@import url("styles.css");

.legal-main { min-height: calc(100vh - 150px); padding: 72px clamp(24px, 8vw, 140px) 100px; background: var(--soft); }
.legal-document { max-width: 960px; margin: 0 auto; padding: clamp(28px, 5vw, 64px); background: white; border: 1px solid var(--line); }
.legal-document h1 { margin-bottom: 10px; font-size: clamp(38px, 5vw, 62px); line-height: 1.05; }
.legal-document h2 { margin-top: 42px; font-size: 25px; }
.legal-document p, .legal-document li { color: var(--muted); font-size: 17px; }
.legal-document li { margin: 9px 0; }
.legal-notice { padding: 16px 18px; color: #724c00 !important; background: #fff7db; border: 1px solid #ead89b; }
.legal-back { display: inline-block; margin-top: 40px; color: var(--primary); font-weight: 800; }

@media (max-width: 560px) {
  .legal-main { padding: 30px 14px 60px; }
  .legal-document { padding: 26px 20px; }
}