/* ===== a11y bar UI ===== */ .a11y-bar { background: #fff; color: #000; border-bottom: 4px solid #000; font-family: 'PT Sans', system-ui, sans-serif; } .a11y-inner { max-width: 1280px; margin: 0 auto; padding: 14px 32px; display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-end; } .a11y-group { display: flex; flex-direction: column; gap: 6px; } .a11y-label { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #444; } .a11y-controls { display: flex; gap: 2px; border: 1.5px solid #000; } .a11y-btn { background: #fff; color: #000; border: none; border-right: 1.5px solid #000; padding: 8px 14px; font-family: inherit; font-size: 14px; cursor: pointer; min-width: 44px; line-height: 1.2; font-weight: 500; } .a11y-btn:last-child { border-right: none; } .a11y-btn:hover { background: #f0f0f0; } .a11y-btn.on { background: #000; color: #fff; font-weight: 700; } .a11y-close { margin-left: auto; background: #000; color: #fff; border: none; padding: 10px 18px; font-family: inherit; font-size: 13px; cursor: pointer; letter-spacing: 0.04em; } .a11y-close:hover { background: #333; } /* ===== a11y mode — applied via [data-acc] on ===== */ [data-acc] { --display-font: inherit !important; } /* Font family */ [data-acc][data-acc-family="serif"], [data-acc][data-acc-family="serif"] body { font-family: 'PT Serif', 'Times New Roman', Georgia, serif !important; } [data-acc][data-acc-family="sans"], [data-acc][data-acc-family="sans"] body { font-family: 'PT Sans', 'Arial', system-ui, sans-serif !important; } [data-acc][data-acc-family="sans"] *, [data-acc][data-acc-family="sans"] h1, [data-acc][data-acc-family="sans"] h2, [data-acc][data-acc-family="sans"] h3, [data-acc][data-acc-family="sans"] h4 { font-family: 'PT Sans', 'Arial', system-ui, sans-serif !important; } [data-acc][data-acc-family="serif"] *, [data-acc][data-acc-family="serif"] h1, [data-acc][data-acc-family="serif"] h2, [data-acc][data-acc-family="serif"] h3, [data-acc][data-acc-family="serif"] h4 { font-family: 'PT Serif', 'Times New Roman', Georgia, serif !important; } /* mono stays mono */ [data-acc] .num, [data-acc] dd, [data-acc] .reg, [data-acc] code { font-family: 'IBM Plex Mono', monospace !important; } /* Font size scale */ [data-acc][data-acc-font="sm"] body { font-size: 16px !important; } [data-acc][data-acc-font="md"] body { font-size: 19px !important; } [data-acc][data-acc-font="lg"] body { font-size: 22px !important; } [data-acc][data-acc-font="xl"] body { font-size: 26px !important; } /* Kerning */ [data-acc][data-acc-kerning="wide"] body * { letter-spacing: 0.05em !important; word-spacing: 0.1em !important; } /* ----- Color schemes ----- */ /* Common: strip all decorative backgrounds and shadows */ [data-acc] body { background: var(--acc-bg) !important; color: var(--acc-fg) !important; } [data-acc] .utility-bar, [data-acc] .crest-bar, [data-acc] .nav-bar, [data-acc] .breadcrumb, [data-acc] .page-banner, [data-acc] .section, [data-acc] .section.alt, [data-acc] .footer, [data-acc] .section-welcome, [data-acc] .req-card, [data-acc] .doc-row, [data-acc] .docs-list, [data-acc] .pillar, [data-acc] .pillars, [data-acc] .news-feature, [data-acc] .notice-card, [data-acc] .compliance-card, [data-acc] .aside-block, [data-acc] .hero-card, [data-acc] .modal { background: var(--acc-bg) !important; color: var(--acc-fg) !important; box-shadow: none !important; border-color: var(--acc-fg) !important; } [data-acc] .crest-bar::before { display: none !important; } [data-acc] .nav-bar { border-top: 2px solid var(--acc-fg) !important; border-bottom: 2px solid var(--acc-fg) !important; } [data-acc] .nav-bar a, [data-acc] .nav-bar button { color: var(--acc-fg) !important; border-color: var(--acc-fg) !important; } [data-acc] .nav-bar a.active, [data-acc] .nav-bar button.active { background: var(--acc-fg) !important; color: var(--acc-bg) !important; } [data-acc] .nav-bar a.active::after, [data-acc] .nav-bar button.active::after { display: none !important; } [data-acc] a { color: var(--acc-link) !important; text-decoration: underline !important; } [data-acc] h1, [data-acc] h2, [data-acc] h3, [data-acc] h4, [data-acc] .full, [data-acc] .crest-pre, [data-acc] .sub, [data-acc] .kicker, [data-acc] .news-tag, [data-acc] .news-date, [data-acc] .aside-label, [data-acc] .compliance-kicker, [data-acc] .doc-action, [data-acc] .notice-pre, [data-acc] .banner-kicker { color: var(--acc-fg) !important; background: transparent !important; } [data-acc] dt, [data-acc] dd, [data-acc] p, [data-acc] li, [data-acc] td, [data-acc] th, [data-acc] .meta, [data-acc] .size, [data-acc] .lede, [data-acc] .role, [data-acc] .v, [data-acc] .k { color: var(--acc-fg) !important; } [data-acc] .btn, [data-acc] button { background: var(--acc-fg) !important; color: var(--acc-bg) !important; border: 2px solid var(--acc-fg) !important; text-decoration: none !important; } [data-acc] .btn-secondary, [data-acc] .btn-ghost { background: var(--acc-bg) !important; color: var(--acc-fg) !important; } [data-acc] input, [data-acc] textarea, [data-acc] select { background: var(--acc-bg) !important; color: var(--acc-fg) !important; border: 1.5px solid var(--acc-fg) !important; } [data-acc] .crest-search { background: var(--acc-bg) !important; border-color: var(--acc-fg) !important; } [data-acc] .crest-search input { color: var(--acc-fg) !important; } [data-acc] .crest-search input::placeholder { color: var(--acc-fg) !important; opacity: 0.55; } [data-acc] .crest-search button { background: var(--acc-fg) !important; color: var(--acc-bg) !important; } /* color schemes */ [data-acc][data-acc-color="bw"] { --acc-bg: #ffffff; --acc-fg: #000000; --acc-link: #0000cc; } [data-acc][data-acc-color="bg"] { --acc-bg: #fff5c2; --acc-fg: #000000; --acc-link: #6b3a00; } [data-acc][data-acc-color="wb"] { --acc-bg: #000000; --acc-fg: #ffffff; --acc-link: #ffd84d; } [data-acc][data-acc-color="bs"] { --acc-bg: #003366; --acc-fg: #9DD1FF; --acc-link: #ffd84d; } /* Hide emblem (decorative) */ [data-acc] .emblem { display: none !important; } [data-acc] .crest-bar .inner { padding: 18px 32px !important; } [data-acc] .crest-title .full { font-size: 28px !important; letter-spacing: 0.02em !important; } /* Hide tricolor strip */ [data-acc] .crest-bar::before { display: none !important; } /* Hide map pulse and decorative images */ [data-acc] .hero-card .img-slot, [data-acc] .map-frame, [data-acc] .news-card .img, [data-acc] .person .portrait, [data-acc] .activity-img, [data-acc] .vehicle .img, [data-acc] .doc-icon { display: none !important; } /* Image off — hide all images */ [data-acc][data-acc-images="off"] img, [data-acc][data-acc-images="off"] svg, [data-acc][data-acc-images="off"] .emblem, [data-acc][data-acc-images="off"] .news-card .img, [data-acc][data-acc-images="off"] .doc-icon, [data-acc][data-acc-images="off"] .activity-img, [data-acc][data-acc-images="off"] .map-frame { display: none !important; } /* Welcome decorative kicker */ [data-acc] .welcome-kicker { border-color: var(--acc-fg) !important; } [data-acc] .verify-link { border-color: var(--acc-fg) !important; color: var(--acc-link) !important; } [data-acc] .ref-list li::before { color: var(--acc-fg) !important; } [data-acc] .compliance-card { border-color: var(--acc-fg) !important; border-top-width: 3px !important; } [data-acc] .news-feature { border-left-color: var(--acc-fg) !important; } [data-acc] .notice-card { border-left-color: var(--acc-fg) !important; } [data-acc] .aside-block { border-color: var(--acc-fg) !important; } [data-acc] .req-card { border-top-color: var(--acc-fg) !important; } [data-acc] .about-aside { border-color: var(--acc-fg) !important; } [data-acc] .pillars, [data-acc] .pillar { border-color: var(--acc-fg) !important; } [data-acc] .news-row, [data-acc] .doc-row, [data-acc] .mgmt-row, [data-acc] .vehicle-row { border-color: var(--acc-fg) !important; } [data-acc] .tabs { border-bottom-color: var(--acc-fg) !important; } [data-acc] .tab.active { border-bottom-color: var(--acc-fg) !important; color: var(--acc-fg) !important; font-weight: 700 !important; } @media (max-width: 980px) { .a11y-inner { padding: 12px 16px; gap: 16px; } .a11y-close { width: 100%; margin: 8px 0 0; } }