/**
 * Legal Page (long-form text) — typography only, no layout surprises.
 * Uses the SAME CSS variable convention dsl.css does (var(--x, fallback))
 * so it automatically picks up each child theme's own font/color
 * choices without needing per-project overrides, the same way dsl.css
 * does for AI-generated sections.
 */
.legal-page{max-width:720px;margin:0 auto;padding:64px 0;}
.legal-page h1{font-family:var(--font-display,inherit);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;margin:0 0 8px;line-height:1.2;}
.legal-page__updated{font-family:var(--font-body,inherit);font-size:0.85rem;opacity:.6;margin:0 0 40px;}

.legal-page__body{font-family:var(--font-body,inherit);font-size:1rem;line-height:1.75;}
.legal-page__body h2{font-family:var(--font-display,inherit);font-size:1.4rem;font-weight:700;margin:40px 0 16px;}
.legal-page__body h3{font-family:var(--font-display,inherit);font-size:1.15rem;font-weight:700;margin:32px 0 12px;}
.legal-page__body p{margin:0 0 20px;}
.legal-page__body ul,
.legal-page__body ol{margin:0 0 20px;padding-left:1.4em;}
.legal-page__body li{margin-bottom:8px;}
.legal-page__body a{color:var(--signal,#FF5A1F);text-decoration:underline;text-underline-offset:2px;}
.legal-page__body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--line,rgba(0,0,0,.12));opacity:.85;}
.legal-page__body strong{font-weight:700;}
.legal-page__body hr{border:none;border-top:1px solid var(--line,rgba(0,0,0,.12));margin:40px 0;}
.legal-page__body table{width:100%;border-collapse:collapse;margin:0 0 20px;}
.legal-page__body th,
.legal-page__body td{padding:10px 12px;border:1px solid var(--line,rgba(0,0,0,.12));text-align:left;}

/* This block is edited in place via GranpaiEdit's own rich-text panel
   field (see ge_html() in functions.php) — a subtle outline in edit
   mode only makes the clickable/editable region visible, since it has
   no other visual chrome (button, card border) hinting it's
   interactive the way most other fields do. */
body.ge-editing .legal-page__body [data-ge-key]{outline:1px dashed transparent;transition:outline-color .15s;border-radius:4px;}
body.ge-editing .legal-page__body [data-ge-key]:hover{outline-color:rgba(255,90,31,.4);}