.legal-hero{padding:68px 0 50px;background:radial-gradient(circle at 80% 0,rgba(88,174,12,.12),transparent 28%),linear-gradient(180deg,#f6fbfe,#eef6fa)}
.legal-hero h1{margin:12px 0 10px;color:var(--navy-dark);font-size:clamp(38px,5vw,58px);line-height:1.06}
.legal-hero p{margin:0;color:var(--muted)}
.document-notice-hero{background:radial-gradient(circle at 15% 0,rgba(8,127,189,.14),transparent 28%),linear-gradient(180deg,#f7fbfe,#edf6fa)}
.legal-section{background:#f7fafc}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}
.legal-toc{position:sticky;top:112px;display:grid;gap:7px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}
.legal-toc strong{margin-bottom:7px;color:var(--navy)}
.legal-toc a{padding:7px 9px;color:#526276;border-radius:8px;font-size:13px}
.legal-toc a:hover{color:var(--navy);background:var(--blue-soft)}
.legal-content{padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 38px rgba(4,47,111,.06)}
.legal-content section{scroll-margin-top:120px}
.legal-content h2{margin:38px 0 14px;color:var(--navy);font-size:27px}
.legal-content h2:first-of-type{margin-top:30px}
.legal-content h3{margin:24px 0 9px;color:#243b57;font-size:19px}
.legal-content p,.legal-content li{color:#526276}
.legal-content a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.legal-content ul{display:grid;gap:8px;padding-left:22px}
.legal-summary{padding:20px 22px;color:#25415e;background:linear-gradient(135deg,#edf8fd,#f4faef);border:1px solid #cfe3e8;border-radius:15px}
.legal-summary strong{display:block;margin-bottom:5px;color:var(--navy);font-size:18px}
.legal-summary p{margin:0}
.legal-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.legal-purpose-grid article{padding:17px;background:#f8fafc;border:1px solid var(--line);border-radius:13px}
.legal-purpose-grid strong{display:block;color:var(--navy)}
.legal-purpose-grid p{margin:7px 0 0;font-size:13px}
.retention-table{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.retention-table>div{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:14px 16px;background:#fff;border-top:1px solid var(--line)}
.retention-table>div:first-child{border-top:0}
.retention-table strong{color:var(--navy)}
.retention-table span{color:#526276}
.legal-button{display:inline-flex;padding:12px 16px!important;color:#fff!important;background:var(--navy);border-radius:10px;text-decoration:none!important}
.document-notice{max-width:860px;margin:auto}
.badge-examples{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.badge-examples span{padding:8px 11px;color:#286807;background:#e9f8dd;border:1px solid #b9df9b;border-radius:999px;font-size:12px;font-weight:850}
.legal-steps{display:grid;gap:11px;padding:0;list-style:none;counter-reset:legalstep}
.legal-steps li{display:grid;grid-template-columns:170px 1fr;gap:15px;padding:15px;background:#f7fafc;border:1px solid var(--line);border-radius:12px}
.legal-steps strong{color:var(--navy)}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.legal-purpose-grid{grid-template-columns:1fr}}
@media(max-width:640px){.legal-content{padding:23px 17px}.retention-table>div,.legal-steps li{grid-template-columns:1fr;gap:5px}.legal-hero{padding:52px 0 38px}}