.news-hub-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.75fr); align-items:end; gap:40px; margin-bottom:28px; }
.news-hub-heading span { display:inline-flex; align-items:center; gap:8px; margin-bottom:9px; color:var(--page-accent); font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.news-hub-heading h2 { margin:0; color:#fff; font-size:clamp(31px,3.5vw,47px); line-height:1.08; letter-spacing:-.04em; }
.news-hub-heading p { margin:0; color:#aeb4bf; font-size:14px; line-height:1.72; text-align:left; }
.news-filter-bar { position:sticky; top:92px; z-index:8; display:flex; gap:8px; margin-bottom:28px; padding:10px; overflow-x:auto; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(10,9,14,.9); box-shadow:0 14px 32px rgba(0,0,0,.22); backdrop-filter:blur(12px); }
.news-filter-bar button { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 16px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#15151d; color:#aeb4bf; font-size:12px; font-weight:800; cursor:pointer; }
.news-filter-bar button:hover { color:#fff; border-color:rgba(var(--page-accent-rgb), .38); }
.news-filter-bar button.is-active { color:#141117; border-color:var(--page-accent); background:var(--page-accent); }
.news-filter-bar button:focus-visible { outline:3px solid rgba(var(--page-accent-2-rgb), .5); outline-offset:3px; }
.news-feed-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.news-feed-grid .news-item { display:flex; flex-direction:column; min-width:0; height:100%; margin:0 !important; border:1px solid rgba(255,255,255,.085) !important; border-radius:17px !important; background:linear-gradient(150deg,#15161d,#101118) !important; box-shadow:0 18px 42px rgba(0,0,0,.2); }
.news-feed-grid .news-item[hidden] { display:none !important; }
.news-feed-grid .news-thumb { display:block; height:220px !important; overflow:hidden; background:#0f1117; }
.news-feed-grid .news-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.news-feed-grid .news-content { display:flex; flex-direction:column; flex:1; padding:24px !important; text-align:left !important; }
.news-feed-grid .news-content h2 { margin-bottom:12px !important; font-size:23px !important; line-height:1.22; }
.news-feed-grid .news-content h2 a { color:inherit; }
.news-feed-grid .news-content h2 a:hover,
.news-feed-grid .news-content h2 a:focus-visible { color:var(--page-accent-display); }
.news-feed-grid .news-content p { font-size:14px; line-height:1.72 !important; }
.news-feed-grid .news-content hr { width:100%; margin-top:auto !important; }
.news-item--channel { display:grid !important; grid-template-columns:96px minmax(0,1fr); }
.news-item--channel[hidden] { display:none !important; }
.news-channel-mark { display:grid; place-items:center; min-height:100%; color:#fff; background:linear-gradient(180deg,#20222c,#15161d); font-size:29px; }
.news-channel-mark img { width:34px; height:34px; object-fit:contain; filter:brightness(0) invert(1); }
.news-channel-mark--discord { background:linear-gradient(180deg,#5865f2,#3f49bc); }
.news-channel-mark--forum { color:#171219; background:linear-gradient(180deg,var(--page-accent-2),var(--page-accent)); }
.news-channel-mark--game { background:linear-gradient(180deg,#d94875,#8d2e7d); }
.news-source-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.news-source-line span { color:var(--page-accent); font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.news-source-line small { color:#7f8793; font-size:10px; }
.news-item--channel .news-content h2 { font-size:21px !important; }
.news-item--channel .news-content p { margin-bottom:20px; }
@media (max-width:991.98px) { .news-hub-heading{grid-template-columns:1fr;gap:12px}.news-filter-bar{top:82px}.news-feed-grid{grid-template-columns:1fr}.news-item--channel{grid-template-columns:78px minmax(0,1fr)} }
@media (max-width:575.98px) { .news-filter-bar{position:relative;top:auto;margin-right:-4px;margin-left:-4px}.news-feed-grid .news-thumb{height:190px !important}.news-feed-grid .news-content{padding:20px !important}.news-item--channel{display:flex !important;flex-direction:column}.news-item--channel[hidden]{display:none !important}.news-channel-mark{min-height:72px}.news-hub-heading h2{font-size:31px} }
@media (hover:hover) and (pointer:fine) { .news-feed-grid .news-item:not(.news-item--channel):hover .news-thumb img{transform:scale(1.025)} }
@media (prefers-reduced-motion:reduce) { .news-filter-bar button,.news-feed-grid .news-thumb img{transition:none;transform:none} }
