/* Legal pages — privacy policy, legal notice, cookie policy. Same tokens as styles.css: navy, gold, Source Serif headings. No new colours. */ .legal-body{background:#F9F9F7;padding:34px 40px 78px} .legal-wrap{max-width:840px} .legal-updated{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 40px} .legal-updated .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none} .legal-lead{max-width:740px;color:#3c4d60;font-size:15.5px;line-height:1.75;margin:0 0 40px} .legal-block{margin:0 0 44px} .legal-block .num{font-family:"Source Serif 4",Georgia,serif;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--gold);margin:0 0 8px} .legal-block h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:27px;line-height:1.2;letter-spacing:-.012em;color:var(--navy);margin:0 0 14px} .legal-block h3{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--navy);margin:24px 0 8px} .legal-block p{margin:0 0 12px;font-size:15px;line-height:1.75;color:#3c4d60;text-wrap:pretty} .legal-block ul{margin:4px 0 14px;padding-inline-start:22px} .legal-block li{font-size:15px;line-height:1.7;color:#3c4d60;margin:0 0 7px} .legal-block a{color:var(--orange);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px} .legal-block a:hover{color:var(--gold)} .legal-block strong{color:var(--navy)} /* Factual data (controller, contact) as a definition table, not prose. */ .legal-facts{display:grid;grid-template-columns:190px minmax(0,1fr);gap:2px 24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin:0 0 16px} .legal-facts dt{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 0} .legal-facts dd{margin:0;padding:9px 0;font-size:15px;line-height:1.6;color:var(--ink)} .legal-facts dd b{color:var(--navy)} /* A quiet aside — never for anything the reader must act on. */ .legal-note{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:0 10px 10px 0;padding:16px 20px;margin:14px 0 0;font-size:14.5px;line-height:1.65;color:#3c4d60} /* Anything the practice still has to supply. Deliberately loud: it must not survive into the published page unnoticed. */ .legal-todo{display:block;background:#fff6e2;border:1px dashed #c1691c;border-radius:8px;padding:14px 18px;margin:10px 0 0;font-size:14px;line-height:1.6;color:#7a4310} .legal-todo b{color:#7a4310;letter-spacing:.06em;text-transform:uppercase;font-size:12px;display:block;margin-bottom:4px} /* Footer legal bar — the row the site was missing entirely. */ .flegal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;background:var(--navy-2);color:#b9c6d6;padding:16px 40px;font-size:13px;border-top:1px solid rgba(255,255,255,.1)} .flegal a{color:#dfe6ef} .flegal a:hover{color:var(--gold)} .flegal .sep{opacity:.35} .flegal .copy{margin-inline-start:auto;color:#8fa1b6} @media (max-width:900px){ .legal-body{padding:28px 22px 60px} .legal-facts{grid-template-columns:1fr;gap:0;padding:18px 20px} .legal-facts dt{padding-bottom:0} .legal-facts dd{padding-top:2px;border-bottom:1px solid var(--line)} .legal-facts dd:last-child{border-bottom:0} .flegal{padding:14px 22px} .flegal .copy{margin-inline-start:0;width:100%} } /* ---- Pages the plugin generates (cookie policy) ---- NOTE, learned the hard way twice: address the container by its id, never by the class .cmplz-document. Complianz puts that same class on the , so a class rule squeezed the entire page — header, navigation, footer — into the 840px reading column and underlined every link on it. NOTE, learned the hard way: never style .entry-content unscoped. That is the class WordPress puts on wp:post-content, i.e. on every page of the site — an unscoped max-width squeezed all 51 pages to 840px. The body class dym-plain (see inc/setup.php) marks only pages the importer does not own, which is exactly the plugin-generated ones. Complianz writes plain WordPress blocks into a page of its own. Without this it inherits nothing from the design and lands as unstyled text between our header and footer. Rather than rebuild that page, the design's legal typography is applied to whatever the plugin outputs. */ .dym-plain .entry-content,#cmplz-document{max-width:840px;margin:0 auto;padding:34px 40px 78px} #cmplz-document h1,.dym-plain .entry-content>h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:40px;line-height:1.08;color:var(--navy);margin:0 0 18px;letter-spacing:-.012em} #cmplz-document h2,.dym-plain .entry-content>h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:27px;line-height:1.2;color:var(--navy);margin:38px 0 14px;letter-spacing:-.012em} #cmplz-document h3,.dym-plain .entry-content>h3{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--navy);margin:24px 0 8px;text-transform:none} #cmplz-document p,.dym-plain .entry-content>p,#cmplz-document li,.dym-plain .entry-content>ul li,.dym-plain .entry-content>ol li{font-size:15px;line-height:1.75;color:#3c4d60} #cmplz-document a,.dym-plain .entry-content a{color:var(--orange);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px} #cmplz-document a:hover,.dym-plain .entry-content a:hover{color:var(--gold)} #cmplz-document table,.dym-plain .entry-content table{width:100%;border-collapse:collapse;margin:14px 0 24px;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden} #cmplz-document th,.dym-plain .entry-content th{text-align:start;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfd} #cmplz-document td,.dym-plain .entry-content td{padding:11px 14px;border-bottom:1px solid var(--line);color:#3c4d60;vertical-align:top} #cmplz-document tr:last-child td,.dym-plain .entry-content tr:last-child td{border-bottom:0} @media (max-width:900px){ .dym-plain .entry-content,#cmplz-document{padding:28px 18px 60px} #cmplz-document h1,.dym-plain .entry-content>h1{font-size:30px} #cmplz-document h2,.dym-plain .entry-content>h2{font-size:23px} } /* A plain word in the row, like the other three — not a pill. */ .flegal .dym-consent-open{cursor:pointer} /* The plugin styles its own tab as a shadowed white box; that must not leak onto a link that merely borrows its trigger class. */ .flegal a.cmplz-manage-consent{position:static!important;box-shadow:none!important;background:transparent!important;color:inherit!important;font:inherit!important;inset:auto!important}