.archive-shell{width:min(1200px,88%);margin:0 auto;padding:140px 0 80px}.back-home{color:#91a7c1;font-size:14px}.archive-shell h1{font-size:clamp(36px,4.5vw,64px);line-height:1.2;margin:28px 0 42px;font-weight:500}.archive-filters{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:36px}.archive-filters button{background:none;border:0;border-bottom:2px solid transparent;color:#9bacc2;padding:12px 0;font:inherit;cursor:pointer}.archive-filters button[aria-pressed=true]{color:#82aeff;border-color:#82aeff}.archive-story{display:grid;grid-template-columns:38% 1fr;gap:44px;padding:36px 0;border-top:1px solid #233144;align-items:center}.archive-story[hidden]{display:none}.archive-image{position:relative;display:block;align-self:start;width:100%;overflow:hidden;aspect-ratio:16/10;background:#101c2c}.archive-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .45s cubic-bezier(.2,.7,.3,1)}.archive-story time{color:#8a9bb2;font-size:14px}.archive-story h2{font-size:clamp(21px,2vw,28px);line-height:1.5;margin:14px 0 16px;font-weight:500}.archive-story h2 a{color:#edf3fc;text-decoration:none;transition:color .18s}.archive-story h2 a:hover{color:#82aeff}.read-original{color:#82aeff;font-size:15px;text-underline-offset:5px}.archive-footer{text-align:center;padding:34px 20px;color:#8598ae;font-size:13px}.header a[aria-current=page]{color:#82aeff}a:focus-visible,button:focus-visible{outline:2px solid #82aeff;outline-offset:6px}@media(max-width:700px){.archive-shell{padding-top:110px;width:90%}.archive-story{grid-template-columns:1fr;gap:22px;padding:28px 0}.archive-filters{gap:20px}.archive-story h2{font-size:22px}.header .nav-shell{gap:12px}.header nav{gap:10px;flex-wrap:wrap}.header nav a,.header nav button{font-size:12px}.archive-shell h1{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.archive-image img{transition:none}}

/* News pagination */
.archive-page{min-width:0}
.archive-story>div{min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:24px 0 20px}
.archive-story h2{overflow-wrap:anywhere;margin:16px 0 28px}
.archive-story .read-original{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;margin-top:auto;line-height:1.6}
@media(max-width:1000px) and (min-width:701px){.archive-story>div{padding:12px 0}.archive-story h2{margin:12px 0 24px}}
@media(max-width:700px){.archive-story>div{padding:0}.archive-story h2{margin:12px 0 20px}.archive-story .read-original{min-height:44px}}
#archive-list{scroll-margin-top:100px}
.archive-pagination{display:flex;flex-direction:column;align-items:center;gap:20px;border-top:1px solid #233144;padding-top:36px;margin-top:8px}
.archive-page-status{margin:0;color:#9bacc2;font-size:14px;text-align:center}
.archive-page-controls,.archive-page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.archive-pagination button{min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #334155;border-radius:4px;background:transparent;color:#b4c2d4;font:inherit;font-size:14px;cursor:pointer}
.archive-pagination button:hover:not(:disabled){border-color:#82aeff;color:#edf3fc}
.archive-pagination button[aria-current="page"]{background:#82aeff;border-color:#82aeff;color:#090d10}
.archive-pagination button:disabled{opacity:.35;cursor:default}
@media(max-width:700px){.archive-page-controls{width:100%;gap:12px}.archive-page-numbers{order:3;flex-basis:100%;gap:6px}.archive-pagination button{min-width:40px;min-height:44px;padding:8px 10px}}
@media(max-width:700px){.archive-page .header{height:auto;min-height:110px;padding:14px 0}.archive-page .nav-shell{width:90%;max-width:none;flex-direction:column;gap:8px}.archive-page .header .brand-logo{width:145px}.archive-page .header nav{justify-content:center;gap:8px 18px}.archive-page .framework-footer .content-shell{width:90%;max-width:none;flex-direction:column;gap:18px;text-align:center}.archive-page .footer-info{flex-wrap:wrap;justify-content:center}}

/* News image interaction */
@media(hover:hover) and (pointer:fine){.archive-image:hover img{transform:scale(1.035)}}
.archive-image:focus-visible img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.archive-image img{transition:none}.archive-image:hover img,.archive-image:focus-visible img{transform:none}}