.skip-link { position: fixed; top: -100px; left: 8px; z-index: 20000; background: #fff; color: #111; padding: 12px; }
.skip-link:focus { top: 8px; }
:focus-visible { outline: 3px solid #006fba; outline-offset: 3px; }
div#mobile-header ul[hidden] { display: none !important; }
div#mobile-header ul li a { position: static; display: block; color: #333; text-decoration: none; padding: 12px; width: auto; height: auto; }
div#mobile-header ul li:has(> a) { padding: 0; }
div#mobile-nav-icon, div#mobile-share { min-width: 44px; min-height: 44px; margin-top: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; }
div#mobile-nav-icon img, div#mobile-share img { width: 30px; height: 30px; }

.interactive-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
@media(max-width: 850px) { .interactive-scroll::before { content: "Scroll horizontally to explore this graphic."; display: block; padding: 12px; background: #f1f1f1; color: #222; } }
#fixed-nav:focus-within ul { height: auto !important; }
.archive-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 4px; clear: both; background: #fff; color: #222; }
.archive-gallery-controls button { padding: 10px; min-height: 44px; font: inherit; border: 1px solid #555; border-radius: 3px; background: #f7f7f7; color: #222; cursor: pointer; }
.archive-gallery-controls button:disabled { opacity: .55; cursor: default; }
.archive-gallery-controls span { font: 14px/1.4 Arial,sans-serif; }
.video-source { font-size: 14px; line-height: 1.5; padding: 8px 4px; }
.video-source a { color: #802027; text-decoration: underline; }

/* Archive review: legible credits, selected controls, and links on dark backgrounds. */
.archive-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
p.byline, p.byline span { color: #666 !important; }
.photo-author { color: #555 !important; }
#nav-list li a[aria-current="page"], #nav-list li a[aria-current="true"], #mobile-overview-lede a { color: #f16e73 !important; }
#home-slider-menu .slider-tab.selected { background-color: #8a5b00 !important; color: #fff !important; }
#news21-footer h2.archive-footer-heading { font: bold 10px/15px Verdana,Arial,Helvetica,sans-serif; margin: 0; padding: 0; color: #aaa; text-align: left; }

#fixed-nav:focus-within ul { visibility: visible; }
.widget.related:focus-within .widget-description { width: 300% !important; }
.archive-interactive-link { font-size: 16px; }
.archive-interactive-link a { text-decoration: underline; }
:focus-visible { outline: 3px solid #006fba; outline-offset: 3px; box-shadow: 0 0 0 3px #fff; }
.archive-source-note { font: 13px/1.5 Arial,sans-serif; }
.archive-source-note a { text-decoration: underline; }
#news21-footer a[href*="source-links.html"] { color: #aaa; font: 10px/15px Verdana,Arial,Helvetica,sans-serif; }
div#mobile-header ul li:has(> button) { padding: 0; }
div#mobile-header ul li > button { width: 100%; min-height: 44px; padding: 12px; border: 0; background: #fff; color: #333; font: inherit; text-align: left; cursor: pointer; }
div#fixed-nav > img { display: none; }
.archive-sections-toggle { width: 100%; min-height: 39px; margin: 0; border: 0; padding: 8px; background: #a0181d; color: #fff; font: bold 14px/23px Arial,sans-serif; text-transform: uppercase; cursor: pointer; }
div#fixed-nav ul[hidden] { display: none !important; }
div#fixed-nav ul li:hover a, div#fixed-nav ul li:focus-within a { color: #fff !important; }
div#fixed-nav ul li:focus-within { background-color: #a0181d; }
.archive-sections-toggle { appearance: none; -webkit-appearance: none; border-radius: 0; }