@font-face { font-family: "Commissioner"; src: url("/fonts/commissioner.woff2") format("woff2"); font-weight: 600 800; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("/fonts/atkinson-hyperlegible-next.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
.lx-top { background: #0A0C2B; padding: 12px clamp(16px, 5vw, 64px); }
.lx-top a { color: #EFE8D6; font: 700 1.25rem/1.4 "Commissioner", sans-serif; text-decoration: none; }
.lx-top a { display: inline-flex; align-items: center; gap: 10px; }
.lx-top img { display: block; width: 30px; height: auto; }
.lx-top a:focus-visible, .lx-chrome a:focus-visible { outline: 3px solid #E0C172; outline-offset: 3px; }
.lx-chrome .legal { background: #14173F; color: #A9B0D8; font: 400 0.875rem/1.5 "Atkinson Hyperlegible Next", sans-serif; font-variant-numeric: tabular-nums; }
.lx-chrome .legal-in { display: grid; gap: 16px; padding: 32px clamp(16px, 5vw, 64px); max-width: none; }
.lx-chrome .legal p { margin: 0; max-width: 40rem; color: inherit; }
.lx-chrome .legal a { color: #EFE8D6; display: inline-block; padding-block: 4px; }
.lx-chrome .legal-who a { text-decoration: none; font-family: "Commissioner", sans-serif; }
@media (min-width: 60rem) { .lx-chrome .legal-in { grid-template-columns: 1fr 2fr 1.4fr; } }
.lx-chrome .legal-who { font-weight: 700; color: #EFE8D6; font-size: 1rem; }
.lx-chrome .todo { background: #E0C172; color: #0A0C2B; font-weight: 700; padding: 0 4px; border-radius: 4px; }
.lx-chrome .todo-note { color: #A9B0D8; }