/* SPARK legal pages (privacy, terms, accessibility statement): long text, easy to read. */
.skip { position: fixed; top: 10px; inset-inline-start: 10px; z-index: 100; padding: 10px 16px; border-radius: 12px; background: #fff; color: #241040; font-weight: 700; text-decoration: none; transform: translateY(-160%); transition: transform .2s; }
.skip:focus { transform: none; }
.legal-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 72px; }
.legal { max-width: 820px; padding-bottom: 40px; }
.legal h1 { font-size: clamp(46px, 7vw, 84px); line-height: .95; display: flex; flex-wrap: wrap; gap: .1em .25em; align-items: baseline; margin: 26px 0 14px; }
.legal .updated { color: var(--muted); font-size: 14px; margin: 0 0 30px; }
.legal section { padding: 22px 0; border-top: 1px solid rgba(170, 70, 255, .18); }
.legal h2 { font: 900 30px/1.1 var(--f-cap); color: #fff; margin: 0 0 12px; }
.legal p, .legal li { color: #e4dbf5; font-size: 17px; line-height: 1.75; }
.legal p { margin: 0 0 12px; }
.legal ul { margin: 0 0 12px; padding-inline-start: 22px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--lilac); text-underline-offset: 3px; }
.legal strong { color: #fff; }
.legal-foot { display: flex; flex-wrap: wrap; gap: 10px 22px; padding-block: 26px 50px; border-top: 1px solid rgba(170, 70, 255, .18); font-size: 14px; }
.legal-foot a { color: var(--muted); }
.legal-foot a[aria-current="page"] { color: var(--ink); font-weight: 700; text-decoration: none; }