.legal-page { color: var(--public-ink); background: #fbfaf7; }
.legal-hero { padding: clamp(9rem,14vw,13rem) 0 clamp(4rem,7vw,7rem); border-bottom: 1px solid var(--public-rule); background: linear-gradient(135deg,#f6f3ea 0%,#fbfaf7 62%,#edf4f0 100%); }
.legal-hero__grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); align-items: end; gap: clamp(3rem,8vw,8rem); }
.legal-eyebrow { margin: 0 0 1rem; color: var(--public-teal-deep); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legal-hero h1 { max-width: 10ch; margin: 0; font-size: clamp(3.5rem,7vw,7rem); letter-spacing: -.06em; }
.legal-hero__intro { max-width: 56ch; margin: 1.5rem 0 0; color: var(--public-muted); font-size: clamp(.95rem,1.4vw,1.14rem); line-height: 1.8; }
.legal-summary { margin: 0; border-top: 1px solid var(--public-rule); }
.legal-summary div { display: grid; padding: 1rem 0; grid-template-columns: minmax(100px,.85fr) 1.15fr; gap: 1rem; border-bottom: 1px solid var(--public-rule); }
.legal-summary dt { color: var(--public-muted); font-size: .69rem; }
.legal-summary dd { margin: 0; font-size: .76rem; font-weight: 700; overflow-wrap: anywhere; }
.legal-summary a,.legal-content a { color: var(--public-teal-deep); text-underline-offset: 3px; }
.legal-layout { display: grid; padding-block: clamp(4rem,8vw,8rem); grid-template-columns: minmax(190px,.3fr) minmax(0,1fr); align-items: start; gap: clamp(3rem,8vw,8rem); }
.legal-index { position: sticky; top: 7rem; padding-top: 1rem; border-top: 2px solid var(--public-teal); }
.legal-index > p { margin: 0 0 1rem; font-size: .72rem; font-weight: 800; }
.legal-index nav { display: grid; }
.legal-index a { min-height: 42px; padding: .65rem 0; border-bottom: 1px solid var(--public-rule); color: var(--public-muted); font-size: .7rem; text-decoration: none; }
.legal-content { min-width: 0; }
.legal-content > section { padding: clamp(2.5rem,5vw,4.5rem) 0; border-bottom: 1px solid var(--public-rule); scroll-margin-top: 7rem; }
.legal-content > section:first-child { padding-top: 0; }
.legal-content > section:last-child { border-bottom: 0; }
.legal-content h2 { max-width: 22ch; margin: .55rem 0 1.4rem; font-size: clamp(2rem,3.4vw,3.45rem); letter-spacing: -.045em; }
.legal-content h3 { margin: .9rem 0 .45rem; font-size: .9rem; }
.legal-content p,.legal-content li { max-width: 78ch; color: #4f6365; font-size: .88rem; line-height: 1.85; }
.legal-content ul { display: grid; max-width: 78ch; margin: 1.5rem 0; padding-left: 1.2rem; gap: .65rem; }
.legal-section-number { color: var(--public-teal); font-size: .68rem; font-weight: 800; }
.legal-callout { padding: clamp(2rem,5vw,4rem) !important; border: 0 !important; background: var(--public-ink); color: white; }
.legal-callout .legal-eyebrow { color: #79d5c9; }
.legal-callout h2 { max-width: 18ch; color: white; }
.legal-card-grid { display: grid; margin-top: 2.5rem; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgb(255 255 255 / 18%); border-left: 1px solid rgb(255 255 255 / 18%); }
.legal-card-grid article { min-height: 185px; padding: 1.5rem; border-right: 1px solid rgb(255 255 255 / 18%); border-bottom: 1px solid rgb(255 255 255 / 18%); }
.legal-card-grid span { color: #79d5c9; }
.legal-card-grid h3 { color: white; }
.legal-card-grid p { margin: 0; color: rgb(255 255 255 / 68%); font-size: .75rem; line-height: 1.65; }
.legal-pending { max-width: 78ch; margin-top: 1.8rem; padding: 1.25rem 1.35rem; border-left: 3px solid #c69431; background: #fff7e7; }
.legal-pending strong { display: block; font-size: .78rem; }
.legal-pending p { margin: .45rem 0 0; color: #6c5b37; font-size: .75rem; }
.legal-table { max-width: 900px; margin: 2rem 0; border-top: 1px solid var(--public-rule); border-left: 1px solid var(--public-rule); }
.legal-table > div { display: grid; grid-template-columns: 1fr 1fr; }
.legal-table :is(strong,span) { padding: 1rem 1.1rem; border-right: 1px solid var(--public-rule); border-bottom: 1px solid var(--public-rule); font-size: .76rem; line-height: 1.65; }
.legal-table > div:first-child { color: white; background: var(--public-teal-deep); }
.legal-table span { color: #4f6365; }
@media (hover:hover) and (pointer:fine) { .legal-index a:hover { color: var(--public-teal-deep); } }
@media (max-width:900px) { .legal-hero__grid,.legal-layout { grid-template-columns: 1fr; } .legal-summary { max-width: 620px; } .legal-index { position: static; } .legal-index nav { grid-template-columns: repeat(2,1fr); column-gap: 1.5rem; } }
@media (max-width:620px) { .legal-hero { padding-top: 7.5rem; } .legal-hero h1 { font-size: clamp(3rem,15vw,4.5rem); } .legal-index nav,.legal-card-grid { grid-template-columns: 1fr; } .legal-table > div { grid-template-columns: 1fr; } .legal-table > div:first-child strong:last-child { display: none; } .legal-table > div:not(:first-child) span:last-child { background: #f1f5f2; } .legal-callout { margin-inline: -12px; } }
@media (prefers-reduced-motion:reduce) { .legal-page * { scroll-behavior: auto !important; } }
