/* News & updates (/<lang>/news, /<lang>/news/<slug>), site v2 look. Markup: smweb/routers/news.py. */
body.page-news{background:radial-gradient(70% 45% at 15% 0%,rgba(31,201,241,.10),transparent 70%),radial-gradient(60% 40% at 90% 10%,rgba(138,125,255,.12),transparent 70%),#03070a;color:#e9f3ff}
.nw{--nw-cyan:#1fc9f1;--nw-violet:#8a7dff;--nw-line:rgba(110,170,255,.2);--nw-muted:rgba(214,229,250,.7);--nw-panel:linear-gradient(160deg,rgba(12,22,52,.86),rgba(5,10,28,.94));
  display:grid;gap:22px;margin:0 var(--site-gutter,40px);padding:36px 0 70px;font-family:Montserrat,system-ui,sans-serif}
.nw a{color:inherit}
.nw-head{display:grid;gap:8px;max-width:820px}
.nw-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--nw-cyan)}
.nw-head h1{margin:0;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(90deg,#fff 0%,#fff 45%,#9fb7ff 70%,#b39dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nw-head p{margin:0;color:var(--nw-muted);font-size:15px;line-height:1.6}

/* badges and meta */
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--nw-muted)}
.nw-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(31,201,241,.16);color:#7fe9ff;border:1px solid rgba(31,201,241,.35)}
.nw-badge--update{background:rgba(138,125,255,.18);color:#c8bcff;border-color:rgba(138,125,255,.4)}
.nw-badge--feature{background:rgba(95,242,181,.14);color:#9ff7d2;border-color:rgba(95,242,181,.35)}
.nw-badge--announcement{background:rgba(255,93,200,.14);color:#ffb3e4;border-color:rgba(255,93,200,.35)}
.nw-badge--event{background:rgba(255,170,70,.14);color:#ffd39b;border-color:rgba(255,170,70,.35)}
.nw-badge--maintenance{background:rgba(255,200,60,.14);color:#ffe08a;border-color:rgba(255,200,60,.38)}
.nw-badge--promo{background:rgba(255,93,143,.16);color:#ffb3c8;border-color:rgba(255,93,143,.4)}

/* covers */
.nw-cover--empty{display:grid;place-items:center;background:radial-gradient(80% 80% at 30% 20%,rgba(31,201,241,.25),transparent 60%),radial-gradient(80% 80% at 80% 90%,rgba(138,125,255,.3),transparent 60%),#070d22}
.nw-cover--empty span{font:900 64px Montserrat,system-ui,sans-serif;color:rgba(255,255,255,.12)}

/* featured post */
.nw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--nw-line);border-radius:20px;background:var(--nw-panel);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.nw-hero__body{display:grid;align-content:center;gap:14px;padding:36px}
.nw-hero__body h2{margin:0;font-size:clamp(24px,2.6vw,38px);font-weight:900;line-height:1.12;letter-spacing:-.01em}
.nw-hero__body h2 a{text-decoration:none}
.nw-hero__body p{margin:0;color:var(--nw-muted);font-size:15px;line-height:1.6}
.nw-hero__media{display:block;min-height:320px;order:2}
.nw-hero__img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.nw-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--nw-cyan),var(--nw-violet));
  color:#041019;font:800 14px Montserrat,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.nw-btn--ghost{background:rgba(5,10,28,.7);border:1px solid rgba(111,227,255,.4);color:#e9f3ff}

/* filters */
.nw-chips{display:flex;flex-wrap:wrap;gap:8px}
.nw-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--nw-line);border-radius:999px;background:rgba(5,10,28,.7);
  color:var(--nw-muted);font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}
.nw-chip b{min-width:20px;padding:1px 6px;border-radius:999px;background:rgba(110,170,255,.14);font-size:11px;text-align:center}
.nw-chip:hover{color:#fff;border-color:rgba(111,227,255,.5)}
.nw-chip.is-on{color:#fff;border-color:transparent;background:linear-gradient(90deg,rgba(31,201,241,.35),rgba(138,125,255,.35))}

/* cards */
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.nw-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--nw-line);border-radius:16px;background:var(--nw-panel);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.nw-card:hover{transform:translateY(-3px);border-color:rgba(111,227,255,.5);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.nw-card__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.nw-card__body{display:grid;gap:9px;padding:16px 18px 18px}
.nw-card h3{margin:0;font-size:17px;font-weight:800;line-height:1.3}
.nw-card p{margin:0;color:var(--nw-muted);font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-more{color:#7fe9ff;font-size:13px;font-weight:800}
.nw-empty{margin:0;padding:40px;border:1px dashed var(--nw-line);border-radius:16px;text-align:center;color:var(--nw-muted)}

/* article */
.nw-article{display:grid;gap:16px;width:min(860px,100%);margin:0 auto}
.nw-back{justify-self:start;color:#7fe9ff!important;font-size:13px;font-weight:800;text-decoration:none}
.nw-article h1{margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:900;line-height:1.1;letter-spacing:-.02em}
.nw-article__lead{margin:0;font-size:18px;line-height:1.6;color:var(--nw-muted)}
.nw-article__cover{margin:6px 0;overflow:hidden;border:1px solid var(--nw-line);border-radius:18px}
.nw-article__cover img{display:block;width:100%;height:auto}
.nw-article__body{font-size:16px;line-height:1.75;color:#dfe9f8}
.nw-article__body h2,.nw-article__body h3,.nw-article__body h4{margin:28px 0 10px;color:#fff;line-height:1.25}
.nw-article__body h2{font-size:26px}.nw-article__body h3{font-size:21px}.nw-article__body h4{font-size:18px}
.nw-article__body p{margin:0 0 14px}
.nw-article__body a{color:#7fe9ff}
.nw-article__body img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:14px;border:1px solid var(--nw-line)}
.nw-article__body blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--nw-violet);border-radius:0 12px 12px 0;background:rgba(138,125,255,.08);color:#e9e2ff}
.nw-article__body ul,.nw-article__body ol{padding-left:22px}
.nw-article__body code{padding:2px 6px;border-radius:6px;background:rgba(110,170,255,.14);font-size:.92em}
.nw-article__body hr{border:0;border-top:1px solid var(--nw-line);margin:26px 0}
.nw-related{display:grid;gap:14px;margin-top:20px}
.nw-related h2{margin:0;font-size:22px}

@media (max-width:900px){
  .nw-hero{grid-template-columns:1fr}
  .nw-hero__media{order:0;min-height:0}
  .nw-hero__img{min-height:0;aspect-ratio:16/9}
  .nw-hero__body{padding:22px}
}
@media (max-width:560px){.nw{padding-top:22px}.nw-grid{grid-template-columns:1fr}}
