/* ============================================================
   DMxINTEK — legal pages (page-legal.php template)
   Header identical to the page-head block + prose styles for classic HTML
   ============================================================ */

.page-head{padding:64px 0 48px;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 18% 0%,rgba(255,59,59,.08),transparent 60%),radial-gradient(700px 300px at 82% 0%,rgba(39,230,255,.07),transparent 60%);pointer-events:none}
.page-head .wrap{position:relative}
.page-head .eyebrow{margin-bottom:14px}
.page-head h1{font-size:clamp(30px,4.6vw,52px);max-width:22ch;margin-bottom:14px}

.legal-body{padding:8px 0 var(--sec-y)}
.legal-prose{max-width:780px;color:var(--muted)}
.legal-prose h1,.legal-prose h2,.legal-prose h3{color:var(--text);margin:44px 0 16px}
.legal-prose h1{font-size:clamp(22px,2.6vw,28px)}
.legal-prose h2{font-size:clamp(22px,2.6vw,28px)}
.legal-prose h3{font-size:clamp(19px,2.2vw,22px)}
.legal-prose p{margin-bottom:18px}
.legal-prose strong,.legal-prose b{color:var(--text);font-weight:600}
.legal-prose a{color:var(--neon-cyan);text-decoration:none}
.legal-prose a:hover{text-decoration:underline}
.legal-prose ul,.legal-prose ol{margin:0 0 18px;padding-left:26px}
.legal-prose li{margin-bottom:10px}
.legal-prose figure.wp-block-table{margin:0 0 24px;overflow-x:auto}
.legal-prose table{border-collapse:collapse;width:100%;font-size:15px;min-width:640px}
.legal-prose td,.legal-prose th{border:1px solid var(--line);padding:10px 14px;vertical-align:top;text-align:left}
.legal-prose table strong{color:var(--text)}