.zc-legal{
–zl-teal:#14B8A6;
–zl-teal-dark:#0B6E63;
–zl-navy:#1E293B;
–zl-bg:#F7F9F9;
–zl-border:#E7ECEB;
–zl-text:#334155;
–zl-text-soft:#64748b;
font-family:’Inter’, -apple-system, sans-serif;
color:var(–zl-text);
max-width:820px;
margin:0 auto;
}
.zc-legal h1,.zc-legal h2,.zc-legal h3{ font-family:’Poppins’, sans-serif; color:var(–zl-navy); }
.zc-legal-hero{
background:linear-gradient(160deg,var(–zl-teal) 0%,var(–zl-teal-dark) 100%);
border-radius:20px; padding:40px 32px; color:#fff; margin-bottom:28px;
}
.zc-legal-hero h1{ color:#fff; margin:0 0 10px; font-size:1.9rem; font-weight:800; }
.zc-legal-hero p{ margin:0; opacity:.95; font-size:.98rem; }
.zc-legal-badge{
display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3);
color:#fff; font-size:.78rem; font-weight:700; padding:5px 14px; border-radius:999px; margin-bottom:14px;
}
.zc-legal-section{ border-left:3px solid var(–zl-teal); padding:4px 0 4px 22px; margin:0 0 30px; }
.zc-legal-section h2{ font-size:1.3rem; font-weight:700; margin:0 0 12px; }
.zc-legal-section p, .zc-legal-section li{ font-size:.96rem; line-height:1.65; color:var(–zl-text); }
.zc-legal-section ul{ padding-left:1.2em; margin:8px 0; }
.zc-legal-table{ width:100%; border-collapse:collapse; margin:14px 0; font-size:.88rem; }
.zc-legal-table th{ background:var(–zl-navy); color:#fff; text-align:left; padding:10px 12px; font-weight:600; }
.zc-legal-table td{ padding:10px 12px; border-bottom:1px solid var(–zl-border); vertical-align:top; }
.zc-legal-table tr:nth-child(even) td{ background:var(–zl-bg); }
.zc-legal-callout{ background:var(–zl-bg); border:1px solid var(–zl-border); border-radius:14px; padding:20px 24px; margin:14px 0; }
.zc-legal-badge-pill{
display:inline-block; font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:999px;
text-transform:uppercase; letter-spacing:.03em;
}
.zc-pill-necessary{ background:#e6f7f5; color:var(–zl-teal-dark); }
.zc-pill-optional{ background:#eef2ff; color:#4338ca; }
.zc-legal-contact{
background:linear-gradient(160deg,var(–zl-teal-dark) 0%,#073b35 100%);
color:#fff; border-radius:16px; padding:28px 30px; margin-top:36px;
}
.zc-legal-contact h2{ color:#fff; font-size:1.15rem; margin:0 0 10px; }
.zc-legal-contact p{ margin:0 0 6px; font-size:.94rem; color:rgba(255,255,255,.85); }
.zc-legal-contact a{ color:#fff; font-weight:700; }