body { background: var(--paper); color: var(--ink); }
.legal-wrap { max-width: 760px; margin: 0 auto; padding: 22px 24px 96px; }
.legal-top {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 0 22px; border-bottom: 1px solid rgba(0,0,0,0.08); margin-bottom: 34px;
}
.legal-top .home {
    display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink);
}
/* Wordmark → Geist bold; doc title → Bricolage (design-refresh type roles). */
.legal-top .home span { font-family: var(--sans); font-weight: 700; font-size: 19px; letter-spacing: -0.04em; }
.legal-top .home img { width: 22px; height: 22px; }
.legal-h1 { font-family: var(--font-heading); font-weight: 600; letter-spacing: -0.02em; font-size: 40px; margin: 0 0 6px; }
.legal-updated { color: var(--ink-3); font-size: 13px; margin: 0; }
.legal-wrap h2 {
    font-family: var(--serif); font-style: italic; font-size: 27px;
    margin: 44px 0 4px; color: var(--ink);
}
.legal-wrap p { line-height: 1.72; color: var(--ink-2); margin: 0 0 14px; font-size: 15px; }
.legal-wrap ul { line-height: 1.72; color: var(--ink-2); margin: 0 0 14px; font-size: 15px; padding-left: 22px; }
.legal-wrap li { margin: 0 0 8px; }
.legal-foot {
    margin-top: 66px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.08);
    font-size: 13.5px; color: var(--ink-3); display: flex; gap: 20px; flex-wrap: wrap;
}
.legal-foot a { color: var(--ink-2); }
@media (max-width: 600px) { .legal-h1 { font-size: 34px; } .legal-wrap { padding: 18px 18px 72px; } }