.asp-archive{ --asp-accent:#6C2BD9; background:#f6f7fb; padding-bottom:60px; }
.asp-archive-hero{ background: radial-gradient(1000px 500px at 20% 10%, color-mix(in srgb,var(--asp-accent) 22%, #0b1220), #0b1220); color:#fff; padding:46px 18px 26px; }
.asp-archive-inner{ max-width:1100px; margin:0 auto; }
.asp-archive-kicker{ text-transform:uppercase; letter-spacing:.10em; font-size:12px; opacity:.8; }
.asp-archive-title{ margin:8px 0 6px; font-size:clamp(28px,3vw,44px); line-height:1.1; }
.asp-archive-desc{ max-width:70ch; opacity:.92; }

.asp-archive-shell{ padding: 18px; }
.asp-cards{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
@media (max-width: 980px){ .asp-cards{ grid-template-columns: 1fr; } }

.asp-cardlink{ display:block; text-decoration:none; color:#0f172a; background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(0,0,0,.06); }
.asp-cardimg{ height:170px; background:#0b1220; background-size:cover; background-position:center; }
@media (max-width:980px){ .asp-cardimg{ height:190px; } }
.asp-cardbody{ padding:14px 14px 16px; }
.asp-cardmeta{ font-size:12px; opacity:.7; display:flex; gap:8px; align-items:center; }
.asp-cardtitle{ margin-top:8px; font-size:18px; line-height:1.25; letter-spacing:-0.01em; font-weight:800; }
.asp-cardexcerpt{ margin-top:8px; font-size:14px; line-height:1.55; opacity:.85; }
.asp-cardlink:hover{ border-color: color-mix(in srgb,var(--asp-accent) 35%, rgba(0,0,0,.10)); transform: translateY(-1px); }

.asp-pagination{ max-width:1100px; margin:18px auto 0; }
.asp-pagination .nav-links{ display:flex; gap:8px; flex-wrap:wrap; }
.asp-pagination a, .asp-pagination span{ padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,.10); background:#fff; text-decoration:none; color:#0f172a; }
.asp-pagination .current{ background: color-mix(in srgb,var(--asp-accent) 14%, #fff); border-color: color-mix(in srgb,var(--asp-accent) 28%, rgba(0,0,0,.10)); }
.asp-empty{ max-width:1100px; margin:0 auto; padding:24px; background:#fff; border:1px solid rgba(0,0,0,.10); border-radius:16px; }