.legal-page { color: var(--ink); background: #f7f9fa; }
.legal-header { position: relative; z-index: 2; background: var(--white); border-bottom: 1px solid var(--line); }
.legal-nav { display: flex; min-height: 88px; align-items: center; justify-content: space-between; }
.legal-nav .brand { width: 112px; }
.legal-nav > a:last-child { color: var(--blue); font-size: .76rem; font-weight: 800; }
.legal-hero { padding: 82px 0 76px; color: var(--white); background: var(--ink-2); }
.legal-hero h1 { max-width: 900px; margin: 18px 0; font: 500 clamp(3.1rem,6vw,5.8rem)/.95 Georgia,serif; letter-spacing: -.05em; }
.legal-hero > .container > p:last-child { max-width: 720px; color: #c1d0dc; line-height: 1.7; }
.legal-content { padding: 78px 0 110px; }
.legal-layout { display: grid; grid-template-columns: 220px minmax(0,820px); gap: 72px; align-items: start; }
.legal-layout aside { position: sticky; top: 30px; display: flex; flex-direction: column; padding: 22px 0; border-top: 3px solid var(--lime); border-bottom: 1px solid var(--line); }
.legal-layout aside span { margin-bottom: 12px; color: var(--muted); text-transform: uppercase; font-size: .6rem; font-weight: 850; letter-spacing: .12em; }
.legal-layout aside a { padding: 9px 0; color: var(--blue); font-size: .72rem; font-weight: 750; }
.legal-layout article { padding: 48px 54px; background: var(--white); border: 1px solid var(--line); box-shadow: 14px 14px 0 rgba(23,103,155,.08); }
.legal-layout article > div:first-child { margin-bottom: 34px; font: 500 1.6rem/1.35 Georgia,serif; }
.legal-layout article ol { margin: 0; padding-left: 24px; }
.legal-layout article li, .legal-layout article p { margin-bottom: 17px; color: #41536a; font-size: .85rem; line-height: 1.75; }
.legal-layout article li::marker { color: var(--teal); font-weight: 800; }
.legal-layout article a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.legal-layout article > div:last-child { margin-top: 8px; color: var(--ink); font-weight: 750; }
.legal-group + .legal-group { margin-top: 42px; padding-top: 38px; border-top: 1px solid var(--line); }
.legal-group h2, .legal-alert h2 { margin: 0 0 22px; font: 500 2rem/1.1 Georgia,serif; }
.legal-alert { padding: 28px; background: #f0f5f7; border-left: 4px solid var(--blue); }
.legal-footer { padding: 28px 0; color: #b9c8d5; background: var(--ink); font-size: .68rem; }
.legal-footer .container { display: flex; justify-content: space-between; gap: 30px; }
.legal-footer nav { display: flex; gap: 24px; }
.legal-footer a { color: var(--white); }
@media (max-width:820px) { .legal-layout{grid-template-columns:1fr;gap:28px}.legal-layout aside{position:static}.legal-layout article{padding:34px 28px}.legal-footer .container{flex-direction:column}.legal-footer nav{flex-wrap:wrap} }
@media (max-width:520px) { .legal-hero{padding:58px 0}.legal-hero h1{font-size:3rem}.legal-content{padding:45px 0 75px}.legal-layout article{padding:28px 20px;box-shadow:8px 8px 0 rgba(23,103,155,.08)} }