/* orca.actor/legal/* (scripts/build-legal.mjs). Built on orca.css tokens. */
.legal-page { padding-top: var(--space-10); }
.legal-nav { display: flex; gap: var(--space-1); overflow-x: auto; scrollbar-width: none; margin-bottom: var(--space-10); padding: var(--space-1); width: fit-content; max-width: 100%; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface); }
.legal-nav a { padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill); color: var(--text-muted); font-size: var(--text-sm); font-weight: var(--weight-medium); text-decoration: none; transition: color var(--dur-fast), background-color var(--dur-fast); }
.legal-nav a:hover { color: var(--text); background: var(--accent-soft); }
.legal-nav a[aria-current="page"] { color: var(--text); background: var(--accent-soft); }
@media (max-width: 560px) { .legal-nav a { padding: var(--space-2) var(--space-3); white-space: nowrap; } }
.legal-page > .title { margin-top: var(--space-3); }
.legal-meta { margin: var(--space-3) 0 var(--space-10); color: var(--text-subtle); font: var(--weight-medium) var(--text-sm) / 1.5 var(--font-mono); }
.legal-soon { display: grid; gap: var(--space-3); padding: var(--space-8); }
.legal-soon h2 { font-size: var(--text-xl); }
.legal-soon p { max-width: 60ch; }

.legal-doc { display: grid; gap: var(--space-4); line-height: 1.7; }
.legal-doc h2 { margin-top: var(--space-8); font-size: var(--text-2xl); scroll-margin-top: calc(var(--header-height) + var(--space-4)); }
.legal-doc h3 { margin-top: var(--space-4); font-size: var(--text-lg); scroll-margin-top: calc(var(--header-height) + var(--space-4)); }
.legal-doc ul { margin: 0; padding-left: 1.25rem; display: grid; gap: var(--space-2); }
.legal-doc code { padding: 0.1em 0.35em; border-radius: var(--radius-xs); background: var(--surface-sunken); }
.legal-table { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-lg); }
.legal-table table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); line-height: 1.55; }
.legal-table th, .legal-table td { padding: var(--space-3) var(--space-4); text-align: left; vertical-align: top; border-bottom: 1px solid var(--border); }
.legal-table th { background: var(--surface-sunken); font-weight: var(--weight-semibold); }
.legal-table tr:last-child td { border-bottom: 0; }
.legal-archived { margin-bottom: var(--space-8); }
.legal-archive { margin-top: var(--space-12); padding-top: var(--space-6); border-top: 1px solid var(--border); }
.legal-archive h2 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.legal-archive ul { margin: 0; padding-left: 1.25rem; }

.legal-lead { margin-bottom: var(--space-6); }
.legal-count { margin-bottom: var(--space-3); color: var(--text-subtle); font-size: var(--text-sm); }
.notice-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.notice-list > li + li { border-top: 1px solid var(--border); }
.notice-item summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); padding: var(--space-3) var(--space-4); cursor: pointer; }
.notice-item summary:hover { background: var(--accent-soft); }
.notice-item__name { font-weight: var(--weight-semibold); }
.notice-item summary code { color: var(--text-subtle); font-size: var(--text-xs); }
.notice-item__meta { margin-left: auto; color: var(--text-subtle); font-size: var(--text-xs); }
.notice-item p { padding: 0 var(--space-4); font-size: var(--text-sm); overflow-wrap: anywhere; }
.notice-item pre { margin: var(--space-3) var(--space-4) var(--space-4); padding: var(--space-4); max-height: 28rem; overflow: auto; border-radius: var(--radius-md); background: var(--surface-sunken); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--text-xs); line-height: 1.6; }