/* Beautech — page styles: privacy policy. Loaded after assets/site.css.
   Typography comes from the shared .prose block in site.css; this file only
   adds what a legal page needs on top of it. */

/* Match the .art-wrap measure used by the article pages (720px + gutters). */
.legal .prose { max-width: calc(720px + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); }

.legal .stand { font-size: 19px; line-height: 1.64; color: var(--ink); }
.legal h2 { scroll-margin-top: 90px; }
.legal code { font-family: var(--f-mono); font-size: .86em; background: var(--surface); border: 1px solid var(--line-soft); border-radius: 2px; padding: 1px 5px; color: var(--ink); word-break: break-word; }

/* table of contents */
.legal .legal-toc { padding: 22px 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.legal .legal-toc .tt { display: block; font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.legal .legal-toc ol { margin-top: 12px; columns: 2; column-gap: 30px; }
.legal .legal-toc li { font-size: 14.5px; line-height: 1.5; margin-top: 7px; break-inside: avoid; }

/* transferee table */
.legal .legal-table-wrap { overflow-x: auto; }
.legal table { width: 100%; min-width: 560px; border-collapse: collapse; }
.legal th, .legal td { border: 1px solid var(--line); padding: 11px 13px; text-align: left; vertical-align: top; font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); }
.legal th { font-family: var(--f-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); background: var(--surface); }
.legal td b { color: var(--ink); font-weight: 600; }

/* callout + contact panels */
.legal .legal-note { padding: 18px 22px; background: var(--accent-tint); border-left: 2px solid var(--accent); border-radius: var(--radius); }
.legal .legal-contact { padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-2); }
.legal .legal-note p, .legal .legal-contact p { font-size: 16px; }
.legal .legal-note p + p, .legal .legal-contact p + p { margin-top: 12px; }

@media (max-width: 560px) { .legal .legal-toc ol { columns: 1; } }