/* News panel: full-bleed band, ONE row, auto-rotating carousel */
.news-section { --per: 3; padding: 0; margin: 0; width: 100%; background: linear-gradient(180deg, var(--color-dark-2) 0%, var(--color-dark) 100%); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); overflow: hidden; }
@media (max-width: 1000px) { .news-section { --per: 2; } }
@media (max-width: 640px)  { .news-section { --per: 1; } }
.news-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 28px; border-bottom: 1px solid var(--color-border); }
.news-bar h2 { margin: 0; font-size: 24px; color: var(--color-text); display: flex; align-items: center; gap: 12px; }
.news-bar h2::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--color-secondary); box-shadow: var(--shadow-glow-red); animation: news-pulse 2s infinite; }
@keyframes news-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.news-ctl { display: flex; align-items: center; gap: 14px; }
.news-ctl a { color: var(--color-text-secondary); text-decoration: none; border-bottom: 1px dashed var(--color-border); padding-bottom: 2px; white-space: nowrap; }
.news-ctl a:hover { color: var(--color-text); border-color: var(--color-primary); }
.news-arrow { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--color-border); background: var(--color-dark-3); color: var(--color-text); font-size: 20px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.news-arrow:hover { border-color: var(--color-primary); box-shadow: var(--shadow-glow-blue); }
.news-viewport { width: 100%; overflow: hidden; }
.news-track { display: flex; width: 100%; will-change: transform; }
.news-item { position: relative; flex: 0 0 calc(100% / var(--per)); box-sizing: border-box; padding: 26px 28px 24px; border-right: 1px solid var(--color-border); display: flex; flex-direction: column; gap: 10px; min-height: 250px; }
.news-item::before { content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: var(--gradient-mixed); transition: width .3s; }
.news-item:hover::before { width: 100%; }
.news-meta { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--color-text-secondary); }
.news-tag { font-weight: 700; font-size: 11px; letter-spacing: .8px; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; color: #fff; background: var(--color-primary); }
.news-tag.t-new { background: var(--gradient-secondary); box-shadow: var(--shadow-glow-red); }
.news-tag.t-sec { background: #12805c; }
.news-tag.t-opt { background: #7a4dd8; }
.news-tag.t-gdpr { background: #b7791f; }
.news-tag.t-av { background: #1f7a3a; }
.news-item h3 { margin: 0; font-size: 19px; line-height: 1.3; color: var(--color-text); }
.news-item p { margin: 0; color: var(--color-text-secondary); line-height: 1.6; font-size: 15px; flex: 1; }
.news-link { color: #4da3ff; text-decoration: none; font-weight: 600; font-size: 14px; align-self: flex-start; }
.news-link:hover { text-decoration: underline; }
.news-dots { display: flex; justify-content: center; gap: 8px; padding: 14px 0 16px; border-top: 1px solid var(--color-border); }
.news-dots button { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; background: var(--color-border); cursor: pointer; transition: background .2s, transform .2s; }
.news-dots button.on { background: var(--color-primary); transform: scale(1.35); box-shadow: var(--shadow-glow-blue); }
@media (max-width: 640px) { .news-bar { padding: 16px 18px; } .news-bar h2 { font-size: 20px; } .news-item { padding: 22px 18px; min-height: 0; } .news-ctl a { font-size: 13px; } }