.legal .lg { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.legal .lg__aside { padding-top: 14px; border-top: 2px solid var(--hair-strong); }
.legal .lg__lh { color: var(--fg-2); margin-bottom: 10px; }
.legal .lg__toc { counter-reset: lg; border-bottom: 1px solid var(--hair); }
.legal .lg__toc li { counter-increment: lg; border-top: 1px solid var(--hair); }
.legal .lg__toc a { display: grid; grid-template-columns: 2.4em minmax(0, 1fr); align-items: baseline; padding: 11px 0 10px; font: 700 var(--t-ui)/1.25 var(--f-cond); text-decoration: none; }
.legal .lg__toc a::before { content: counter(lg, decimal-leading-zero); font-weight: 600; color: var(--fg-2); font-variant-numeric: tabular-nums; }
.legal .lg__toc a:hover { font-style: italic; }
.legal .lg__more { margin-top: 32px; }
.legal .lg__more p + .lg__lh { margin-top: 22px; }
.legal .lg__more a { font: 700 var(--t-ui)/1.3 var(--f-cond); }
.legal .lg__body { min-width: 0; }
.legal .lg__body > .legal-meta:first-child { padding: 14px 0 0; border-top: 2px solid var(--hair-strong); }
.legal .lg__body > .legal-meta:first-child + h2 { margin-top: 1.4em; padding-top: 0; border-top: 0; }
@media (max-width: 1023.98px) { .legal .lg__more { display: none; } }
@media (min-width: 1024px) {
.legal .lg { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
.legal .lg__aside { grid-column: 1 / span 3; position: sticky; top: calc(var(--header-h) + 24px); align-self: start; max-height: calc(100vh - var(--header-h) - 48px); overflow: auto; }
.legal .lg__body { grid-column: 5 / span 7; }
}