.anl-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:16px;
}
@media (max-width: 900px){
.anl-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px){
.anl-grid{ grid-template-columns:repeat(1, minmax(0, 1fr)); }
}
.anl-card{
border:1px solid #e5e5e5;
border-radius:10px;
overflow:hidden;
background:#fff;
}
.anl-thumb{
display:block;
text-decoration:none;
}
.anl-thumb img{
width:100%;
height:220px;
object-fit:contain !important;
display:block;
}
.anl-thumb-placeholder{
width:100%;
height:220px;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
border-bottom:1px solid #eee;
}
.anl-body{ padding:12px; }
.anl-title{
font-size:16px;
font-weight:700;
margin-bottom:8px;
}
.anl-links a{
text-decoration:none;
}
.anl-sep{ margin:0 8px; color:#777; }
.anl-social{
margin-top:10px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.anl-social a{
text-decoration:none;
font-size:13px;
}
.anl-empty{
padding:12px;
border:1px solid #e5e5e5;
border-radius:10px;
} .anl-filter-form{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
flex-wrap: nowrap;
} .anl-filter-form select,
.anl-filter-form button{
height: 38px;
padding: 0 12px;
font-size: 14px;
} @media (max-width: 600px){
.anl-filter-form{
flex-wrap: wrap;
}
}
.anl-year-heading{
display:block !important;
visibility: visible !important;
opacity:1 !important;
color:#111 !important;
margin: 24px 0 14px !important;
font-size: 28px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
margin-bottom: 40px;
} .anl-thumb {
position: relative;
}
.anl-thumb::after {
content: "PDF";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 22px;
font-weight: 800;
letter-spacing: 2px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s ease;
}
.anl-thumb:hover::after {
opacity: 1;
}