.achl-wrap {
--achl-ink:#0a1628;
--achl-navy:#0a2342;
--achl-body:#1a2332;
--achl-muted:#64748b;
--achl-faint:#94a3b8;
--achl-divider:#e2e5ea;
--achl-surface:#ffffff;
--achl-page:#f7f7f5;
--achl-amber:#d97706;
--achl-chip-bg:#eef2ff;
--achl-chip-txt:#3730a3;
--achl-break:#dc2626;
--achl-gap:clamp(16px, 2.4vw, 28px);
--achl-hero-size:clamp(1.35rem, 3.5vw, 2.1rem);
--achl-h3-size:clamp(1.0rem, 2.0vw, 1.1rem);
--achl-meta-size:11.5px;
--achl-ease:cubic-bezier(.25,.46,.45,.94);
--achl-r:16px;
--achl-r-sm:10px;
--achl-r-xs:6px;
--achl-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
max-width:var(--achl-mw, 1280px);
margin:0 auto;
padding:20px var(--achl-pad, 14px) 56px;
background:var(--achl-page);
font-family:var(--achl-font);
color:var(--achl-body);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.achl-wrap *,
.achl-wrap *::before,
.achl-wrap *::after {
box-sizing:border-box;
}
.achl-wrap a { color:inherit; }
@keyframes achl-fade-up {
from { opacity:0; transform:translateY(12px); }
to   { opacity:1; transform:translateY(0); }
}
@keyframes achl-pulse {
0%, 100% { opacity:1; transform:scale(1); }
50%      { opacity:.45; transform:scale(1.35); }
} .achl-16x9 {
aspect-ratio:16/9;
overflow:hidden;
background:#dde1e7;
border-radius:var(--achl-r);
}
.achl-img {
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .5s var(--achl-ease);
will-change:transform;
} .achl-h2 {
margin:0 0 8px;
font-size:var(--achl-hero-size);
font-weight:800;
line-height:1.18;
letter-spacing:-.025em;
color:var(--achl-ink);
}
.achl-h3 {
margin:0 0 4px;
font-size:var(--achl-h3-size);
font-weight:700;
line-height:1.28;
letter-spacing:-.015em;
color:var(--achl-ink);
}
.achl-meta {
display:flex;
align-items:center;
gap:6px;
color:var(--achl-faint);
font-size:var(--achl-meta-size);
font-weight:600;
letter-spacing:.02em;
margin-top:8px;
}
.achl-meta::before {
content:'';
width:12px;
height:1px;
background:var(--achl-divider);
flex:0 0 12px;
}
.achl-ex {
margin:8px 0 0;
color:var(--achl-muted);
line-height:1.6;
font-size:.92rem;
}
.achl-empty {
color:var(--achl-muted);
padding:24px;
text-align:center;
} .achl-wrap .achl-h2,
.achl-wrap .achl-h3,
.achl-wrap .achl-meta {
position:static !important;
inset:auto !important;
transform:none !important;
} .achl-pill {
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px 4px 9px;
border-radius:999px;
background:var(--achl-chip-bg);
color:var(--achl-chip-txt);
font-size:10.5px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
line-height:1;
margin:0 0 10px;
vertical-align:middle;
}
.achl-pill::before {
content:'';
width:5px;
height:5px;
border-radius:50%;
background:currentColor;
opacity:.7;
flex:0 0 5px;
}
.achl-pill--color {
background:var(--achl-pill, #0a2342);
color:#fff;
}
.achl-pill--color::before {
background:#fff;
opacity:.9;
}
.achl-pill--breaking {
background:var(--achl-break) !important;
color:#fff !important;
}
.achl-pill--breaking::before {
background:#fff;
opacity:1;
animation:achl-pulse 1.3s ease-in-out infinite;
}
.achl-pill-sep {
display:inline-block;
width:1px;
height:9px;
background:rgba(255,255,255,.55);
margin:0 6px;
flex:0 0 1px;
} .achl-hero-card.achl-is-breaking .achl-h2::before,
.achl-item.achl-is-breaking .achl-h3::before {
content:'';
display:inline-block;
width:7px;
height:7px;
border-radius:50%;
background:var(--achl-break);
margin-right:7px;
vertical-align:middle;
animation:achl-pulse 1.3s ease-in-out infinite;
flex-shrink:0;
} .achl-pagination {
margin-top:28px;
padding-top:20px;
border-top:1px solid var(--achl-divider);
}
.achl-pagination .nav-links {
display:flex;
gap:6px;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}
.achl-pagination .page-numbers {
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
height:40px;
padding:0 12px;
border-radius:var(--achl-r-xs);
border:1.5px solid var(--achl-divider);
font-size:.85rem;
font-weight:700;
color:var(--achl-body);
text-decoration:none;
transition:all .15s;
background:var(--achl-surface);
}
.achl-pagination .page-numbers:hover {
border-color:var(--achl-accent, var(--achl-navy));
color:var(--achl-accent, var(--achl-navy));
background:var(--achl-chip-bg);
}
.achl-pagination .page-numbers.current {
background:var(--achl-accent, var(--achl-navy));
border-color:var(--achl-accent, var(--achl-navy));
color:#fff;
}
.achl-pagination .page-numbers.dots {
border-color:transparent;
background:transparent;
}