/**
 * Plain prose pages - handle `wd-legal`, enqueued from functions.php on
 * is_page_template( 'template-legal.php' ). See template-legal.php for why
 * these pages need their own template at all.
 *
 * The body background is --imp-color-bg (near-black) while --imp-color-text is
 * also near-black, so every colour here is set from the inverse tokens. Nothing
 * inherits a usable colour on this canvas.
 */

.legal-page {background:var(--imp-color-bg);color:var(--imp-color-text-inverse);padding:0 var(--imp-gutter);}

.legal-hero {max-width:760px;margin:0 auto;padding:120px 0 48px;position:relative;}
.legal-hero__eyebrow {font-family:var(--imp-font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--imp-color-primary);margin:0 0 20px;}
.legal-hero__title {font-family:var(--imp-font-display);font-size:clamp(36px, 6vw, 64px);line-height:1.08;color:var(--imp-color-text-inverse);margin:0 0 20px;}
.legal-hero__updated {font-family:var(--imp-font-mono);font-size:11px;letter-spacing:0.08em;color:var(--imp-color-text-inverse-muted);margin:0;}
.legal-hero__line {display:block;width:64px;height:1px;background:var(--imp-color-primary);margin-top:40px;}

.legal-body {max-width:760px;margin:0 auto;padding:8px 0 120px;font-size:16px;line-height:1.75;color:var(--imp-color-text-inverse-muted);}
.legal-body h2 {font-family:var(--imp-font-display);font-size:28px;line-height:1.25;color:var(--imp-color-text-inverse);margin:56px 0 16px;}
.legal-body h3 {font-family:var(--imp-font-display);font-size:21px;line-height:1.3;color:var(--imp-color-text-inverse);margin:36px 0 12px;}
.legal-body h2:first-child, .legal-body h3:first-child {margin-top:0;}
.legal-body p {margin:0 0 18px;}
.legal-body ul, .legal-body ol {margin:0 0 18px;padding-left:22px;}
.legal-body li {margin-bottom:10px;}
.legal-body strong {color:var(--imp-color-text-inverse);font-weight:600;}
.legal-body a {color:var(--imp-color-primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--imp-duration) var(--imp-ease);}
.legal-body a:hover, .legal-body a:focus-visible {color:var(--imp-color-primary-dark);}
.legal-body hr {border:0;border-top:1px solid var(--imp-color-border);margin:48px 0;}
.legal-body table {width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;}
.legal-body th, .legal-body td {text-align:left;padding:12px 14px;border-bottom:1px solid var(--imp-color-border);vertical-align:top;}
.legal-body th {font-family:var(--imp-font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--imp-color-primary);font-weight:600;}

@media (max-width:600px) {
.legal-hero {padding:72px 0 32px;}
.legal-body {padding-bottom:72px;}
.legal-body h2 {margin-top:40px;}
}