.archive-article, .archive-toc { min-width: 0; }
.archive-copy { overflow-wrap: anywhere; }
.archive-copy a, .archive-toc a { color: #ffb690; text-decoration: underline; text-underline-offset: .2em; }
.archive-copy h2 { scroll-margin-top: 6.5rem; }
.archive-list { list-style: disc; padding-left: 1.4rem; margin: 1rem 0 1.5rem; color: #d4d4d8; }
ol.archive-list { list-style: decimal; }
.archive-list li { padding-left: .2rem; margin-bottom: .65rem; }
.archive-toc-links { display: grid; gap: .9rem; font-size: 15px; }
.game-table-wrap { overflow-x: auto; margin: 1rem 0 2rem; border: 1px solid #3f3f46; border-radius: .5rem; }
.game-table-wrap table { width: 100%; font-size: 14px; line-height: 1.6; text-align: left; color: #d4d4d8; }
.game-table-wrap caption { text-align: left; padding: .8rem 1rem; color: #a1a1aa; font-size: 13px; }
.game-table-wrap th, .game-table-wrap td { padding: .8rem 1rem; vertical-align: top; border-top: 1px solid #27272a; }
.game-table-wrap thead { background: #121214; color: #fafafa; }
.game-table-wrap tbody th { width: 29%; font-weight: 600; color: #fafafa; }
.game-table-wrap td:nth-child(2):not(:last-child) { white-space: nowrap; }
.archive-slide-frame { aspect-ratio: 16 / 9; background: #09090b; border: 1px solid #3f3f46; border-radius: .5rem; overflow: hidden; }
.archive-slide-frame img { width: 100%; height: 100%; object-fit: contain; }
.archive-enlarge { display: inline-block; margin-bottom: 1rem; font-size: 14px; }
.archive-slides figcaption { min-height: 3rem; padding: .7rem 0; font-size: 13px; color: #a1a1aa; }
.archive-slide-controls { display: flex; justify-content: space-between; gap: .75rem; }
.archive-slide-controls[hidden], .archive-slides [hidden] { display: none; }
.archive-slide-controls button { min-height: 44px; padding: .65rem .85rem; border: 1px solid #3f3f46; border-radius: .5rem; background: #201f22; color: #fafafa; font-size: 13px; cursor: pointer; }
.archive-slide-controls button:hover:not(:disabled) { border-color: #ffb690; }
.archive-slide-controls button:disabled { opacity: .45; cursor: default; }
.archive-pdf-links { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; margin: 1rem 0 1.5rem; font-size: 14px; }
.archive-skip { position: fixed; top: -8rem; left: 1rem; z-index: 100; padding: .75rem 1rem; background: #18181b; color: #fafafa; }
.archive-skip:focus { top: 1rem; }
:is(.archive-copy, .archive-toc) :is(a, button, [tabindex]):focus-visible, .archive-skip:focus-visible { outline: 2px solid #ffb690; outline-offset: 4px; }
html.light :is(.archive-copy, .archive-toc) a { color: #9d4300; }
html.light .archive-list, html.light .game-table-wrap table { color: #52525b; }
html.light .game-table-wrap, html.light .game-table-wrap :is(th, td) { border-color: #e4e4e7; }
html.light .game-table-wrap thead { background: #f4f4f6; color: #18181b; }
html.light .game-table-wrap tbody th { color: #18181b; }
html.light .game-table-wrap caption, html.light .archive-slides figcaption { color: #52525b; }
html.light .archive-slide-controls button { background: #f4f4f6; color: #18181b; border-color: #d4d4d8; }
html.light :is(.archive-copy, .archive-toc) :is(a, button, [tabindex]):focus-visible { outline-color: #9d4300; }
@media (min-width: 1024px) {
  .archive-article { grid-column: 1 / span 8; grid-row: 1; }
  .archive-toc { grid-column: 9 / span 4; grid-row: 1; }
}
@media (max-width: 639px) {
  .game-table-wrap th, .game-table-wrap td { padding: .65rem .5rem; }
  .game-table-wrap table { font-size: 13px; }
}