.news-container{max-width:1200px;margin:0 auto;padding:var(--space-4);padding-top:calc(2rem + var(--space-4))}@media(max-width:768px){.news-container{padding:var(--space-3);padding-top:calc(3.5rem + var(--space-3))}}.news-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--color-primary-900)}@media(max-width:768px){.news-title{font-size:var(--text-2xl);margin-bottom:var(--space-4);text-align:center}}.news-title.dark{color:var(--color-white)}.news-filter-bar{background-color:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:768px){.news-filter-bar{padding:var(--space-3) var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}}.news-filter-bar.dark{background-color:rgba(15,23,42,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:hsla(0,0%,100%,.06);box-shadow:0 4px 24px rgba(0,0,0,.15)}.filter-top-row{display:flex;align-items:center;gap:var(--space-3)}.filter-top-row .filter-search{flex:1}.filter-accordion-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;line-height:1}.filter-accordion-toggle:hover{border-color:var(--color-primary-300);color:var(--color-primary-600)}.filter-accordion-toggle.open{border-color:var(--color-primary-400);background-color:rgba(59,130,246,.06);color:var(--color-primary-700)}.filter-accordion-toggle.dark{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.65)}.filter-accordion-toggle.dark.open,.filter-accordion-toggle.dark:hover{border-color:rgba(96,165,250,.4);color:#93c5fd}.filter-accordion-toggle.dark.open{background-color:rgba(59,130,246,.12)}.filter-icon{width:.9rem;height:.9rem}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;border-radius:var(--radius-full);background-color:var(--color-primary-600);color:#fff;font-size:.6rem;font-weight:var(--font-bold);padding:0 .25rem}.filter-chevron{width:.85rem;height:.85rem;transition:transform .25s ease}.filter-chevron.open{transform:rotate(180deg)}.filter-accordion-panel{overflow:hidden;max-height:0;transition:max-height .3s ease;display:flex;flex-direction:column;gap:var(--space-4)}.filter-accordion-panel.open{max-height:600px}.filter-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.85rem;width:1.1rem;height:1.1rem;color:var(--color-gray-400);pointer-events:none;transition:color .2s}.filter-search:focus-within .search-icon{color:var(--color-primary-500)}.filter-search-input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-white);color:var(--color-gray-900);transition:all .2s ease}.filter-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-search-input::-moz-placeholder{color:var(--color-gray-400)}.filter-search-input::placeholder{color:var(--color-gray-400)}.filter-search-input.dark{background-color:rgba(15,23,42,.65);border-color:hsla(0,0%,100%,.08);color:var(--color-white)}.filter-search-input.dark:focus{border-color:rgba(96,165,250,.5);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.filter-search-input.dark::-moz-placeholder{color:hsla(0,0%,100%,.35)}.filter-search-input.dark::placeholder{color:hsla(0,0%,100%,.35)}.filter-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-200) 20%,var(--color-gray-200) 80%,transparent);margin:0}.filter-divider.dark{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 20%,rgba(255,255,255,.06) 80%,transparent)}.filter-group{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:640px){.filter-group{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.filter-group--compact{gap:var(--space-2)}.filter-group--compact .filter-label{font-size:.6rem;min-width:4rem;opacity:.8}.filter-group--compact .filter-label-icon{width:.75rem;height:.75rem}.filter-group--compact .filter-chip{padding:.2rem .55rem;font-size:.67rem;gap:.2rem}.filter-group--compact .filter-chip .chip-text{font-size:.67rem}.filter-label{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);flex-shrink:0;min-width:5.5rem}.filter-label.dark{color:hsla(0,0%,100%,.35)}.filter-label-icon{width:.9rem;height:.9rem;opacity:.7}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chip-dot.match-report{background-color:#ef4444}.chip-dot.player-spotlight{background-color:#a855f7}.chip-dot.announcement{background-color:#f59e0b}.chip-dot.news{background-color:#3b82f6}.chip-dot.transfer{background-color:#10b981}.chip-dot.youth{background-color:#ec4899}.chip-dot.community{background-color:#06b6d4}.chip-dot.team-men{background-color:#3b82f6}.chip-dot.team-women{background-color:#ec4899}.chip-dot.team-mixed{background-color:#8b5cf6}.chip-count{font-size:.6rem;font-weight:var(--font-bold);min-width:1rem;height:1rem;justify-content:center;background-color:rgba(0,0,0,.06);color:inherit;opacity:.7;padding:0 .25rem}.chip-count,.filter-chip{display:inline-flex;align-items:center;border-radius:var(--radius-full)}.filter-chip{gap:.35rem;padding:.35rem .65rem;font-size:.72rem;font-weight:var(--font-semibold);border:1px solid var(--color-gray-200);background-color:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-chip:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-300);transform:translateY(-1px)}.filter-chip:active{transform:translateY(0)}.filter-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-bold);box-shadow:0 2px 8px rgba(15,23,42,.2)}.filter-chip.active .chip-count{background-color:hsla(0,0%,100%,.2);opacity:1}.filter-chip.active .chip-dot{background-color:hsla(0,0%,100%,.9)!important}.filter-chip.match-report.active{background-color:#ef4444;border-color:#ef4444;box-shadow:0 2px 10px rgba(239,68,68,.4)}.filter-chip.player-spotlight.active{background-color:#a855f7;border-color:#a855f7;box-shadow:0 2px 10px rgba(168,85,247,.4)}.filter-chip.announcement.active{background-color:#f59e0b;border-color:#f59e0b;color:#1a1a1a;box-shadow:0 2px 10px rgba(245,158,11,.4)}.filter-chip.announcement.active .chip-count{background-color:rgba(0,0,0,.12)}.filter-chip.news.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 10px rgba(59,130,246,.4)}.filter-chip.transfer.active{background-color:#10b981;border-color:#10b981;box-shadow:0 2px 10px rgba(16,185,129,.4)}.filter-chip.youth.active{background-color:#ec4899;border-color:#ec4899;box-shadow:0 2px 10px rgba(236,72,153,.4)}.filter-chip.community.active{background-color:#06b6d4;border-color:#06b6d4;box-shadow:0 2px 10px rgba(6,182,212,.4)}.filter-chip.team-men:not(.active){border-color:rgba(59,130,246,.2)}.filter-chip.team-women:not(.active){border-color:rgba(236,72,153,.2)}.filter-chip.team-mixed:not(.active){border-color:rgba(139,92,246,.2)}.filter-chip.team-men.active{background-color:#2563eb;border-color:#2563eb;box-shadow:0 2px 10px rgba(37,99,235,.4)}.filter-chip.team-women.active{background-color:#db2777;border-color:#db2777;box-shadow:0 2px 10px rgba(219,39,119,.4)}.filter-chip.team-mixed.active{background-color:#7c3aed;border-color:#7c3aed;box-shadow:0 2px 10px rgba(124,58,237,.4)}.filter-chip.dark{background-color:rgba(15,23,42,.55);border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.55)}.filter-chip.dark .chip-count{background-color:hsla(0,0%,100%,.08)}.filter-chip.dark:hover{background-color:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.85)}.filter-chip.dark.active{border-color:hsla(0,0%,100%,.3);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25)}.filter-chip.dark.active,.filter-chip.dark.active .chip-count{background-color:hsla(0,0%,100%,.15)}.filter-chip.dark.match-report.active{background-color:rgba(239,68,68,.3);border-color:rgba(239,68,68,.45);box-shadow:0 2px 12px rgba(239,68,68,.15)}.filter-chip.dark.player-spotlight.active{background-color:rgba(168,85,247,.3);border-color:rgba(168,85,247,.45);box-shadow:0 2px 12px rgba(168,85,247,.15)}.filter-chip.dark.announcement.active{background-color:rgba(245,158,11,.3);border-color:rgba(245,158,11,.45);color:#fcd34d;box-shadow:0 2px 12px rgba(245,158,11,.15)}.filter-chip.dark.news.active{background-color:rgba(59,130,246,.3);border-color:rgba(59,130,246,.45);box-shadow:0 2px 12px rgba(59,130,246,.15)}.filter-chip.dark.transfer.active{background-color:rgba(16,185,129,.3);border-color:rgba(16,185,129,.45);box-shadow:0 2px 12px rgba(16,185,129,.15)}.filter-chip.dark.youth.active{background-color:rgba(236,72,153,.3);border-color:rgba(236,72,153,.45);box-shadow:0 2px 12px rgba(236,72,153,.15)}.filter-chip.dark.community.active{background-color:rgba(6,182,212,.3);border-color:rgba(6,182,212,.45);box-shadow:0 2px 12px rgba(6,182,212,.15)}.filter-chip.dark.team-men:not(.active){border-color:rgba(59,130,246,.15)}.filter-chip.dark.team-women:not(.active){border-color:rgba(236,72,153,.15)}.filter-chip.dark.team-mixed:not(.active){border-color:rgba(139,92,246,.15)}.filter-chip.dark.team-men.active{background-color:rgba(37,99,235,.3);border-color:rgba(37,99,235,.45);box-shadow:0 2px 12px rgba(37,99,235,.15)}.filter-chip.dark.team-women.active{background-color:rgba(219,39,119,.3);border-color:rgba(219,39,119,.45);box-shadow:0 2px 12px rgba(219,39,119,.15)}.filter-chip.dark.team-mixed.active{background-color:rgba(124,58,237,.3);border-color:rgba(124,58,237,.45);box-shadow:0 2px 12px rgba(124,58,237,.15)}.filter-active-summary{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);margin-top:var(--space-1);border-top:1px solid var(--color-gray-200)}.dark .filter-active-summary{border-top-color:hsla(0,0%,100%,.06)}.filter-results{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-700)}.filter-results.dark{color:hsla(0,0%,100%,.8)}.filter-clear{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:none;border:1px solid rgba(0,0,0,0);cursor:pointer;padding:.3rem .6rem;border-radius:var(--radius-full);transition:all .15s ease}.filter-clear:hover{background-color:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.filter-clear.dark{color:var(--color-primary-400)}.filter-clear.dark:hover{background-color:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25)}.news-grid{display:flex;flex-direction:column;gap:var(--space-4)}.article-card{display:flex;flex-direction:row;background-color:var(--color-white);padding:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid rgba(0,0,0,0);overflow:hidden}@media(max-width:640px){.article-card{flex-direction:column;border-radius:var(--radius-lg)}}.article-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-gray-200);transform:translateY(-1px)}.article-card:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.article-card.dark{background-color:rgba(15,23,42,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08)}.article-card.dark:hover{border-color:hsla(0,0%,100%,.15)}.article-card.dark:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.article-card .category-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;width:-moz-fit-content;width:fit-content;background-color:rgba(59,130,246,.15);color:#3b82f6}.article-card .category-badge.match-report{background-color:rgba(239,68,68,.15);color:#ef4444}.article-card .category-badge.player-spotlight{background-color:rgba(168,85,247,.15);color:#a855f7}.article-card .category-badge.announcement{background-color:rgba(245,158,11,.15);color:#f59e0b}.article-card .category-badge.news{background-color:rgba(59,130,246,.15);color:#3b82f6}.article-card .category-badge.transfer{background-color:rgba(16,185,129,.15);color:#10b981}.article-card .category-badge.youth{background-color:rgba(236,72,153,.15);color:#ec4899}.article-card .category-badge.community{background-color:rgba(6,182,212,.15);color:#06b6d4}.article-card .category-badge.dark.match-report{background-color:rgba(239,68,68,.2);color:#fca5a5}.article-card .category-badge.dark.player-spotlight{background-color:rgba(168,85,247,.2);color:#c4b5fd}.article-card .category-badge.dark.announcement{background-color:rgba(245,158,11,.2);color:#fcd34d}.article-card .category-badge.dark.news{background-color:rgba(59,130,246,.2);color:#93c5fd}.article-card .category-badge.dark.transfer{background-color:rgba(16,185,129,.2);color:#6ee7b7}.article-card .category-badge.dark.youth{background-color:rgba(236,72,153,.2);color:#f9a8d4}.article-card .category-badge.dark.community{background-color:rgba(6,182,212,.2);color:#67e8f9}.article-card .article-image-wrapper{position:relative;flex-shrink:0;width:280px;min-height:180px;overflow:hidden}@media(max-width:640px){.article-card .article-image-wrapper{width:100%;min-height:0;height:10rem}}.article-card .article-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-card .article-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.3);color:hsla(0,0%,100%,.3)}.article-card .card-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:var(--space-2)}.article-card .team-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;width:-moz-fit-content;width:fit-content}.article-card .team-badge,.article-card .team-badge.team-men{background-color:rgba(37,99,235,.15);color:#2563eb}.article-card .team-badge.team-women{background-color:rgba(219,39,119,.15);color:#db2777}.article-card .team-badge.team-mixed{background-color:rgba(124,58,237,.15);color:#7c3aed}.article-card .team-badge.dark.team-men{background-color:rgba(37,99,235,.25);color:#93c5fd}.article-card .team-badge.dark.team-women{background-color:rgba(219,39,119,.25);color:#f9a8d4}.article-card .team-badge.dark.team-mixed{background-color:rgba(124,58,237,.25);color:#c4b5fd}.article-card .lang-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.6rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;width:-moz-fit-content;width:fit-content;background-color:rgba(15,23,42,.08);color:#0f172a}.article-card .lang-badge.dark{background-color:hsla(0,0%,100%,.12);color:#fff}.article-card .card-body{flex:1;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;justify-content:center;min-width:0}@media(max-width:640px){.article-card .card-body{padding:var(--space-4)}}.article-card .card-body h3{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-gray-900);line-height:1.3}@media(max-width:768px){.article-card .card-body h3{font-size:var(--text-base)}}.article-card .card-body h3.dark{color:#fff}.article-card .card-body .article-date{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.article-card .card-body .article-date.dark{color:hsla(0,0%,100%,.5)}.article-card .card-body .article-excerpt{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--space-3)}.article-card .card-body .article-excerpt.dark{color:hsla(0,0%,100%,.7)}.article-card .card-body p{margin:0 0 var(--space-2)}.article-card .card-body .read-more-label{color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-1);transition:all var(--transition-fast);pointer-events:none;margin-top:auto}.article-card .card-body .read-more-label:after{content:"→";transition:transform var(--transition-fast)}.article-card .card-body .read-more-label.dark{color:var(--color-primary-400)}.article-card:hover .read-more-label{gap:var(--space-2)}.article-card:hover .read-more-label:after{transform:translateX(3px)}.no-articles{grid-column:1/-1;text-align:center;padding:var(--space-12);background:var(--color-gray-50);border-radius:var(--radius-xl);border:2px dashed var(--color-gray-300);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.no-articles{padding:var(--space-8);min-height:150px}}.no-articles.dark{background:rgba(15,23,42,.45);border-color:hsla(0,0%,100%,.12)}.no-articles.dark p{color:var(--color-gray-300)!important}.no-articles p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-secondary)!important}@media(max-width:768px){.no-articles p{font-size:var(--text-base)}}[data-theme=dark] .news-title{color:var(--color-white)!important}[data-theme=dark] .news-filter-bar{background-color:rgba(15,23,42,.5)!important;border-color:hsla(0,0%,100%,.06)!important;box-shadow:0 4px 24px rgba(0,0,0,.15)!important}[data-theme=dark] .filter-search-input{background-color:rgba(15,23,42,.65)!important;border-color:hsla(0,0%,100%,.08)!important;color:var(--color-white)!important}[data-theme=dark] .filter-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 20%,rgba(255,255,255,.06) 80%,transparent)!important}[data-theme=dark] .filter-label{color:hsla(0,0%,100%,.35)!important}[data-theme=dark] .filter-chip{background-color:rgba(15,23,42,.55)!important;border-color:hsla(0,0%,100%,.08)!important;color:hsla(0,0%,100%,.55)!important}[data-theme=dark] .filter-chip:hover{background-color:hsla(0,0%,100%,.06)!important;color:hsla(0,0%,100%,.85)!important}[data-theme=dark] .filter-chip.active{background-color:rgba(59,130,246,.3)!important;border-color:rgba(59,130,246,.45)!important;color:#fff!important}[data-theme=dark] .article-card{background-color:rgba(15,23,42,.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08)!important}[data-theme=dark] .article-card:hover{border-color:hsla(0,0%,100%,.15)!important}[data-theme=dark] .article-card .card-body h3{color:#fff!important}[data-theme=dark] .article-card .card-body .article-date{color:hsla(0,0%,100%,.5)!important}[data-theme=dark] .article-card .card-body .article-excerpt{color:hsla(0,0%,100%,.7)!important}[data-theme=dark] .article-card .card-body .read-more-label{color:var(--color-primary-400)!important}[data-theme=dark] .no-articles{color:var(--color-gray-400)!important}