/* /archive: trang tĩnh, không JS (web/seo.js archivePage). Một tệp CSS nhỏ, không kéo tokens.css + newtab.css về chỉ
   để lấy vài màu: các giá trị dưới đây là màu nền tối của tiện ích (newtab.css :root dark), chép có chủ đích. */
:root { color-scheme:dark; }
html, body { margin:0; background:#0b0c10; color:#edeef3; }
body { font:15px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', sans-serif; }
.arch { max-width:760px; margin:0 auto; padding:24px 16px 56px; }
.arch-top a { display:inline-flex; align-items:center; min-height:44px; color:#9ba1b0; text-decoration:none; }
.arch-top a:hover { color:#edeef3; }
.arch h1 { margin:8px 0 4px; font-size:30px; line-height:1.2; letter-spacing:-.02em; }
.arch-count { margin:0 0 24px; color:#9ba1b0; }
.arch h2 { margin:28px 0 8px; font-size:13px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#9ba1b0; }
.arch ol { list-style:none; margin:0; padding:0; border-top:1px solid #242834; }
.arch li { padding:12px 0; border-bottom:1px solid #242834; display:flex; flex-direction:column; gap:3px; }
.arch li a { color:#edeef3; font-weight:600; text-decoration:none; line-height:1.4; min-height:24px; overflow-wrap:anywhere; }
.arch li a:hover { color:#8b93ff; text-decoration:underline; }
.arch-meta { color:#9ba1b0; font-size:12px; }
.arch-sub { color:#9ba1b0; font-size:13.5px; }
@media (max-width:560px) { .arch h1 { font-size:24px; } }