body.legal { background: var(--paper); color: var(--text); }
.legal ::selection { background: var(--red); color: #fff; }
.lg-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 6vw; border-bottom: 1px solid var(--line); }
.lg-logo { width: 64px; background-image: url("/assets/alt-capital-logo-full-colour.svg"); }
.legal .lang { color: var(--heading); border: 1px solid rgba(35, 31, 32, .3); padding: 10px 16px; min-height: 44px; display: inline-flex; align-items: center; font-weight: 600; }
.legal .lang:hover { border-color: var(--red); color: var(--red); }
.lg-main { width: min(760px, 100% - 12vw); margin: 0 auto; padding: clamp(48px, 7vw, 96px) 0 clamp(64px, 8vw, 120px); }
.lg-back a { font-weight: 600; color: var(--heading); text-decoration: underline 1px rgba(35, 31, 32, .4); text-underline-offset: .3em; }
.lg-back a:hover { color: var(--red); text-decoration-color: var(--red); }
.legal h1 { color: var(--heading); font-size: clamp(2.2rem, 5vw, 3.6rem); margin-top: 28px; }
.lg-date { margin-top: 12px; font-size: .92rem; color: var(--grey); }
.legal h2 { color: var(--heading); font-size: clamp(1.25rem, 2vw, 1.5rem); margin: 44px 0 12px; }
.lg-main p, .lg-main li { max-width: 68ch; }
.lg-main p + p { margin-top: 10px; }
.lg-main ul { padding-inline-start: 1.1em; display: grid; gap: 8px; }
.lg-main li::marker { color: var(--red); }
.lg-main b { color: var(--heading); }
.lg-main a:not(.lang) { color: var(--red); text-decoration: underline 1px; text-underline-offset: .25em; }
.lg-foot { border-top: 1px solid var(--line); padding: 28px 6vw 40px; font-size: .86rem; color: var(--grey); }
.legal :focus-visible { outline-color: var(--red); }
.lg-top { direction: ltr; }
.nowrap { white-space: nowrap; }
.lg-main ul + p, .lg-main p + ul { margin-top: 14px; }
.lg-todo { background: #fff3c4; color: var(--heading); padding: 0 .2em; }
.rp-gate { margin-top: 36px; }
.rp-gate summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; min-height: 48px; padding: 12px 24px; background: var(--red); color: #fff; font-weight: 600; }
.rp-gate summary::-webkit-details-marker { display: none; }
.rp-gate summary:hover { background: var(--red-dark); }
.rp-gate summary:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.rp-gate[open] summary { background: transparent; color: var(--grey); padding-inline: 0; min-height: 0; }
.lg-main .rp-list { list-style: none; padding: 0; margin-top: 12px; display: block; border-top: 1px solid var(--line); max-width: 68ch; }
.lg-main .rp-list a { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding-block: 12px; border-bottom: 1px solid var(--line); color: var(--heading); font-weight: 600; text-decoration: none; }
.lg-main .rp-list a:hover { color: var(--red); }
.lg-main .rp-list a span { font-size: .8rem; font-weight: 600; color: var(--grey); letter-spacing: .06em; }
.lg-back a { display: inline-flex; align-items: center; min-height: 44px; }