/* Generated by website/scripts/build-dark-css.mjs from legal.css. Do not edit: change the light stylesheet or theme.css and rebuild. */
:root[data-theme="dark"] body {
    color: var(--ink);
    background-color: var(--bg)
}
:root[data-theme="dark"] a {
    color: inherit;
    text-decoration: none
}
:root[data-theme="dark"] .site-header {
    background: rgba(32,35,36,0.92);
    border-bottom: 1px solid var(--border-soft)
}
:root[data-theme="dark"] .brand {
    text-decoration: none;
    color: var(--ink)
}
:root[data-theme="dark"] .brand strong {
    color: var(--ink)
}
:root[data-theme="dark"] .brand span {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .top-links a {
    color: var(--ink-subtle)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .top-links a:hover {
        color: var(--ink)
    }
}
:root[data-theme="dark"] .top-links .top-cta {
    background: var(--brand-fill);
    color: var(--on-brand)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .top-links .top-cta:hover {
        background: #e8c778;
        color: var(--on-brand)
    }
}
:root[data-theme="dark"] .hero-cat {
    background: var(--brand-light);
    color: #f6f6f2
}
:root[data-theme="dark"] .hero-version {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .page-hero h1 {
    color: var(--ink)
}
:root[data-theme="dark"] .page-hero .hero-summary {
    color: var(--ink-body)
}
:root[data-theme="dark"] .hero-updated {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .section-link {
    background: var(--brand-fill);
    color: var(--on-brand)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .section-link:hover {
        background: #e8c778;
        color: var(--on-brand)
    }
}
:root[data-theme="dark"] .section-link.secondary {
    background: var(--surface);
    color: var(--ink-body);
    border: 1px solid var(--border)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .section-link.secondary:hover {
        background: var(--bg)
    }
}
:root[data-theme="dark"] .section-link.ghost {
    background: transparent;
    color: var(--ink-subtle);
    border: 1px solid var(--border)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .section-link.ghost:hover {
        color: var(--ink);
        border-color: var(--ink-subtle)
    }
}
:root[data-theme="dark"] .draft-notice {
    background: #141617;
    border: 1px solid #f0cf84;
    color: #f6f6f2
}
:root[data-theme="dark"] .sidebar-card {
    background: var(--surface);
    border: 1px solid var(--border)
}
:root[data-theme="dark"] .sidebar-card h2 {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .sidebar-card ul li a {
    color: var(--ink-body)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .sidebar-card ul li a:hover {
        background: var(--brand-light);
        color: #f6f6f2
    }
}
:root[data-theme="dark"] .sidebar-card.highlights ul li {
    color: var(--ink-body);
    border-bottom: 1px solid var(--border-soft)
}
:root[data-theme="dark"] .sidebar-card.highlights ul li:last-child {
    border-bottom: none
}
:root[data-theme="dark"] .related-link-row a {
    color: #f6f6f2
}
:root[data-theme="dark"] .related-link-row span {
    color: var(--ink-subtle);
    background: var(--bg)
}
:root[data-theme="dark"] .legal-section {
    border-bottom: 1px solid var(--border-soft)
}
:root[data-theme="dark"] .legal-section:last-child {
    border-bottom: none
}
:root[data-theme="dark"] .legal-section h3 {
    color: var(--ink)
}
:root[data-theme="dark"] .section-num {
    background: var(--brand-light);
    color: #f6f6f2
}
:root[data-theme="dark"] .section-body {
    color: var(--ink-body)
}
:root[data-theme="dark"] .section-body p {
    color: var(--ink-body)
}
:root[data-theme="dark"] .section-body li {
    color: var(--ink-body)
}
:root[data-theme="dark"] .table-wrap {
    border: 1px solid var(--border)
}
:root[data-theme="dark"] .legal-table thead {
    background: var(--bg)
}
:root[data-theme="dark"] .legal-table th {
    color: var(--ink-subtle);
    border-bottom: 1px solid var(--border)
}
:root[data-theme="dark"] .legal-table td {
    color: var(--ink-body);
    border-bottom: 1px solid var(--border-soft)
}
:root[data-theme="dark"] .legal-table tr:last-child td {
    border-bottom: none
}
:root[data-theme="dark"] .legal-table tr:nth-child(even) td {
    background: rgba(32,35,36,0.45)
}
:root[data-theme="dark"] .hub-hero h1 {
    color: var(--ink)
}
:root[data-theme="dark"] .hub-hero p {
    color: var(--ink-body)
}
:root[data-theme="dark"] .group-label {
    color: #f6f6f2
}
:root[data-theme="dark"] .group-intro {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .document-card {
    background: var(--surface);
    border: 1px solid var(--border)
}
:root[data-theme="dark"] .doc-cat {
    background: var(--brand-light);
    color: #f6f6f2
}
:root[data-theme="dark"] .document-card h2 {
    color: var(--ink)
}
:root[data-theme="dark"] .document-card p {
    color: var(--ink-body)
}
:root[data-theme="dark"] .doc-highlights-mini li {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .doc-highlights-mini li::before {
    color: #f6f6f2
}
:root[data-theme="dark"] .doc-card-footer {
    border-top: 1px solid var(--border-soft)
}
:root[data-theme="dark"] .doc-action {
    color: #f6f6f2
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .doc-action:hover {
        color: #f6f6f2;
        text-decoration: underline
    }
}
:root[data-theme="dark"] .doc-version {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .site-footer {
    background: var(--ink);
    color: rgba(255,255,255,.7)
}
:root[data-theme="dark"] .site-footer .brand strong {
    color: #fff
}
:root[data-theme="dark"] .site-footer .brand span {
    color: rgba(255,255,255,.45)
}
:root[data-theme="dark"] .footer-copy {
    color: rgba(255,255,255,.5)
}
:root[data-theme="dark"] .footer-group h3 {
    color: rgba(255,255,255,.35)
}
:root[data-theme="dark"] .footer-group a {
    color: rgba(255,255,255,.6)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .footer-group a:hover {
        color: #fff
    }
}
:root[data-theme="dark"] a:focus-visible, :root[data-theme="dark"] button:focus-visible, :root[data-theme="dark"] input:focus-visible, :root[data-theme="dark"] select:focus-visible, :root[data-theme="dark"] summary:focus-visible, :root[data-theme="dark"] [tabindex="0"]:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 4px
}
:root[data-theme="dark"] .skip-link {
    background: #202324;
    color: #f6f6f2
}
:root[data-theme="dark"] .site-header {
    background: rgba(32,35,36,0.96)
}
:root[data-theme="dark"] .section-link {
    border: 1px solid transparent
}
:root[data-theme="dark"] .contents-card a, :root[data-theme="dark"] .mobile-contents a {
    color: var(--ink-body)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .contents-card a:hover, :root[data-theme="dark"] .mobile-contents a:hover {
        color: #f6f6f2
    }
}
:root[data-theme="dark"] .doc-sections {
    background: #202324;
    border: 1px solid var(--border)
}
:root[data-theme="dark"] .section-body a, :root[data-theme="dark"] .sidebar-card.highlights a {
    color: #f6f6f2;
    text-decoration: underline
}
:root[data-theme="dark"] .hub-shortcuts a {
    background: #202324;
    border: 1px solid var(--border)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .hub-shortcuts a:hover {
        border-color: #f0cf84
    }
}
:root[data-theme="dark"] .hub-shortcuts span {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .library-controls input, :root[data-theme="dark"] .support-compose select {
    border: 1px solid #717b7a;
    color: var(--ink);
    background: #202324
}
:root[data-theme="dark"] .library-filters button {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--ink-body)
}
:root[data-theme="dark"] .library-filters button[aria-pressed="true"] {
    background: var(--brand-light);
    color: #f6f6f2;
    border-color: #3c4242
}
:root[data-theme="dark"] #document-count {
    color: var(--ink-subtle)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .document-card:hover {
        border-color: #f0cf84
    }
}
:root[data-theme="dark"] .doc-version {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .library-empty {
    background: #202324;
    border: 1px solid var(--border)
}
:root[data-theme="dark"] .support-compose, :root[data-theme="dark"] .support-direct {
    border: 1px solid var(--border);
    background: #202324
}
:root[data-theme="dark"] .support-compose p, :root[data-theme="dark"] .support-direct p {
    color: var(--ink-body)
}
:root[data-theme="dark"] .support-guidance {
    background: #2b2f30
}
:root[data-theme="dark"] .support-guidance a, :root[data-theme="dark"] .support-direct a {
    color: #f6f6f2;
    text-decoration: underline
}
:root[data-theme="dark"] .support-direct .support-emergency {
    border-top: 1px solid var(--border);
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .support-compose .email-explanation {
    color: var(--ink-subtle)
}
:root[data-theme="dark"] .site-footer {
    background: #202324;
    color: var(--ink);
    border-top: 1px solid var(--border)
}
:root[data-theme="dark"] .site-footer .brand strong {
    color: var(--ink)
}
:root[data-theme="dark"] .site-footer .brand span, :root[data-theme="dark"] .footer-copy, :root[data-theme="dark"] .footer-group h3, :root[data-theme="dark"] .footer-group a {
    color: var(--ink-subtle)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="dark"] .footer-group a:hover {
        color: #f6f6f2
    }
}
@media (max-width: 720px) {
    :root[data-theme="dark"] .mobile-contents {
        background: #202324;
        border: 1px solid var(--border)
    }
}
@media print {
    :root[data-theme="dark"] body {
        background: #202324;
        color: #f6f6f2
    }
    :root[data-theme="dark"] .doc-sections {
        border: 0
    }
    :root[data-theme="dark"] a {
        color: #f6f6f2 !important
    }
}
@media print {
    :root[data-theme="dark"] .draft-notice {
        color: #f6f6f2;
        background: transparent;
        border: 1px solid #68716a
    }
}