@import url('styles.css');
.legal-head{padding:120px 0 40px;background:linear-gradient(180deg,#f6ece7,var(--cream))}
.legal-head .back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin-bottom:20px}
.legal-head h1{font-size:clamp(32px,5vw,52px);font-weight:500}
.legal-body{padding:20px 0 90px;max-width:820px}
.legal-body h2{font-size:23px;font-weight:600;margin:40px 0 14px}
.legal-body h3{font-size:17px;font-weight:600;margin:26px 0 8px}
.legal-body p,.legal-body li{color:var(--ink-soft);font-size:15.5px;line-height:1.7}
.legal-body ul{padding-left:20px}
.legal-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal-body .note{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:24px 0;color:var(--ink-soft);font-size:14.5px}
.legal-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.legal-body th,.legal-body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
.legal-body th{color:var(--ink);font-weight:600}