/* Licence, privacy and third-party pages: the same plain look as the home page (uses the variables in site.css). */
.container { max-width: 60rem; margin: 0 auto; padding: 0 16px; }
.legal-header { border-bottom: 1px solid var(--line); }
.legal-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 60px; }
.legal-nav > a:last-child { font-size: 15px; }
.legal-hero { padding: 40px 0 8px; }
.legal-hero .kicker { color: var(--muted); font-size: 14px; margin: 0 0 4px; }
.legal-hero h1 { margin: 0 0 10px; }
.legal-hero p { color: var(--muted); max-width: 46rem; }
.legal-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--muted); margin-top: 8px; }
.legal-layout { max-width: 60rem; margin: 0 auto; padding: 24px 16px 40px; display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 40px; }
.legal-toc { position: sticky; top: 16px; align-self: start; font-size: 14px; }
.legal-toc strong { display: block; color: var(--muted); font-weight: 600; margin-bottom: 6px; }
.legal-toc a { display: block; padding: 3px 0; }
.legal-content { min-width: 0; }
.legal-content section { scroll-margin-top: 16px; padding-bottom: 8px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.legal-content section:last-child { border-bottom: 0; }
.legal-content h2 { border-top: 0; padding-top: 0; margin: 0 0 12px; font-size: 22px; }
.legal-content h3 { margin: 18px 0 6px; font-size: 17px; }
.legal-content code { font: 0.88em ui-monospace, Consolas, monospace; background: var(--code); padding: 1px 4px; border-radius: 3px; }
.legal-content pre { overflow: auto; padding: 14px; background: var(--code); border: 1px solid var(--line); font: 13px/1.6 ui-monospace, Consolas, monospace; white-space: pre-wrap; }
.legal-table-wrap { overflow-x: auto; }
.legal-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.legal-content th, .legal-content td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line); }
.legal-content th { color: var(--muted); font-size: 14px; }
.legal-callout { border-left: 3px solid var(--accent); padding: 4px 0 4px 14px; }
.legal-footer { border-top: 1px solid var(--line); padding: 20px 0 36px; color: var(--muted); font-size: 14px; }
.legal-footer .container { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
@media (max-width: 720px) {
  .legal-layout { grid-template-columns: 1fr; gap: 12px; }
  .legal-toc { position: static; }
}