.feed-section ul,.feed-section ol { list-style:none; padding:0; margin:0; }
.feed-heading { position:relative; border-top:1px solid var(--border-color); margin:0 0 20px; padding-top:10px; text-transform:uppercase; font-size:16px; line-height:20px; font-weight:700; }
.feed-heading::before { content:""; position:absolute; width:99px; height:1px; top:-1px; left:0; background:var(--red); }
.feed-heading .asset-icon { margin-left:6px; }
.article-recommendations { margin-top:20px; padding-bottom:40px; }
.recommendation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.recommendation-grid>li { display:flex; flex-direction:column; justify-content:space-between; min-width:0; }
.feed-image { position:relative; overflow:hidden; aspect-ratio:100/55; background:#efefef; }
.feed-image img { display:block; width:100%; height:100%; object-fit:cover; transition:filter .15s linear; }
.feed-section a:hover .feed-image img { -webkit-filter:brightness(111%); filter:brightness(111%); }
@media(prefers-reduced-motion:reduce) { .feed-image img { transition:none; } }
.feed-section h3 { margin:7px 0 0; font-size:17px; font-weight:600; line-height:20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.feed-meta { display:flex; align-items:center; margin-top:6px; color:var(--muted); font-size:12px; line-height:20px; }
.feed-time { display:flex; align-items:center; flex-shrink:0; white-space:nowrap; }
.feed-time .asset-icon { margin-right:7px; }
.feed-time::after { content:"|"; color:#ccc; margin:0 10px; font-weight:300; }
.feed-categories { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; }
.feed-categories>*+*::before { content:" - "; }
.latest-news { margin-bottom:20px; }
.latest-news .feed-heading { margin-bottom:10px; }
.latest-list li { padding-bottom:10px; margin-bottom:10px; }
.latest-list a { display:flex; align-items:flex-start; }
.latest-list .feed-image { flex:0 0 90px; height:55px; margin-right:15px; }
.latest-list h3 { margin:0; font-size:16px; line-height:17.6px; }
.feed-more { display:none; }
.ranking-list li { display:flex; align-items:center; margin-bottom:20px; }
.ranking-number { font-size:55px; line-height:1; font-weight:400; color:var(--red); margin-right:5px; }
.ranking-content { min-width:0; flex:1; }
.ranking-category { display:block; font-size:12px; line-height:20px; text-transform:uppercase; color:var(--red); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ranking-list h3 { margin:0; font-size:17px; line-height:18.7px; }
.ranking-list time { display:block; margin-top:5px; font-size:12px; line-height:20px; color:var(--muted); }
.app-download { display:block; width:300px; max-width:100%; margin:20px auto 10px; clear:both; }
.app-download img { display:block; width:100%; height:auto; }

@media(max-width:768px) {
 .recommendation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .feed-meta { flex-direction:column-reverse; align-items:flex-start; }
 .feed-categories { display:block; padding-top:3px; margin-bottom:4px; }
 .feed-time::after { content:none; }
 .feed-heading { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }
 .feed-heading::before { left:0; }
 .latest-list li:nth-child(n+5) { display:none; }
 .feed-more { display:flex; width:140px; margin:30px auto; }


}
@media(prefers-color-scheme:dark) { .feed-image { background:#101316; } }
 
.feed-image .feed-video { --icon:url("/assets/static-engine/feed-video.c4ff92a0a011fea6c63ad4cff44ae3e2.svg"); position:absolute; z-index:1; left:0; bottom:0; box-sizing:border-box; width:32px; height:24px; padding:2px; max-width:20%; max-height:24%; min-width:7%; min-height:8%; background:#282828; color:#aeaeae; }
.feed-section a:focus-visible .feed-video { background:#383838; color:#fff; }
@media(hover:hover) { .feed-section a:hover .feed-video { background:#383838; color:#fff; } }
.feed-live { display:inline-block; margin-left:5px; color:var(--red); font-size:12px; font-weight:700; }