body{display:flex;flex-direction:column;min-height:100vh}

/* ========== LEGAL CONTENT ========== */
.page-main{flex:1;width:100%}
.legal{max-width:760px;margin:0 auto;padding:60px 24px 100px}
.legal-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo);margin-bottom:14px}
.legal-h1{font-size:clamp(28px,5vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:10px;color:var(--ink)}
.legal-date{font-size:14px;color:#64748B;margin-bottom:52px}
.sec{margin-bottom:44px}
.sec h2{font-size:18px;font-weight:700;color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:16px}
.prose{font-size:15px;color:#334155;line-height:1.75;display:flex;flex-direction:column;gap:10px}
.prose p{margin:0}
.prose ul,.prose ol{padding-left:20px;display:flex;flex-direction:column;gap:7px}
.prose li{line-height:1.6}
.prose a{color:var(--indigo);text-decoration:underline;text-decoration-color:rgba(99,102,241,.3)}
.prose a:hover{text-decoration-color:var(--indigo)}
.prose strong{color:var(--ink);font-weight:700}
.prose table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
.prose th{text-align:left;padding:8px 0 8px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--line)}
.prose th+th,.prose td+td{padding-left:12px}
.prose td{padding:10px 0 10px;color:#475569;border-bottom:1px solid #F1F5F9;vertical-align:top}
.prose td.n{font-weight:600;color:var(--ink)}

/* ========== RESPONSIVE ========== */
@media(max-width:560px){
  .legal{padding:40px 18px 80px}
  .prose table{font-size:13px}
}