/* Shared layout for the published legal pages (privacy.html, terms.html).
   Loaded AFTER styles.eafd.css so it inherits the site palette, type and
   button styles rather than re-declaring a second design system. */
.legal-main{max-width:760px;margin:0 auto;padding:clamp(88px,12vw,132px) 20px 80px}
.legal-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;opacity:.75;
            text-decoration:none;margin-bottom:26px;min-height:44px}
.legal-back:hover{opacity:1}
.legal-main h1{font-size:clamp(28px,5.6vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.legal-updated{font-size:14px;opacity:.62;margin:0 0 34px}
.legal-main h2{font-size:clamp(19px,3.4vw,23px);margin:44px 0 12px;letter-spacing:-.01em}
.legal-main h3{font-size:16px;margin:26px 0 8px;opacity:.92}
.legal-main p,.legal-main li{line-height:1.72;opacity:.84;margin:0 0 14px}
.legal-main ul{margin:0 0 18px;padding-left:22px}
.legal-main li{margin-bottom:8px}
.legal-main a{color:#5ad1ff}
.legal-main strong{opacity:1}
/* Plain-language callout for the points people actually care about. */
.legal-note{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 20px;
            background:rgba(255,255,255,.035);margin:0 0 30px}
.legal-note p:last-child{margin-bottom:0}
.legal-table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14.5px;display:block;overflow-x:auto}
.legal-table th,.legal-table td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.legal-table th{opacity:.7;font-weight:600;white-space:nowrap}
.legal-table td{opacity:.84}
.legal-foot{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
            display:flex;gap:18px;flex-wrap:wrap;font-size:14px;opacity:.7}
.legal-foot a{color:inherit}