/* News / articles / featured list. The page shell and tabs come from /anime/css/browse.css. */
.al-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:16px;}
.al-card{display:flex; flex-direction:column; height:100%; border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; background:var(--white); color:inherit; text-decoration:none; transition:border-color .15s, transform .15s;}
.al-card:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--border-soft));}
.al-card:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.al-cover{position:relative; display:grid; place-items:center; aspect-ratio:16/9; background:linear-gradient(160deg, var(--teal), var(--blue)); overflow:hidden;}
.al-cover > span{font:700 34px/1 'Sora',sans-serif; color:rgba(255,255,255,.9);}
.al-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.al-star{position:absolute; top:10px; inset-inline-start:10px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:rgb(0 0 0 / .55); color:#f3b73b;}
.al-star svg{width:15px; height:15px;}
.al-body{display:flex; flex-direction:column; gap:8px; padding:14px 16px 16px; min-width:0;}
.al-h{font:700 17px/1.4 'Inter',sans-serif; color:var(--navy); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;}
html[lang="ar"] .al-h,html[lang="ja"] .al-h{font-family:inherit;}
.al-sub{font-size:14px; line-height:1.55; color:var(--navy-soft); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;}
.al-meta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:auto; padding-top:4px; font-size:12.5px; color:var(--navy-soft);}
.al-meta i{font-style:normal; opacity:.6;}
.al-by{font-weight:600; color:var(--navy);}
.al-card:hover .al-h{color:var(--blue-dark);}
@media (max-width:640px){ .al-list{grid-template-columns:1fr;} }