/* Archive notices are new; the content underneath retains legacy styling. */
.archive-skip { position: absolute; left: 10px; top: 0; transform: translateY(-150%); padding: 10px 14px; background: #fff; color: #072c7a; font: 16px/1.5 Arial, Verdana, sans-serif; z-index: 2; }
.archive-skip:focus { transform: translateY(0); outline: 3px solid #0057b8; }
.archive-original a:focus-visible { outline: 3px solid #0057b8; outline-offset: 3px; }
.archive-notice { box-sizing: border-box; max-width: 800px; margin: 0 auto 14px; padding: 14px 18px; border-top: 3px solid #a90f20; background: #fff; color: #202936; font: 16px/1.5 Arial, Verdana, sans-serif; text-align: left; }
.archive-notice strong { color: #071c58; }
.archive-notice p { margin: 5px 0 10px; }
.archive-notice nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.archive-notice a, .archive-directory a { color: #072c7a; text-decoration: underline; }
.archive-notice a:focus-visible, .archive-directory a:focus-visible { outline: 3px solid #0057b8; outline-offset: 3px; }
.archive-original { overflow-x: auto; }
.archive-directory { box-sizing: border-box; max-width: 800px; margin: 0 auto; padding: 20px; background: white; color: #202936; font: 16px/1.6 Arial, Verdana, sans-serif; }
.archive-directory h1 { margin-top: 0; font-size: 25px; color: #071c58; }
.archive-directory h2 { margin-top: 25px; font-size: 19px; color: #071c58; }
.archive-directory li { margin: 8px 0; }
.archive-image-unavailable { display: inline-block; color: #626262; font: 12px/1.4 Arial, Verdana, sans-serif; }