.archive-page header{position:relative;color:#dbeefa;border-bottom:1px solid #253648}.archive-page header nav a{display:block}.archive-intro{padding:80px 6vw 60px;background:radial-gradient(ellipse at 80% 10%,#163047,transparent 60%)}.archive-intro h1{font-size:clamp(42px,6vw,88px);line-height:1.2;letter-spacing:-.06em;margin:26px 0}.archive-intro h1 span{color:#b4d7ed}.archive-intro>p:last-child{color:#a8bbcf}.article-browser{padding:20px 6vw 90px}.search-tools{display:flex;gap:20px;align-items:end;padding:26px;background:#14202d;border:1px solid #2b4054}.search-tools label{display:grid;gap:10px;font-size:12px;flex:1}.search-tools input,.search-tools select{width:100%;padding:14px;background:#0b131e;border:1px solid #46627b;color:#e7f2fb;font:inherit;min-height:48px}.search-tools button{padding:14px;background:#c5e3f2;color:#12344c;border:0;min-height:48px;cursor:pointer}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #b6dff5;outline-offset:3px}#count{color:#9eb7cc;font-size:12px;margin:28px 0}#entries{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.archive-entry{border-top:1px solid #2c3b4b}.archive-entry a{display:block;position:relative;padding:26px 38px 32px 0;min-height:160px}.entry-meta{font-size:11px;color:#9eb7cc;display:flex;gap:16px;flex-wrap:wrap}.archive-entry h2{font-size:20px;line-height:1.6;letter-spacing:0;transition:color .2s}.archive-entry a:hover h2{color:#a9d9f5}.entry-arrow{position:absolute;right:0;top:55px;color:#a9d9f5;font-size:22px}.archive-note{font-size:12px;color:#9eb7cc;margin-top:45px}[hidden]{display:none!important}@media(max-width:760px){.archive-intro{padding:55px 6vw 30px}.search-tools{flex-direction:column;align-items:stretch;padding:20px}#entries{grid-template-columns:1fr}.archive-entry a{min-height:0}.archive-entry h2{font-size:18px}.archive-page nav{gap:12px}}
.archive-entry .entry-thumb{float:left;width:112px;height:72px;object-fit:cover;border-radius:3px;margin:3px 20px 15px 0}.archive-entry a:after{content:'';display:block;clear:both}.archive-entry:has(.entry-thumb) h2{font-size:18px}.archive-entry:has(.entry-thumb) .entry-meta{font-size:10px}@media(max-width:760px){.archive-entry .entry-thumb{width:88px;height:62px;margin-right:15px}.archive-entry:has(.entry-thumb) h2{font-size:16px}}
