:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { min-width: 320px; font-size: 16px; letter-spacing: 0; }
.archive-main { padding: calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl); }
.archive-intro, .archive-list, .archive-method, .archive-footer { width: min(100% - (2 * var(--container-padding)), 960px); margin: 0 auto; }
.archive-intro { padding-bottom: var(--space-2xl); border-bottom: var(--border-subtle); }
.archive-kicker { color: var(--neon-cyan); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0; text-transform: uppercase; }
.archive-intro h1 { max-width: 18ch; margin: var(--space-sm) 0; font-family: var(--font-display); font-size: 48px; line-height: var(--lh-tight); letter-spacing: 0; }
.archive-intro p { max-width: 680px; color: var(--text-secondary); }
.archive-list { padding: var(--space-2xl) 0; }
.archive-list h2, .archive-method h2 { margin-bottom: var(--space-md); font-family: var(--font-display); font-size: 34px; line-height: var(--lh-tight); letter-spacing: 0; }
.issue-entry { display: grid; grid-template-columns: 1fr auto; gap: var(--space-lg); align-items: center; padding: var(--space-lg) 0; border-top: var(--border-subtle); }
.issue-entry h3 { margin-bottom: var(--space-xs); font-family: var(--font-display); font-size: 24px; line-height: var(--lh-tight); letter-spacing: 0; }
.issue-entry p { color: var(--text-secondary); }
.issue-date { color: var(--neon-cyan) !important; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0; text-transform: uppercase; }
.issue-status { display: inline-block; margin-left: 8px; padding: 3px 7px; border: 1px solid var(--neon-cyan); border-radius: var(--radius-sm); color: var(--neon-cyan); }
.issue-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0.7rem 1rem; border: var(--border-accent); border-radius: var(--radius-sm); color: var(--neon-cyan); font-weight: var(--fw-semibold); white-space: nowrap; }
.issue-link:hover, .issue-link:focus-visible { background: rgba(0, 245, 255, 0.1); outline: 2px solid var(--neon-cyan); outline-offset: 3px; }
.archive-method { padding: var(--space-xl) 0; border-top: var(--border-subtle); }
.archive-method p { max-width: 700px; color: var(--text-secondary); }
.archive-footer { padding: var(--space-lg) 0 var(--space-2xl); border-top: var(--border-subtle); color: var(--text-muted); font-size: 14px; }
.archive-footer a { color: var(--neon-cyan); }
@media (max-width: 768px) { .archive-main { padding-top: calc(var(--nav-height) + var(--space-2xl)); } .issue-entry { grid-template-columns: 1fr; gap: var(--space-md); } .issue-link { justify-self: start; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .nav, .nav-actions, .issue-link { display: none; } .archive-main { padding-top: 24px; } .archive-intro, .archive-list, .archive-method, .archive-footer { width: 100%; } body { background: #fff; color: #111; } a { color: inherit; } }