/* Legal Center additions on top of legal.css (same tokens, logical properties only). */

/* theme toggle icons follow the theme in CSS, so no inline styles are needed (strict CSP) */
#themeIconLight { display: none; }
:root[data-theme="dark"] #themeIconLight { display: inline; }
:root[data-theme="dark"] #themeIconDark { display: none; }

.mt-3 { margin-top: var(--s-3) !important; }

/* "earlier version" note above an archived document */
.archive-note { max-width: var(--w-narrow); margin: var(--s-6) auto 0; padding-inline: var(--s-6); }
.archive-note p { margin: 0; padding: var(--s-3) var(--s-4); border: 1px solid var(--line); border-inline-start: 3px solid var(--warn);
  border-radius: var(--r-md); background: var(--bg-card); font-size: var(--t-sm); color: var(--text); }
.archive-note a { color: var(--text); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 560px) { .archive-note { padding-inline: var(--s-4); } }

/* index: the document list */
.doc section.first { border-top: 0; margin-top: var(--s-8); padding-top: 0; }
.doc-list { list-style: none; padding-inline-start: 0 !important; margin: 0; border: 1px solid var(--line);
  border-radius: var(--r-lg); background: var(--bg-card); }
.doc-list li { display: grid; gap: 2px; padding: var(--s-4) var(--s-5); border-bottom: 1px solid var(--line-soft); margin: 0; }
.doc-list li:last-child { border-bottom: 0; }
.doc .doc-list .doc-title { font-size: var(--t-lg); font-weight: var(--fw-semi); color: var(--text); text-decoration: none; }
.doc .doc-list .doc-title:hover { text-decoration: underline; }
.doc-meta { font-size: var(--t-sm); color: var(--text-soft); }
.doc-lang { font-size: var(--t-sm); color: var(--text-soft); }
.soon-list li { color: var(--text-soft); }

@media print {
  .topbar, footer, .archive-note, .skip { display: none !important; }
}