.news-hero{text-align:center;padding:2rem 0 1rem}.news-hero h1{font-size:var(--text-4xl);background:linear-gradient(135deg,var(--indigo),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem}.news-hero p{color:var(--text-2);font-size:var(--text-lg);margin-bottom:1.5rem}.news-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.news-tab{border-radius:var(--radius-full);font-size:var(--text-md);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);padding:.4rem 1rem;font-family:inherit;font-weight:500;transition:all .2s}.news-tab:hover{border-color:var(--purple);color:var(--purple)}.news-tab.active{background:linear-gradient(135deg,var(--indigo),var(--purple));color:var(--surface);border-color:#0000}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.news-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);color:inherit;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-lg);border-color:var(--purple);transform:translateY(-3px)}.news-card-image{object-fit:cover;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo)13%,transparent),color-mix(in srgb,var(--purple)13%,transparent));width:100%;height:180px}.news-card-image-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--indigo)13%,transparent),color-mix(in srgb,var(--purple)13%,transparent));width:100%;height:180px;font-size:var(--text-5xl);opacity:.4;justify-content:center;align-items:center;display:flex}.news-card-body{flex-direction:column;flex:1;padding:1rem;display:flex}.news-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.news-source-badge{font-size:var(--text-xs);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--indigo)10%,transparent);color:var(--purple);padding:.15rem .5rem;font-weight:600}.news-category-badge{font-size:var(--text-xs);text-transform:uppercase;border-radius:var(--radius-xs);letter-spacing:.5px;padding:.15rem .4rem;font-weight:700}.news-category-badge.news{background:color-mix(in srgb,var(--blue)10%,transparent);color:var(--blue)}.news-category-badge.gossip{background:color-mix(in srgb,var(--red)10%,transparent);color:var(--red)}.news-category-badge.results{background:color-mix(in srgb,var(--green)10%,transparent);color:var(--green)}.news-category-badge.transfer{background:color-mix(in srgb,var(--amber-dark)10%,transparent);color:var(--amber-dark)}.news-category-badge.other{background:color-mix(in srgb,var(--purple)10%,transparent);color:var(--purple)}.news-pinned-badge{font-size:var(--text-xs);background:linear-gradient(135deg,var(--accent),var(--accent));color:var(--text);border-radius:var(--radius-xs);padding:.1rem .4rem;font-weight:700}.news-card-title{font-size:var(--text-lg);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.5rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card-summary{font-size:var(--text-md);color:var(--text-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card-footer{border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-2);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.news-card-date{opacity:.7}.news-card-read{color:var(--purple);font-weight:600}.news-loading{text-align:center;padding:3rem}.news-empty{text-align:center;color:var(--text-2);padding:4rem 2rem}.news-empty-icon{font-size:var(--text-5xl);opacity:.3;margin-bottom:1rem}.news-load-more{text-align:center;margin:1rem 0 3rem}.news-load-more-btn{border-radius:var(--radius);font-size:var(--text-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;padding:.6rem 2rem;font-family:inherit;font-weight:600;transition:all .2s}.news-load-more-btn:hover{border-color:var(--purple);color:var(--purple)}@media (max-width:640px){.news-grid{grid-template-columns:1fr;gap:1rem}.news-hero h1{font-size:var(--text-3xl)}.news-card-image,.news-card-image-placeholder{height:140px}}@media (min-width:1200px){.news-grid{grid-template-columns:repeat(3,1fr)}}.news-page-wrap{padding-top:0}.news-loading-skeleton{border-radius:50%;width:40px;height:40px;margin:0 auto 12px}.news-loading-text{color:var(--text-2)}