/* Legal & FAQs page (legal.html) */
.lg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: clamp(28px, 6vw, 90px); padding: clamp(40px, 6vw, 90px) var(--fm-gr) clamp(60px, 8vw, 110px) var(--fm-gl); align-items: start; }
.lg-nav { position: sticky; top: 40px; display: grid; gap: 18px; }
.lg-nav h1.eyebrow3 { margin: 0; font: 500 10.5px var(--fm-sans); }  /* the eyebrow is the page's h1: keep its look over `.cp h1` */
.lg-nav nav { display: grid; gap: 10px; }
.lg-nav nav a { color: inherit; text-decoration: none; font: 400 clamp(22px, 2vw, 30px)/1.15 var(--fm-serif); }
.lg-nav nav a:hover, .lg-nav nav a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.lg-note, .lg-upd { margin: 0; font: 400 12px/1.5 var(--fm-sans); opacity: .75; }
.lg-body { display: grid; gap: clamp(48px, 6vw, 80px); max-width: 70ch; }
.lg-body section { scroll-margin-top: 30px; display: grid; gap: 14px; }
.lg-body h2 { margin: 0 0 6px; font: 400 clamp(32px, 3.6vw, 52px)/1.05 var(--fm-serif); letter-spacing: -.015em; }
.lg-body p { margin: 0; font: 400 16px/1.6 var(--fm-sans); }
.lg-faq { border-top: 1px solid var(--dim); }
.lg-faq details { border-bottom: 1px solid var(--dim); padding: 16px 0; }
.lg-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; font: 500 17px/1.4 var(--fm-sans); }
.lg-faq summary::-webkit-details-marker { display: none; }
.lg-faq summary::after { content: "+"; font: 400 22px/1 var(--fm-sans); transition: transform .3s var(--fm-ease); }
.lg-faq details[open] summary::after { transform: rotate(45deg); }
.lg-faq details p { margin-top: 10px; }
@media (max-width: 860px) { .lg { grid-template-columns: minmax(0, 1fr); } .lg-nav { position: static; } }