/* modern rows */
#trending-list, #category-rows .cards{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
@media (max-width:900px){ #trending-list, #category-rows .cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ #trending-list, #category-rows .cards{ grid-template-columns:1fr; } }
.cards .card{ background:#15151d; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px; text-decoration:none; color:inherit; }
.cards .card .title{ font-weight:800; font-size:18px; margin:0 0 8px; }
.cards .card .excerpt{ opacity:.92; margin:0 0 10px; }
.cards .card .meta{ opacity:.7; font-size:.9rem; }
.searchbox{ position:relative; }
.searchbox .results{ position:absolute; top:calc(100% + 8px); left:0; right:0; display:none; background:#141418; border:1px solid rgba(255,255,255,.08); border-radius:12px; max-height:320px; overflow:auto; padding:.35rem; z-index:10; }
.searchbox .results a{ display:block; padding:.6rem .7rem; border-radius:10px; text-decoration:none; color:inherit; }
.searchbox .results a:hover{ background:rgba(255,255,255,.06); }