/* Small archival additions; the original template remains in style.css. */
body { margin: 0; font-family: Tahoma, Arial, sans-serif; background-color: #181818; }
.archive-notice {
  box-sizing: border-box; padding: 8px 14px; border-bottom: 1px solid #756080;
  background: #29232d; color: #e9e2ec; font: 12px/1.6 Tahoma, Arial, sans-serif;
}
.archive-notice strong { color: #fff; }
.archive-notice span { margin-left: 5px; }
.archive-notice a { color: #dfbee8; margin-left: 14px; white-space: nowrap; }
.archive-content { font: 12px/1.6 Tahoma, Arial, sans-serif; }
.archive-content h2 { margin-top: 1.5em; line-height: 1.3; }
.archive-content h3 { line-height: 1.3; }
.archive-content img[align="right"] { margin: 0 0 12px 16px; }
.archive-content img[align="left"] { margin: 0 16px 12px 0; }
.archive-content a:focus-visible, .archive-notice a:focus-visible { outline: 2px solid #dfbee8; outline-offset: 3px; }
.archive-content li { margin-bottom: 1em; }
.archive-space { height: 48px; }
.archive-video { max-width: 960px; margin: 16px 0 40px; }
.youtube-video { display: block; border: 1px solid #756080; background: #252027; text-decoration: none; }
.youtube-video img { display: block; width: 100%; height: auto; border: 0; }
.youtube-caption { display: block; padding: 12px 16px; color: #dfbee8; font-weight: bold; }
.youtube-video:hover .youtube-caption { background: #33283c; text-decoration: underline; }
.video-note { color: #c7becb; font-size: 11px; margin: 8px 0 0; }
.archive-detail { padding: 10px 12px; border-left: 3px solid #8e699e; background: #252027; }
@media (max-width: 650px) {
  .archive-notice span { display: block; margin-left: 0; }
  .archive-notice a { margin-left: 0; display: inline-block; }
}