/* ============================================================
   news.css — news section + error/loading states
   (Preserved from original SIELSIC identity)
   ============================================================ */
.news{padding:100px 8%;text-align:center;}
.news h2{font-size:2.2rem;margin-bottom:10px;letter-spacing:.2em;font-family:var(--font-mono);font-weight:800;}
.news-sub{font-size:.72rem;letter-spacing:.25em;color:rgba(76,201,255,.6);margin-bottom:40px;}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1200px;margin:0 auto;}
.news-card-item{background:var(--card-bg);border:1px solid rgba(76,201,255,.15);padding:22px 22px 18px;text-align:left;position:relative;overflow:hidden;transition:border-color .3s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;will-change:transform;}
.news-card-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--neon),var(--green));transition:height .45s ease;}
.news-card-item:hover::before{height:100%;}
.news-card-item:hover{border-color:var(--neon);transform:translateY(-4px);box-shadow:0 12px 40px rgba(76,201,255,.15);background:var(--card-hover);}
.news-cat{font-size:.58rem;letter-spacing:.25em;color:rgba(76,201,255,.5);text-transform:uppercase;margin-bottom:8px;}
.news-headline{font-size:.85rem;font-weight:700;color:#ddd;line-height:1.5;margin-bottom:10px;}
.news-summary{font-size:.73rem;line-height:1.65;color:#666;margin-bottom:14px;}
.news-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.news-source{font-size:.6rem;letter-spacing:.1em;color:#333;text-transform:uppercase;}
.news-link{font-size:.6rem;letter-spacing:.15em;color:var(--neon);text-decoration:none;border:1px solid rgba(76,201,255,.25);padding:3px 10px;transition:all .2s;text-transform:uppercase;white-space:nowrap;}
.news-link:hover{background:var(--neon);color:#000;}
.news-loading{text-align:center;padding:60px 40px;color:#333;font-size:.8rem;letter-spacing:.2em;}
.news-loading .dot{animation:blink 1s infinite;display:inline-block;}
.news-loading .dot:nth-child(2){animation-delay:.2s;}
.news-loading .dot:nth-child(3){animation-delay:.4s;}
.news-error{text-align:center;padding:30px;color:#555;font-size:.78rem;border:1px solid rgba(255,68,102,.15);background:rgba(255,68,102,.04);max-width:600px;margin:0 auto;}
.news-refresh{margin-top:14px;background:transparent;border:1px solid rgba(76,201,255,.3);color:var(--neon);padding:7px 20px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;transition:all .2s;}
.news-refresh:hover{background:var(--neon);color:#000;}
.news-badge{display:inline-block;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding:5px 14px;margin:0 auto 18px;border:1px solid rgba(76,201,255,.25);color:rgba(76,201,255,.75);background:rgba(76,201,255,.05);}
.news-badge.live{border-color:rgba(0,255,157,.35);color:rgba(0,255,157,.85);background:rgba(0,255,157,.05);}
.news-badge.offline{border-color:rgba(255,153,51,.35);color:rgba(255,180,90,.9);background:rgba(255,153,51,.05);}
.news-date{opacity:.7;}
.danger-more{display:inline-block;margin-top:10px;margin-left:8px;padding:3px 10px;font-size:.62rem;letter-spacing:.12em;color:var(--green);border:1px solid rgba(0,255,157,.3);text-decoration:none;text-transform:uppercase;transition:all .2s;white-space:nowrap;vertical-align:middle;position:relative;z-index:10;}
.danger-more:hover{background:var(--green);color:#000;box-shadow:0 0 14px var(--green);}
.danger-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:14px;}
.danger-tag{margin-top:0;}
.legal-source-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(76,201,255,.08);}
.legal-source-link{font-size:.6rem;letter-spacing:.12em;color:rgba(76,201,255,.6);text-decoration:none;border:1px solid rgba(76,201,255,.18);padding:4px 12px;transition:all .2s;text-transform:uppercase;position:relative;z-index:10;}
.legal-source-link:hover{border-color:var(--neon);color:var(--neon);background:rgba(76,201,255,.06);}