.legal-header { padding: 1.5rem var(--gutter); display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.legal-header > a { font: 800 1.5rem var(--f-display); }
.legal-main { width: min(52rem, 100%); margin: 2rem auto 5rem; padding: 0 var(--gutter); }
.legal-main h1 { font: 800 clamp(2.5rem, 6vw, 4rem)/1.05 var(--f-display); margin-bottom: 1rem; }
.legal-main h2 { font: 700 1.6rem/1.2 var(--f-body); margin: 2rem 0 1rem; }
.legal-main p { max-width: none; }
.legal-main li { margin-block: .6rem; }
.legal-main .legal-date { color: var(--line-soft); }
.legal-main section { scroll-margin-top: 2rem; }
.legal-main .legal-pending { border-left: 2px solid var(--mark); padding-left: 1rem; }
.legal-main code { overflow-wrap: anywhere; }
.legal-main--notice { font-size: .875rem; line-height: 1.6; }
.legal-main--notice h1 { font-size: 2rem; }
.legal-main--notice h2 { font-size: 1rem; margin: 1.5rem 0 .5rem; }
.legal-owner { margin: 0; }
.legal-owner > div { display: grid; grid-template-columns: minmax(0, 10rem) minmax(0, 1fr); gap: .5rem 1rem; margin-block: .4rem; }
.legal-owner dt { color: var(--line-soft); }
.legal-owner dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 480px) { .legal-owner > div { grid-template-columns: 1fr; gap: 0; margin-block: .75rem; } }