/* Beta privacy notice (/privacy/). Builds on /panel/panel.css. */
.privacy article { max-width: 760px; margin: var(--space-7) 0 0; }
.privacy h1 { font-family: var(--font-display); font-size: var(--text-2xl); line-height: 1.1; margin: var(--space-2) 0 var(--space-3); color: var(--ink); }
.privacy h2 { font-family: var(--font-display); font-size: var(--text-md); margin: var(--space-6) 0 var(--space-2); color: var(--ink); }
.privacy p, .privacy li, .privacy td { color: var(--text-body); line-height: var(--leading-relaxed); }
.privacy p { margin: 0 0 var(--space-3); }
.privacy a { color: var(--accent); }
.privacy .updated { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); }
.privacy blockquote { margin: 0 0 var(--space-4); padding: var(--space-4); border-left: 3px solid var(--accent); background: var(--bg-elev); color: var(--ink); line-height: var(--leading-relaxed); }
.privacy ul { padding-left: 1.2em; }
.privacy li { margin-bottom: var(--space-2); }
.privacy table { width: 100%; border-collapse: collapse; margin: var(--space-2) 0 var(--space-4); font-size: var(--text-sm); }
.privacy th { text-align: left; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); border-bottom: 1px solid var(--rule-hi); padding: var(--space-2); }
.privacy td { vertical-align: top; border-bottom: 1px solid var(--rule); padding: var(--space-3) var(--space-2); }
@media (max-width: 640px) {
  .privacy table, .privacy thead, .privacy tbody, .privacy tr, .privacy th, .privacy td { display: block; }
  .privacy thead { display: none; }
  .privacy tr { border-bottom: 1px solid var(--rule-hi); padding: var(--space-2) 0; }
  .privacy td { border: 0; padding: var(--space-1) 0; }
  .privacy td[data-label]::before { content: attr(data-label) " "; display: block; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); }
}
@media (max-width: 520px) {
  .site-header .brand .sub { display: none; }
  .site-header .header-right { gap: var(--space-2); }
}