/* ============================================================
   Sensitif — Legal / policy pages (privacy, terms, cookies)
   Reuses the treatment-hero header; adds a narrow prose column.
   Tokens (--gold, --deep, --bg-panel, --ink, --ink-soft, --line)
   come from sensitif.css :root. No build step.
   ============================================================ */

.legal-body{padding:56px 0 72px;}
.legal-prose{max-width:820px; margin:0 auto;}

.legal-prose h2{font-size:clamp(20px,2.4vw,26px); line-height:1.2; margin:36px 0 12px; color:var(--deep);}
.legal-prose h2:first-child{margin-top:0;}
.legal-prose h3{font-size:17px; margin:24px 0 8px; color:var(--deep);}
.legal-prose p{font-size:15px; line-height:1.72; color:var(--ink); margin:0 0 14px;}
.legal-prose ul,.legal-prose ol{margin:0 0 16px; padding-left:22px; display:flex; flex-direction:column; gap:7px;}
.legal-prose li{font-size:15px; line-height:1.6; color:var(--ink);}
.legal-prose a{color:var(--gold); text-decoration:underline;}
.legal-prose strong{color:var(--deep);}
.legal-prose .legal-updated{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.02em; color:var(--ink-soft); margin-bottom:26px;}

/* Highlight [placeholders] so the client can see exactly what to fill in.
   These wrap rather than sitting on one line: the remaining placeholders are
   long sentences ("[lijst verwerkers — bijv. hostingpartij, …]"), and
   white-space:nowrap pushed them to ~675px, forcing the whole page to scroll
   sideways on a 390px phone. */
.legal-prose .placeholder{background:#fff3cd; color:#7a5b00; padding:1px 5px; border-radius:3px; font-family:'IBM Plex Mono',monospace; font-size:.88em; overflow-wrap:anywhere;}

/* CookieYes [cookie_audit] table on the cookie page (its own block between
   two legal-body sections; legal.css only loads on legal pages so this is safe). */
.entry-content > .wp-block-shortcode{max-width:1180px; margin:0 auto; padding:0 28px 44px;}
.cky-audit-table table,table.cookielawinfo-row-cat-table{width:100%; border-collapse:collapse; font-size:13px; background:#fff; border:1px solid var(--line);}
.cky-audit-table th,table.cookielawinfo-row-cat-table th{background:var(--deep); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.04em; text-transform:uppercase; text-align:left; padding:9px 12px;}
.cky-audit-table td,table.cookielawinfo-row-cat-table td{padding:8px 12px; border-bottom:1px solid var(--line); color:var(--ink);}