/* RV_NEWS_WORLDCLASS_UI_V8_20260617
   Roovet News world-class polish layer: safer visual upgrade, faster cards, better mobile, no route/controller changes. */
:root{
  --rvn-red:#e11d2a;
  --rvn-red-dark:#b8121c;
  --rvn-ink:#111827;
  --rvn-muted:#64748b;
  --rvn-border:#e5e7eb;
  --rvn-soft:#f8fafc;
  --rvn-card:#ffffff;
  --rvn-shadow:0 18px 50px rgba(15,23,42,.08);
  --rvn-shadow-sm:0 10px 28px rgba(15,23,42,.06);
}
html.rv-news-v8{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html.rv-news-v8 body{background:linear-gradient(180deg,#fbfcff 0%,#f6f7fb 38%,#f8fafc 100%)}
html.rv-news-v8 a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
html.rv-news-v8 a:focus-visible,
html.rv-news-v8 button:focus-visible,
html.rv-news-v8 input:focus-visible,
html.rv-news-v8 textarea:focus-visible,
html.rv-news-v8 select:focus-visible{outline:3px solid rgba(225,29,42,.22);outline-offset:3px}

/* premium header / search */
html.rv-news-v8 .hdr,
html.rv-news-v8 header.glass.sticky{box-shadow:0 1px 0 rgba(15,23,42,.06),0 12px 30px rgba(15,23,42,.05);border-bottom-color:rgba(15,23,42,.08)!important}
html.rv-news-v8 .hdr.is-scrolled,
html.rv-news-v8 header.glass.sticky.is-scrolled{box-shadow:0 1px 0 rgba(15,23,42,.08),0 18px 44px rgba(15,23,42,.10)}
html.rv-news-v8 .brand img,
html.rv-news-v8 header img[alt*="Roovet News"]{filter:drop-shadow(0 5px 12px rgba(225,29,42,.10))}
html.rv-news-v8 .searchbox input{box-shadow:inset 0 1px 0 rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.04)}
html.rv-news-v8 .searchbox input:focus{border-color:rgba(225,29,42,.42);box-shadow:0 0 0 5px rgba(225,29,42,.10),0 12px 28px rgba(15,23,42,.08)}

/* briefing / homepage cards */
html.rv-news-v8 .container{max-width:1320px}
html.rv-news-v8 .briefing h1{letter-spacing:-.035em}
html.rv-news-v8 .briefing h1::after{content:"";display:block;width:76px;height:4px;border-radius:999px;margin-top:12px;background:linear-gradient(90deg,var(--rvn-red),rgba(225,29,42,.18))}
html.rv-news-v8 .wx,
html.rv-news-v8 .card,
html.rv-news-v8 .block,
html.rv-news-v8 .lead,
html.rv-news-v8 .row,
html.rv-news-v8 .block-card,
html.rv-news-v8 .chip,
html.rv-news-v8 .btn{border-color:rgba(15,23,42,.08)!important;box-shadow:var(--rvn-shadow-sm)}
html.rv-news-v8 .card,
html.rv-news-v8 .block,
html.rv-news-v8 .lead{background:rgba(255,255,255,.94);backdrop-filter:saturate(145%) blur(8px)}
html.rv-news-v8 .lead,
html.rv-news-v8 .row,
html.rv-news-v8 .block-card{transform:translateZ(0)}
html.rv-news-v8 .lead:hover,
html.rv-news-v8 .row:hover,
html.rv-news-v8 .block-card:hover,
html.rv-news-v8 .news-card:hover{transform:translateY(-2px);box-shadow:var(--rvn-shadow);border-color:rgba(225,29,42,.20)!important}
html.rv-news-v8 .card-head h2,
html.rv-news-v8 .block .card-head h2{letter-spacing:-.02em}
html.rv-news-v8 .dot{background:var(--rvn-red);box-shadow:0 0 0 5px rgba(225,29,42,.10)}
html.rv-news-v8 .meta,
html.rv-news-v8 .block-meta,
html.rv-news-v8 .byline{color:var(--rvn-muted)}

/* image quality and layout stability */
html.rv-news-v8 img{max-width:100%;height:auto}
html.rv-news-v8 .lead .img,
html.rv-news-v8 .row .img,
html.rv-news-v8 .thumb,
html.rv-news-v8 .hero-img img,
html.rv-news-v8 img.hero-img{background:linear-gradient(135deg,#f1f5f9,#e5e7eb);object-fit:cover}
html.rv-news-v8 .lead .img,
html.rv-news-v8 .row .img,
html.rv-news-v8 .thumb{transition:transform .22s ease,filter .22s ease}
html.rv-news-v8 .lead:hover .img,
html.rv-news-v8 .row:hover .img,
html.rv-news-v8 .block-card:hover .thumb{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}

/* article reader polish */
html.rv-news-v8 .headline{letter-spacing:-.035em;color:#0f172a}
html.rv-news-v8 .dek{color:#334155;line-height:1.55}
html.rv-news-v8 .prose{font-size:1.105rem;line-height:1.82;color:#182232}
html.rv-news-v8 .prose :where(p,li){overflow-wrap:anywhere}
html.rv-news-v8 .prose a{color:#b8121c;text-decoration-thickness:.08em;text-underline-offset:.18em}
html.rv-news-v8 .prose blockquote{border-left:4px solid var(--rvn-red);background:#fff5f5;border-radius:0 14px 14px 0;padding:1rem 1.25rem;color:#1f2937}
html.rv-news-v8 .player{box-shadow:0 12px 36px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
html.rv-news-v8 .progress{background:linear-gradient(90deg,var(--rvn-red),#111827)}
html.rv-news-v8 .toc{position:relative}
html.rv-news-v8 .toc a{border-left:2px solid transparent;padding-left:.65rem}
html.rv-news-v8 .toc a:hover{border-left-color:var(--rvn-red);color:#111827;text-decoration:none}

/* ads / iframes contained to avoid visual jumps */
html.rv-news-v8 .adframe,
html.rv-news-v8 ins.adsbygoogle{contain:layout paint style;min-height:90px}
html.rv-news-v8 iframe{max-width:100%}

/* speed: skip rendering offscreen blocks until needed */
@supports (content-visibility:auto){
  html.rv-news-v8 .block,
  html.rv-news-v8 .card,
  html.rv-news-v8 .row,
  html.rv-news-v8 .block-card,
  html.rv-news-v8 article.min-w-0 + aside,
  html.rv-news-v8 .news-card{content-visibility:auto;contain-intrinsic-size:1px 360px}
}

/* mobile app feel */
@media (max-width:900px){
  html.rv-news-v8 .container{padding:.85rem}
  html.rv-news-v8 .briefing{align-items:flex-start;gap:.85rem;flex-direction:column;margin:.75rem 0 1rem}
  html.rv-news-v8 .briefing h1{font-size:28px}
  html.rv-news-v8 .wx{width:100%;min-width:0}
  html.rv-news-v8 .hdr-in{gap:.5rem;padding:.55rem .75rem}
  html.rv-news-v8 .search{order:3;width:100%;flex-basis:100%}
  html.rv-news-v8 .main{gap:.85rem}
  html.rv-news-v8 .row{grid-template-columns:1fr 96px}
  html.rv-news-v8 .row .img{height:78px}
  html.rv-news-v8 .card-in,.card-head{padding:.85rem}
  html.rv-news-v8 .prose{font-size:1.03rem;line-height:1.75}
}
@media (max-width:560px){
  html.rv-news-v8 .cluster{grid-template-columns:1fr}
  html.rv-news-v8 .lead .img{height:210px}
  html.rv-news-v8 .row{grid-template-columns:1fr;gap:.65rem}
  html.rv-news-v8 .row .img{width:100%;height:155px}
  html.rv-news-v8 .block-grid{grid-template-columns:1fr!important}
  html.rv-news-v8 header .chip{padding:.38rem .55rem;font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){
  html.rv-news-v8,html.rv-news-v8 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}