.achl-preset-classic {
--achl-shadow-sm:0 1px 4px rgba(10,22,40,.08), 0 0 0 1px rgba(10,22,40,.05);
--achl-shadow-md:0 4px 18px rgba(10,22,40,.11), 0 0 0 1px rgba(10,22,40,.06);
} .achl-preset-classic .achl-head {
margin:0 0 24px;
padding-bottom:20px;
border-bottom:2px solid var(--achl-ink);
display:flex;
align-items:stretch;
gap:14px;
}
.achl-preset-classic .achl-head-accent {
width:5px;
border-radius:3px;
background:var(--achl-amber);
flex:0 0 5px;
}
.achl-preset-classic .achl-head-text {
flex:1;
min-width:0;
}
.achl-preset-classic .achl-page-title {
margin:0;
font-size:clamp(1.5rem, 4.5vw, 2.4rem);
font-weight:900;
letter-spacing:-.03em;
line-height:1.1;
color:var(--achl-ink);
}
.achl-preset-classic .achl-desc {
margin:6px 0 0;
color:var(--achl-muted);
font-size:.9rem;
line-height:1.6;
} .achl-preset-classic.achl-wrap--breaking .achl-head-accent {
background:var(--achl-break);
}  .achl-preset-classic .achl-hero { margin:0 0 8px; }
.achl-preset-classic .achl-hero-grid {
display:flex;
flex-direction:column;
gap:0;
}
.achl-preset-classic .achl-hero-card {
background:var(--achl-surface);
border-radius:var(--achl-r);
overflow:hidden;
box-shadow:var(--achl-shadow-sm);
margin-bottom:14px;
transition:box-shadow .2s;
animation:achl-fade-up .45s var(--achl-ease) both;
}
.achl-preset-classic .achl-hero-card:nth-child(1) { animation-delay:.05s; }
.achl-preset-classic .achl-hero-card:nth-child(2) { animation-delay:.12s; }
.achl-preset-classic .achl-hero-card:nth-child(3) { animation-delay:.19s; }
.achl-preset-classic .achl-hero-card:hover { box-shadow:var(--achl-shadow-md); }
.achl-preset-classic .achl-hero-card:hover .achl-img { transform:scale(1.05); }
.achl-preset-classic .achl-hero-card .achl-16x9 { border-radius:0; }
.achl-preset-classic .achl-hero-body { padding:16px 18px 18px; }
@media (max-width:1024px) {
.achl-preset-classic .achl-hero-card:nth-child(n+2) { display:none; }
.achl-preset-classic .achl-hero-body { padding:14px 16px 16px; }
}
@media (min-width:1025px) {
.achl-preset-classic .achl-hero-grid {
display:grid;
grid-template-columns:var(--achl-grid-cols, 1fr 1fr);
gap:var(--achl-gap);
flex-direction:unset;
}
.achl-preset-classic .achl-hero-card { margin-bottom:0; }
.achl-preset-classic .achl-hero-body { padding:16px 18px 20px; }
.achl-preset-classic.achl-cards-3 .achl-h2 { font-size:clamp(.95rem, 1.65vw, 1.25rem); }
.achl-preset-classic.achl-cards-3 .achl-ex { display:none; }
} .achl-preset-classic .achl-list {
margin-top:6px;
background:var(--achl-surface);
border-radius:var(--achl-r);
box-shadow:var(--achl-shadow-sm);
overflow:hidden;
}
.achl-preset-classic .achl-item {
display:grid;
grid-template-columns:106px minmax(0, 1fr);
gap:14px;
padding:14px 18px;
border-bottom:1px solid var(--achl-divider);
transition:background .12s;
animation:achl-fade-up .4s var(--achl-ease) both;
}
.achl-preset-classic .achl-item:nth-child(1) { animation-delay:.1s; }
.achl-preset-classic .achl-item:nth-child(2) { animation-delay:.16s; }
.achl-preset-classic .achl-item:nth-child(3) { animation-delay:.22s; }
.achl-preset-classic .achl-item:nth-child(4) { animation-delay:.28s; }
.achl-preset-classic .achl-item:nth-child(n+5) { animation-delay:.34s; }
.achl-preset-classic .achl-item:last-child { border-bottom:0; }
.achl-preset-classic .achl-item:hover { background:#f8fafc; }
.achl-preset-classic .achl-item:hover .achl-img { transform:scale(1.06); }
.achl-preset-classic .achl-item .achl-16x9 { border-radius:var(--achl-r-sm); }
.achl-preset-classic .achl-item-media { align-self:start; }
.achl-preset-classic .achl-item-body {
min-width:0;
align-self:center;
}
.achl-preset-classic .achl-item-title { margin:0; }
@media (min-width:1025px) {
.achl-preset-classic .achl-item {
grid-template-columns:152px minmax(0, 1fr);
padding:16px 22px;
gap:18px;
}
} @media (max-width:599px) {
.achl-preset-classic.achl-wrap { padding:0 0 40px; }
.achl-preset-classic .achl-head {
margin:16px 16px 20px;
padding-bottom:16px;
}
.achl-preset-classic .achl-hero-card {
border-radius:0;
box-shadow:none;
margin-bottom:10px;
}
.achl-preset-classic .achl-hero-card .achl-16x9 { border-radius:0; }
.achl-preset-classic .achl-hero-body { padding:13px 16px 15px; }
.achl-preset-classic .achl-list {
border-radius:0;
box-shadow:none;
}
.achl-preset-classic .achl-item {
padding:13px 16px;
grid-template-columns:88px minmax(0, 1fr);
}
.achl-preset-classic .achl-pagination { padding:20px 16px 0; }
}
@media (max-width:360px) {
.achl-preset-classic .achl-item { grid-template-columns:76px minmax(0, 1fr); }
}