/* Legal pages */
.legal { padding: 56px 0 96px; }
.legal-wrap { max-width: 820px; }
.crumbs { font-size: 14px; color: var(--mute); margin-bottom: 18px; }
.crumbs a { text-decoration: underline; text-underline-offset: 3px; }
.legal h1 { margin-bottom: 8px; }
.updated { color: var(--mute); font-size: 15px; margin-bottom: 36px; }
.toc { background: #fffdf9; border: 2px solid var(--ink); border-radius: 22px; padding: 22px 26px; margin-bottom: 48px; box-shadow: 6px 6px 0 var(--ink); }
.toc p { font-weight: 800; margin-bottom: 8px; }
.toc ol { list-style: decimal; padding-right: 22px; display: grid; gap: 4px; }
.toc a { text-decoration: underline; text-underline-offset: 3px; }
.toc a:hover { color: var(--fire); }
.legal section { padding: 28px 0; border-top: 1.5px solid var(--line); scroll-margin-top: 90px; }
.legal h2 { font-family: var(--f-body); font-size: 24px; font-weight: 800; margin-bottom: 12px; }
.legal p { margin-bottom: 12px; color: var(--ink-2); max-width: 68ch; }
.legal ul { list-style: none; display: grid; gap: 8px; margin: 8px 0 14px; }
.legal ul li { position: relative; padding-right: 22px; color: var(--ink-2); max-width: 66ch; }
.legal ul li::before { content: ""; position: absolute; right: 2px; top: .65em; width: 8px; height: 8px; border-radius: 50%; background: var(--fire); }
.legal a { color: #b42d0c; text-decoration: underline; text-underline-offset: 3px; }
.legal .contact li::before { display: none; }
.legal .contact li { padding-right: 0; }
.legal kbd { font-family: ui-monospace, monospace; border: 1.5px solid var(--ink); border-radius: 6px; padding: 0 6px; font-size: .9em; }
.legal .en { text-align: left; }
.legal .en ul li, .legal .en p { padding-right: 0; }
.footer .footer-row nav a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 720px) { .legal { padding-top: 32px; } .toc { padding: 18px; box-shadow: 4px 4px 0 var(--ink); } }