/* Legal pages: read mode. A quiet paper sheet, a contents rundown, a 68ch column. */
.legal-hero { padding-block: clamp(3rem, 2rem + 4vw, 6rem) clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.legal-hero .display { font-size: clamp(2.5rem, 1.5rem + 4vw, 4.75rem); }
.legal-hero .lead { margin-top: var(--s-5); color: var(--on-studio-2); max-width: 56ch; }
.legal-hero .time { display: inline-block; margin-top: var(--s-5); color: var(--on-studio-3); }
.legal { padding-block: clamp(3rem, 2rem + 4vw, 6rem); }
.legal__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
@media (min-width: 1024px) { .legal__grid { grid-template-columns: 15rem minmax(0, 1fr); gap: var(--s-9); align-items: start; } }
.legal__toc { font-size: var(--t-small); }
@media (min-width: 1024px) { .legal__toc { position: sticky; top: 104px; } }
.legal__toc h2 { font-size: var(--t-label); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); margin-bottom: var(--s-3); }
.legal__toc ol { border-top: 1px solid var(--sheet-line); }
.legal__toc li { border-bottom: 1px solid var(--sheet-line); }
.legal__toc a { display: flex; align-items: center; min-height: 40px; padding-block: 0.35rem; text-decoration: none; color: var(--ink-2); font-weight: 600; line-height: 1.3; }
.legal__toc a:hover { color: var(--ink); text-decoration: underline; }
@media (max-width: 1023px) { .legal__toc ol { columns: 2; column-gap: var(--s-5); } .legal__toc li { break-inside: avoid; } }
@media (max-width: 520px) { .legal__toc ol { columns: 1; } }
.legal__body { max-width: 72ch; color: var(--ink); }
.legal__body section { padding-block: var(--s-6); border-top: 1px solid var(--sheet-line); scroll-margin-top: 104px; }
.legal__body section:first-child { border-top: 0; padding-top: 0; }
.legal__body h2 { font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem); font-weight: 780; letter-spacing: -0.025em; line-height: 1.15; margin-bottom: var(--s-4); }
.legal__body h3 { font-size: 1.0625rem; font-weight: 750; letter-spacing: -0.01em; margin: var(--s-5) 0 var(--s-2); }
.legal__body p, .legal__body li { color: #26324a; }
.legal__body p + p { margin-top: 0.9em; }
.legal__body ul { margin-top: var(--s-3); display: grid; gap: var(--s-2); }
.legal__body ul li { position: relative; padding-left: 1.2rem; max-width: 68ch; }
.legal__body ul li::before { content: ""; position: absolute; left: 0; top: 0.68em; width: 6px; height: 6px; background: var(--ink-2); border-radius: 50%; }
.legal__body a { color: var(--tally-ink); font-weight: 600; }
.legal__sms { margin-top: var(--s-4); padding: var(--s-5); background: var(--sheet); border: 1px solid var(--sheet-line); border-radius: var(--radius); }
.legal__sms dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-1) var(--s-5); margin: 0; }
@media (min-width: 640px) { .legal__sms dl { grid-template-columns: 11rem minmax(0, 1fr); } }
.legal__sms dt { font-weight: 750; font-size: var(--t-small); color: var(--ink); padding-top: var(--s-2); }
.legal__sms dd { margin: 0; color: #26324a; padding-top: var(--s-2); }
@media (max-width: 639px) { .legal__sms dd { padding-top: 0; } }