@import url("./styles.css");
.legal-page { min-height: 100vh; background: linear-gradient(180deg, #eef9fe, #fff); }
.legal-header { padding: 22px min(4vw, 34px); color: white; background: var(--dark); }
.legal-header-inner { max-width: 960px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.legal-header a { color: white; text-decoration: none; font-weight: 900; }
.legal-back { padding: 9px 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; font-size: 13px; }
.legal-main { max-width: 960px; margin: 0 auto; padding: 60px min(5vw, 36px) 90px; }
.legal-main h1 { color: var(--blue); font-size: clamp(38px, 6vw, 68px); }
.legal-main h2 { margin: 38px 0 12px; color: var(--blue); font-size: 25px; }
.legal-main p, .legal-main li { color: #40566a; line-height: 1.7; }
.legal-main li + li { margin-top: 7px; }
.legal-main a { color: var(--blue); font-weight: 750; }
.legal-meta { margin-bottom: 30px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 20px; background: white; }
.legal-note { padding: 16px 18px; border-left: 4px solid var(--cyan); background: var(--sky); border-radius: 0 16px 16px 0; }
.legal-table { width: 100%; border-collapse: collapse; background: white; }
.legal-table th, .legal-table td { padding: 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; color: #40566a; }
@media (max-width: 600px) { .legal-header-inner { align-items: flex-start; } .legal-main { padding-top: 38px; } .legal-table { font-size: 13px; } }