/* ===== Credix V1 — legal pages ===== */
.legal-hero{background:linear-gradient(160deg,var(--navy),#123a75);color:#fff;padding:44px 0 40px}
.legal-hero .container{max-width:900px}
.legal-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(1.6rem,3.5vw,2.4rem)}
.legal-updated{color:#a9bfe4;font-size:.88rem;margin:0}
.breadcrumb{display:inline-flex;align-items:center;gap:8px;color:#a9bfe4;font-size:.85rem;margin-bottom:16px}
.breadcrumb a{color:#cfe0ff;font-weight:600}
.breadcrumb a:hover{color:#fff}

.legal-page{padding:48px 0 64px;background:#fff}
.legal-page .container{max-width:900px}
.legal-body{font-size:.95rem;line-height:1.75;color:#2a3a55}
.legal-body h2{font-size:1.25rem;margin:34px 0 12px;padding-top:4px;color:var(--navy)}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:1.02rem;margin:22px 0 8px;color:var(--navy)}
.legal-body p{margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--blue);font-weight:600;text-decoration:underline}
.legal-body strong,.legal-body b{color:var(--navy)}

.legal-body .callout{background:var(--sky);border:1px solid #cfe0ff;border-left:4px solid var(--blue);border-radius:10px;padding:14px 18px;margin:0 0 18px}
.legal-body .callout p:last-child{margin-bottom:0}

.legal-body .op-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:0 0 18px}
.legal-body .op-card ul{margin:0;list-style:none;padding:0}
.legal-body .op-card li{margin-bottom:6px}

.table-wrap{overflow-x:auto;margin:0 0 18px}
.legal-body table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:640px}
.legal-body th,.legal-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal-body th{background:var(--sky);color:var(--navy);font-weight:700;white-space:nowrap}

.legal-copy{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}

/* footer legal links (also used on index) */
.footer-legal{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:20px;margin-top:4px;border-top:1px solid #1c2c45}
.footer-legal a{color:#cfe0ff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover{color:#fff}

@media(max-width:640px){
  .legal-page{padding:34px 0 46px}
  .legal-body{font-size:.92rem}
}