@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap');
/*
Theme Name: NIA Ecology
Version: 6.1.0
*/

/* =========================================================
   NIA Ecology — Premium Dark Editorial/Data System
   Bloomberg Green × Reuters Climate × FT Visual Journalism
   ========================================================= */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden;background:#050a0f}
body{font-family:var(--font);font-size:13px;line-height:1.62;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(111,174,149,.055),transparent 30%),radial-gradient(circle at 92% 10%,rgba(90,156,203,.035),transparent 30%),linear-gradient(180deg,#07121a 0%,#061018 48%,#04080d 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px);background-size:46px 46px}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{cursor:pointer}ul,ol{list-style:none}

:root{
  --bg:#061018;--surface:#0b1620;--surface-2:#0f1d29;--surface-3:#132331;--surface-soft:rgba(255,255,255,.026);
  --border:rgba(255,255,255,.040);--border-strong:rgba(255,255,255,.075);
  --text:rgba(255,255,255,.90);--text-s:rgba(255,255,255,.62);--text-t:rgba(255,255,255,.38);
  --paper:#f6f1e8;--green:#6fae95;--green-soft:rgba(111,174,149,.085);--green-border:rgba(111,174,149,.135);--green-text:#b9d7c9;
  --red:#d74a3f;--red-soft:rgba(215,74,63,.18);--red-text:#ffb1aa;
  --amber:#c8894a;--amber-soft:rgba(200,137,74,.17);--amber-text:#f0c38e;
  --blue:#5a9ccb;--blue-soft:rgba(90,156,203,.12);--blue-text:#a9d5f3;
  --r:14px;--r-sm:8px;--max:1240px;
  --font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-editorial:Lora,Georgia,'Times New Roman',serif;
}
.container,.footer-container{width:100%;max-width:var(--max);margin:0 auto;padding:0 22px}
:root{--white:var(--surface);--dark:#04080d;--green-d:var(--green-text);--green-dd:var(--paper);--green-l:var(--green-soft);--green-b:var(--green-border);--red-d:var(--red-text);--red-l:var(--red-soft);--blue-d:var(--blue-text);--blue-l:var(--blue-soft);--amber-d:var(--amber-text);--amber-l:var(--amber-soft)}

/* Header compatibility */
.top-bar{height:34px;background:#03070c;border-bottom:1px solid var(--border)}
.top-bar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-bar-left,.top-bar-right,.top-bar-date,.top-bar-socials{display:flex;align-items:center}.top-bar-left{gap:18px}.top-bar-right{gap:15px}.top-bar-date{gap:7px;font-size:11px;color:var(--text-t)}.top-bar-date strong{color:rgba(255,255,255,.72);font-weight:500}.top-bar-links{display:flex;gap:15px}.top-bar-links a{font-size:11px;color:var(--text-t);transition:color .15s}.top-bar-links a:hover{color:#fff}.top-bar-soc,.top-bar-search{display:flex;align-items:center;justify-content:center;border-radius:999px;opacity:.55;transition:.15s}.top-bar-soc{width:22px;height:22px;background:rgba(255,255,255,.06)!important}.top-bar-soc:hover,.top-bar-search:hover{opacity:1;color:#fff}.top-bar-search{width:26px;height:26px;color:var(--text-s)}
.site-header{background:rgba(5,12,18,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);padding:16px 0}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo,.footer-logo{display:flex;align-items:center;gap:13px}.logo-circles{flex-shrink:0;color:var(--paper)}.logo-text-wrap{display:flex;flex-direction:column}.logo-name{font-family:var(--font-editorial);font-size:24px;font-weight:500;line-height:1.04;color:var(--paper);letter-spacing:-.025em}.logo-name span{color:var(--paper);font-weight:600}.logo-sub{margin-top:2px;font-size:8px;color:rgba(255,255,255,.40);text-transform:uppercase;letter-spacing:.16em}.header-center{flex:1;display:flex;justify-content:center}.rpn-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(255,255,255,.020);border:1px solid var(--border);border-radius:var(--r-sm)}.rpn-banner__logo{font-size:20px}.rpn-banner__text{font-size:10px;color:var(--text-s);line-height:1.4}.rpn-banner__text strong{display:block;color:var(--text);font-weight:500}.header-right{display:flex;align-items:center;gap:10px}.btn-subscribe{padding:8px 17px;border:1px solid var(--green-border);border-radius:var(--r-sm);background:rgba(111,174,149,.11);color:#dceee6;font-size:12px;font-weight:500;transition:.15s}.btn-subscribe:hover{background:rgba(111,174,149,.18)}
.site-nav{position:sticky;top:0;z-index:100;background:rgba(5,12,18,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.site-nav .container{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.site-nav .container::-webkit-scrollbar{display:none}.nav-menu{display:flex;flex-shrink:0}.nav-menu a{display:flex;align-items:center;gap:4px;padding:13px 14px;border-bottom:1px solid transparent;color:rgba(255,255,255,.66);font-size:11px;font-weight:500;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;transition:.15s}.nav-menu a:hover,.nav-menu .active a{color:#fff;border-bottom-color:rgba(111,174,149,.58)}

/* Editorial primitives */
.section-title,.premium-hero-title,.feed-title,.opinions-title,.eco-monitor__title,.page-head__title,.footer-logo__name{font-family:var(--font-editorial);font-weight:500;letter-spacing:-.03em;color:var(--paper)}
.section-head{display:flex;align-items:center;gap:14px;margin-bottom:17px}.section-head--tight{margin-bottom:13px}.section-title{font-size:26px;line-height:1.15}.section-note{color:var(--text-t);font-size:11px}.section-more{margin-left:auto;color:var(--green-text);font-size:11px;opacity:.86}.section-more:hover{color:#fff;opacity:1}.live-label{display:inline-flex;align-items:center;border-radius:4px;padding:2px 6px;background:rgba(111,174,149,.13);border:1px solid rgba(111,174,149,.15);color:#d6eddf;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1}.premium-panel{background:linear-gradient(180deg,rgba(16,31,43,.68),rgba(8,19,28,.72));border:1px solid var(--border);border-radius:var(--r);box-shadow:0 14px 45px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.014)}.premium-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 16px;border-radius:var(--r-sm);font-size:12px;font-weight:500;transition:.15s}.premium-btn--filled,.premium-btn--soft{background:rgba(111,174,149,.13);border:1px solid var(--green-border);color:#e5f2eb}.premium-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.085);color:var(--text-s)}.premium-btn:hover{background:rgba(111,174,149,.18);color:#fff}

/* Hero */
.premium-home{padding-bottom:0}.premium-hero-wrap{padding:18px 0 12px}.premium-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:16px}.premium-hero-card,.monitor-card{min-height:430px}.premium-hero-card{position:relative;overflow:hidden;border-radius:var(--r);background:#071018;border:1px solid var(--border-strong);box-shadow:0 22px 70px rgba(0,0,0,.32)}.premium-hero-link{display:block;position:absolute;inset:0}.premium-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.15) brightness(.70)}.premium-hero-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.premium-hero-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 68% 20%,transparent 0%,rgba(0,0,0,.42) 68%),linear-gradient(0deg,rgba(255,255,255,.026),transparent 45%)}.premium-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 54%,rgba(0,0,0,.10) 100%),linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.84) 100%)}.premium-hero-body{position:absolute;z-index:3;left:0;bottom:0;max-width:630px;padding:31px 32px 30px}.premium-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.premium-badge,.cat-badge{display:inline-flex;align-items:center;align-self:flex-start;border-radius:4px;padding:3px 8px;background:rgba(255,255,255,.060);border:1px solid rgba(255,255,255,.065);color:rgba(255,255,255,.82);backdrop-filter:blur(8px);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.075em;line-height:1.15}.premium-badge--soft{background:rgba(111,174,149,.14);color:#d8eed2;border-color:rgba(111,174,149,.18)}.premium-badge--urgent,.premium-news-card--urgent .cat-badge{background:var(--red-soft);color:var(--red-text);border-color:rgba(215,74,63,.26)}.premium-news-card--investigation .cat-badge,.premium-news-card--ecocide .cat-badge{background:var(--amber-soft);color:var(--amber-text);border-color:rgba(200,137,74,.25)}.premium-hero-title{font-size:clamp(32px,3.05vw,48px);line-height:1.045;text-shadow:0 4px 26px rgba(0,0,0,.55);max-width:590px}.premium-hero-excerpt{max-width:535px;margin-top:14px;color:rgba(255,255,255,.70);font-size:14px;line-height:1.66}.premium-meta{display:flex;align-items:center;gap:11px;margin-top:16px;color:var(--text-t);font-size:11px}

/* Monitoring */
.monitor-card{position:relative;display:flex;flex-direction:column;padding:22px;background:radial-gradient(circle at 74% 56%,rgba(111,174,149,.060),transparent 36%),linear-gradient(180deg,rgba(15,30,43,.78),rgba(7,18,27,.74));border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:0 22px 70px rgba(0,0,0,.22)}.monitor-title{font-size:25px}.monitor-region{display:flex;align-items:center;gap:7px;margin:-2px 0 11px;color:var(--text-s);font-size:11px}.eco-monitor__pin{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(111,174,149,.35)}.monitor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric{position:relative;min-height:120px;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.024);overflow:hidden}.metric span{display:block;margin-bottom:8px;text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.07em}.metric strong{display:block;color:#fff;font-size:22px;font-weight:500;line-height:1.1}.metric em{display:block;margin-top:7px;color:var(--text-s);font-size:11px;font-style:normal}.metric i{position:absolute;left:14px;right:14px;bottom:12px;height:24px;border-bottom:2px solid currentColor;border-radius:50%;opacity:.82}.metric--air{color:#e2a159}.metric--weather{color:#8cbc68}.metric--rad{color:#ff6e63}.metric--geo{color:#65aee0}.monitor-map{position:relative;flex:1;margin-top:12px;min-height:190px}.russia-silhouette{position:absolute;inset:8px 22px 8px 8px;background:linear-gradient(135deg,rgba(148,174,139,.42),rgba(91,120,101,.30));clip-path:polygon(1% 53%,7% 38%,17% 44%,25% 30%,39% 42%,50% 28%,64% 37%,77% 25%,95% 42%,91% 57%,81% 50%,70% 65%,57% 55%,45% 70%,33% 61%,24% 75%,15% 62%,8% 72%);filter:drop-shadow(0 0 22px rgba(111,174,149,.13))}.map-dot{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px currentColor;border:1px solid rgba(255,255,255,.18)}.map-dot--normal{color:#9dc16b;background:#9dc16b}.map-dot--warn{color:#f0b14a;background:#f0b14a}.map-dot--danger{color:#ff5d47;background:#ff5d47}.map-legend{display:grid;grid-template-columns:repeat(2,max-content);gap:7px 18px;justify-content:end;margin-top:-10px;color:var(--text-s);font-size:11px}.map-legend span,.map-cats li{display:flex;align-items:center;gap:8px}.map-legend i,.map-cats i{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-normal{background:#9dc16b}.legend-warn{background:#f0b14a}.legend-danger{background:#ff5d47}.legend-critical{background:#d74a3f}.legend-blue{background:#5a9ccb}.legend-purple{background:#b77ade}.legend-pink{background:#e57aa6}.monitor-btn{align-self:flex-end;margin-top:12px}

/* Ticker */
.ticker-line-wrap{padding:0 0 12px}.ticker-line{display:flex;align-items:center;gap:14px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:rgba(8,19,28,.66);overflow:hidden;white-space:nowrap}.ticker-line strong{font-family:var(--font-editorial);font-size:16px;color:var(--paper);font-weight:500}.ticker-line a{color:var(--text-s);font-size:12px}.ticker-line time{margin-right:7px;color:var(--green-text);font-variant-numeric:tabular-nums}.ticker-line .ticker-all{margin-left:auto;color:var(--green-text)}

/* Main grid */
.home-main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);gap:16px}.main-news-panel,.rating-panel,.incident-panel,.world-panel,.eco-map-panel,.analytics-panel,.services-panel,.calendar-panel{padding:18px}.mini-tabs{display:flex;gap:4px}.mini-tab{border:0;background:transparent;color:var(--text-s);padding:4px 9px;border-bottom:1px solid transparent;font-size:12px}.mini-tab.active,.mini-tab:hover{color:#fff;border-bottom-color:rgba(111,174,149,.55)}.premium-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.premium-news-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.024);transition:transform .16s,box-shadow .16s,border-color .16s}.premium-news-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.24);border-color:rgba(255,255,255,.075)}.premium-news-imglink{display:block;height:132px;background:rgba(255,255,255,.025)}.premium-news-imglink img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08) brightness(.78)}.premium-news-body{padding:11px;display:flex;flex-direction:column;gap:7px}.premium-news-body h3{font-size:13px;line-height:1.38;font-weight:520;color:var(--text)}.premium-news-body h3 a:hover{color:#fff}.premium-news-body time{color:var(--text-t);font-size:11px}.premium-news-card--lead{grid-column:span 2;grid-row:span 2}.premium-news-card--lead .premium-news-imglink{height:248px}.premium-news-card--lead .premium-news-body{padding:15px}.premium-news-card--lead h3{font-family:var(--font-editorial);font-size:31px;line-height:1.075;font-weight:500;color:var(--paper);letter-spacing:-.03em}.premium-placeholder{display:block;height:100%;background:linear-gradient(135deg,rgba(111,174,149,.12),rgba(90,156,203,.08))}

/* Side panels */
.home-side-stack{display:flex;flex-direction:column;gap:16px}.rating-panel{min-height:330px}.rating-tabs{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}.rating-tabs span{padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.035);color:var(--text-s);font-size:11px}.rating-tabs span:first-child{background:rgba(111,174,149,.105);color:var(--green-text)}.rating-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:center}.rating-list{display:flex;flex-direction:column;gap:10px}.rating-list li{display:grid;grid-template-columns:24px minmax(0,1fr) 45px 28px;align-items:center;gap:9px;color:var(--text-s);font-size:12px}.rating-list b{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(111,174,149,.14);color:var(--green-text);font-size:11px}.rating-list strong{color:#fff;font-weight:500;font-variant-numeric:tabular-nums}.rating-list em{font-style:normal;color:var(--text-t)}.rating-list .up{color:#9dcc87}.rating-list .down{color:#ff6e63}.rating-muted{margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.rating-map{height:135px;position:relative}.rating-map span{position:absolute;inset:12px;background:linear-gradient(135deg,rgba(148,174,139,.44),rgba(91,120,101,.28));clip-path:polygon(4% 55%,16% 33%,28% 48%,42% 30%,56% 46%,71% 34%,92% 49%,82% 65%,62% 58%,46% 73%,30% 62%,17% 78%);filter:drop-shadow(0 0 18px rgba(111,174,149,.11))}.rating-btn{margin-top:18px;width:100%}.side-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.thin-list{display:flex;flex-direction:column;gap:12px}.thin-list a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;color:var(--text-s);font-size:12px;line-height:1.45}.thin-list time{color:var(--text-t);font-variant-numeric:tabular-nums}.thin-list a:hover span{color:#fff}.world-feature{display:block;margin-bottom:12px}.world-feature img,.world-feature span{width:100%;height:112px;object-fit:cover;border-radius:9px;background:radial-gradient(circle,rgba(90,156,203,.22),rgba(255,255,255,.025));filter:saturate(.70) contrast(1.08) brightness(.72)}.world-feature strong{display:block;margin-top:10px;font-size:13px;color:#fff;line-height:1.4;font-weight:520}.world-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.world-list a{color:var(--text-s);font-size:12px;line-height:1.45}.world-list a:hover{color:#fff}.world-more{margin-left:0}

/* Lower grid */
.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:16px;margin-top:16px}.eco-map-panel,.analytics-panel{min-height:300px}.map-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center}.map-cats{display:flex;flex-direction:column;gap:10px;color:var(--text-s);font-size:12px}.big-map{position:relative;min-height:190px}.big-map .russia-silhouette{inset:6px 8px}.eco-map-panel .premium-btn{margin-top:10px}.analytics-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.analytics-card{min-height:230px;padding:12px;border-radius:10px;background:rgba(255,255,255,.024);border:1px solid var(--border);display:flex;flex-direction:column;gap:9px}.analytics-img{display:block;height:84px;border-radius:9px;overflow:hidden}.analytics-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05) brightness(.78)}.analytics-avatar img{width:78px;height:78px;border-radius:10px;object-fit:cover;filter:grayscale(.18) saturate(.82)}.analytics-card h3{font-size:14px;line-height:1.38;color:#fff;font-weight:520}.analytics-card p{color:var(--text-s);font-size:12px;line-height:1.52}.analytics-card small{margin-top:auto;color:var(--text-t);font-size:11px}.analytics-card--lead h3{font-family:var(--font-editorial);font-size:19px;font-weight:500;line-height:1.2;color:var(--paper)}

/* Services/calendar */
.service-calendar-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;margin-top:16px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.service-grid a{min-height:150px;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.020);display:flex;flex-direction:column;gap:9px}.service-grid a:hover{background:rgba(111,174,149,.055);border-color:rgba(111,174,149,.12)}.service-grid i{font-style:normal;color:var(--green-text);font-size:24px}.service-grid strong{font-size:13px;color:#fff;font-weight:520}.service-grid span{color:var(--text-s);font-size:11px;line-height:1.45}.calendar-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.calendar-item{min-height:132px;padding:10px 16px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.calendar-item:first-child{border-left:0}.cal-date strong{font-family:var(--font-editorial);font-size:31px;line-height:1;color:var(--paper);font-weight:500}.cal-date em{margin-left:4px;color:var(--text-s);font-size:12px;font-style:italic}.calendar-item span{font-size:12px;color:#fff;line-height:1.42}.calendar-item small{color:var(--text-t);font-size:11px}.calendar-item:hover span{color:var(--paper)}

/* Subscribe/footer */
.subscribe-wrap{margin-top:16px;padding:20px 0;background:linear-gradient(90deg,rgba(31,77,48,.62),rgba(14,36,29,.58));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.subscribe-block{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.subscribe-block__left{flex:1;min-width:260px;display:flex;align-items:center;gap:14px}.subscribe-block__ico{font-size:26px;color:var(--green-text)}.subscribe-block__title{font-family:var(--font-editorial);color:var(--paper);font-size:20px;font-weight:500}.subscribe-block__sub{color:var(--text-s);font-size:12px}.subscribe-block__form{flex:1;min-width:280px;display:flex;gap:8px}.subscribe-block__input{flex:1;height:42px;padding:0 14px;border:0;border-radius:var(--r-sm);outline:0;background:rgba(255,255,255,.92);color:#111}.subscribe-block__btn{height:42px;padding:0 22px;border:0;border-radius:var(--r-sm);background:rgba(111,174,149,.78);color:#061018;font-size:13px;font-weight:600;white-space:nowrap}.subscribe-block__btn:hover{background:rgba(165,205,188,.95)}.subscribe-block__tg{height:42px;display:flex;align-items:center;padding:0 18px;border:1px solid var(--green-border);border-radius:var(--r-sm);color:#dceee6;font-size:13px}.subscribe-block__tg:hover{background:rgba(111,174,149,.08)}.site-footer{padding:32px 0 20px;background:#04080d;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:220px repeat(5,minmax(0,1fr));gap:26px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logo{color:var(--paper)}.footer-mark{font-size:34px}.footer-logo__name{font-size:20px}.footer-logo__sub{color:var(--text-t);font-size:8px;text-transform:uppercase;letter-spacing:.14em}.footer-desc{color:var(--text-t);font-size:11px;line-height:1.65}.footer-col__title{margin-bottom:12px;color:rgba(255,255,255,.82);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:rgba(255,255,255,.52);font-size:12px}.footer-links a:hover{color:#fff}

/* Legacy article/page */
.feed-layout,.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:20px 0;align-items:start}.single-content{color:var(--text);font-size:15px;line-height:1.85}.single-content p{margin-bottom:18px}.single-content h2,.single-content h3{font-family:var(--font-editorial);color:var(--paper);font-weight:500}.single-content h2{margin:28px 0 14px;font-size:26px}.single-content h3{margin:22px 0 10px;font-size:21px}.single-content a{color:var(--green-text);text-decoration:underline}.single-content blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--green);background:var(--green-soft);color:var(--text-s);font-style:italic}.page-wrap{padding:24px 0}.page-head{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border)}.page-head__title{font-size:34px}.page-head__sub{margin-top:5px;color:var(--text-s)}.banner-slot--sidebar{min-height:240px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:rgba(255,255,255,.025);border:1px solid var(--border)}.banner-mock{display:flex;flex-direction:column;align-items:center;gap:6px}.banner-mock__tag{padding:3px 9px;border-radius:4px;background:rgba(255,255,255,.06);color:var(--text-t);font-size:9px;text-transform:uppercase}.banner-mock__text{color:var(--text-t);font-size:12px}

/* old WP classes harmless compatibility */
.hero-wrap,.opinions-wrap{background:transparent;border:0}.card,.rcol-widget,.sidebar-widget,.ecosvc-carousel,.ekoanons-inline,.opinion-card{background:linear-gradient(180deg,rgba(16,31,43,.68),rgba(8,19,28,.72));border:1px solid var(--border);color:var(--text)}

/* Responsive */
@media (max-width:1100px){.premium-hero-grid,.home-main-grid,.lower-grid,.service-calendar-grid{grid-template-columns:1fr}.monitor-card,.premium-hero-card{min-height:390px}.side-split{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-news-card--lead{grid-column:span 2}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.calendar-item:nth-child(3n+1){border-left:0}}
@media (max-width:768px){.container,.footer-container{padding:0 15px}.top-bar-links,.header-center{display:none}.site-header .container{gap:14px}.logo-name{font-size:20px}.nav-menu a{padding:11px 9px;font-size:10px}.premium-hero-grid{gap:12px}.premium-hero-card{min-height:360px}.premium-hero-body{padding:22px}.premium-hero-title{font-size:33px}.monitor-card{min-height:0;padding:16px}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.map-legend{display:none}.ticker-line{overflow-x:auto}.premium-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-news-card--lead{grid-column:span 2;min-height:0}.premium-news-card--lead .premium-news-imglink{height:210px}.premium-news-card--lead h3{font-size:25px}.rating-body,.map-layout{grid-template-columns:1fr}.analytics-grid,.side-split{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.subscribe-block{align-items:flex-start;flex-direction:column}.subscribe-block__form{width:100%;min-width:0}}
@media (max-width:480px){.premium-hero-title{font-size:29px}.premium-hero-card{min-height:330px}.monitor-metrics,.premium-news-grid,.service-grid,.calendar-strip,.footer-top{grid-template-columns:1fr}.premium-news-card--lead{grid-column:span 1}.premium-news-card--lead .premium-news-imglink{height:170px}.premium-news-card--lead h3{font-size:21px}.calendar-item{border-left:0;border-top:1px solid var(--border);padding-left:0}.calendar-item:first-child{border-top:0}.subscribe-block__form{flex-direction:column}.subscribe-block__btn{width:100%}}


/* =========================================================
   FINAL ART-DIRECTION PASS — 9.5/10
   Bloomberg Green × Reuters Climate × FT Visual Journalism
   ========================================================= */
:root{
  --bg:#050d14;
  --surface:#08141d;
  --surface-2:#0b1721;
  --surface-3:#0f1d28;
  --surface-soft:rgba(255,255,255,.018);
  --border:rgba(255,255,255,.030);
  --border-strong:rgba(255,255,255,.052);
  --text:rgba(255,255,255,.88);
  --text-s:rgba(255,255,255,.58);
  --text-t:rgba(255,255,255,.34);
  --paper:#f2ede3;
  --green:#6f9f86;
  --green-soft:rgba(111,159,134,.055);
  --green-border:rgba(111,159,134,.095);
  --green-text:#aac9b8;
  --red-soft:rgba(204,64,55,.16);
  --red-text:#ffaaa2;
  --amber-soft:rgba(183,117,58,.15);
  --amber-text:#e9bd86;
  --font-editorial:'Source Serif 4', Georgia, 'Times New Roman', serif;
}
body{
  background:
    radial-gradient(circle at 18% -8%, rgba(111,159,134,.055), transparent 27%),
    radial-gradient(circle at 92% 10%, rgba(90,156,203,.035), transparent 25%),
    linear-gradient(180deg,#061018 0%,#050b11 60%,#04080d 100%);
  font-weight:400;
}
body::before{opacity:.14;background-size:56px 56px;}
.container,.footer-container{max-width:1264px;}

/* calmer chrome */
.top-bar,.site-header,.site-nav{border-color:rgba(255,255,255,.035);}
.site-header{padding:18px 0 17px;background:rgba(4,10,15,.84);}
.site-nav{background:rgba(4,10,15,.90);}
.nav-menu a{padding:13px 15px;color:rgba(255,255,255,.58);font-weight:500;letter-spacing:.045em;}
.nav-menu a:hover,.nav-menu .active a{border-bottom-color:rgba(242,237,227,.48);}
.logo-name{font-size:25px;font-weight:500;letter-spacing:-.035em;}
.logo-name span{font-weight:500;}
.logo-sub{opacity:.72;letter-spacing:.18em;font-weight:500;}
.btn-subscribe{background:rgba(255,255,255,.028);border-color:rgba(255,255,255,.07);color:rgba(255,255,255,.74);}
.btn-subscribe:hover{background:rgba(111,159,134,.11);border-color:var(--green-border);}

/* refined typography */
.section-title,.premium-hero-title,.feed-title,.opinions-title,.monitor-title,.footer-logo__name{
  font-family:var(--font-editorial);
  font-weight:500;
  letter-spacing:-.045em;
  color:var(--paper);
}
.section-title{font-size:28px;line-height:1.08;}
.monitor-title{font-size:27px;}
.feed-title{font-size:31px;}
.section-head{margin-bottom:20px;}
.section-head--tight{margin-bottom:16px;}
.section-more{color:rgba(186,209,195,.68);font-weight:500;}
.live-label{background:rgba(111,159,134,.095);border-color:rgba(111,159,134,.11);color:#cde2d5;}

/* surfaces: less boxes, more depth */
.premium-panel,.premium-news-card,.metric,.analytics-card,.service-grid a,.calendar-item,.ticker-line,.premium-hero-card,.monitor-card{
  border-color:var(--border);
  box-shadow:0 18px 52px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.009);
}
.premium-panel{
  background:linear-gradient(180deg,rgba(14,27,38,.54),rgba(7,17,25,.58));
}
.main-news-panel,.rating-panel,.eco-map-panel,.analytics-panel,.services-panel,.calendar-panel{padding:22px;}
.home-main-grid,.lower-grid,.service-calendar-grid{gap:20px;}

/* cinematic hero: lighter, more editorial */
.premium-hero-wrap{padding:22px 0 14px;}
.premium-hero-grid{gap:20px;grid-template-columns:minmax(0,1.03fr) minmax(420px,.90fr);}
.premium-hero-card,.monitor-card{min-height:448px;}
.premium-hero-card{border-color:rgba(255,255,255,.045);box-shadow:0 28px 88px rgba(0,0,0,.30);}
.premium-hero-img{filter:saturate(.72) contrast(1.18) brightness(.64);}
.premium-hero-card::before{opacity:.08;}
.premium-hero-shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.50) 49%,rgba(0,0,0,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.88) 100%);
}
.premium-hero-body{max-width:590px;padding:34px 34px 33px;}
.premium-hero-title{font-size:clamp(31px,2.75vw,44px);line-height:1.02;letter-spacing:-.052em;text-shadow:0 5px 30px rgba(0,0,0,.60);}
.premium-hero-excerpt{margin-top:16px;max-width:500px;font-size:13.5px;line-height:1.72;color:rgba(255,255,255,.66);}
.premium-meta{margin-top:18px;color:rgba(255,255,255,.42);}
.premium-badge,.cat-badge{background:rgba(255,255,255,.050);border-color:rgba(255,255,255,.045);color:rgba(255,255,255,.74);font-weight:600;}
.premium-badge--soft{background:rgba(111,159,134,.105);border-color:rgba(111,159,134,.12);}

/* monitoring less widget-like */
.monitor-card{padding:24px;background:radial-gradient(circle at 74% 54%,rgba(111,159,134,.038),transparent 35%),linear-gradient(180deg,rgba(12,24,34,.70),rgba(6,16,24,.70));}
.monitor-metrics{gap:12px;}
.metric{min-height:118px;background:rgba(255,255,255,.018);}
.metric strong{font-size:22px;font-weight:500;letter-spacing:-.02em;}
.metric i{opacity:.58;border-bottom-width:1px;}
.monitor-map{min-height:205px;margin-top:16px;}
.map-dot{box-shadow:0 0 10px currentColor;opacity:.86;}
.map-dot--normal{color:#8dae78;background:#8dae78;}
.map-dot--warn{color:#d59a44;background:#d59a44;}
.map-dot--danger{color:#cf5547;background:#cf5547;}
.russia-silhouette{filter:drop-shadow(0 0 16px rgba(111,159,134,.08));opacity:.84;}
.monitor-btn{align-self:flex-end;}

/* ticker: lighter terminal strip */
.ticker-line{min-height:44px;background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.035);}
.ticker-line strong{font-family:var(--font-editorial);font-size:17px;font-weight:500;color:var(--paper);}
.ticker-line a{color:rgba(255,255,255,.62);}
.ticker-line time{color:rgba(172,205,183,.70);}

/* main news: stronger editorial rhythm */
.home-main-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);}
.premium-news-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch;}
.premium-news-card{background:rgba(255,255,255,.018);border-radius:11px;}
.premium-news-card:hover{border-color:rgba(255,255,255,.055);box-shadow:0 18px 42px rgba(0,0,0,.23);}
.premium-news-card--lead{grid-column:span 3;grid-row:span 2;}
.premium-news-card--lead .premium-news-imglink{height:260px;}
.premium-news-card--lead h3{font-size:33px;line-height:1.05;letter-spacing:-.05em;font-weight:500;}
.premium-news-card:nth-child(2),.premium-news-card:nth-child(3){grid-column:span 1;}
.premium-news-card:nth-child(4),.premium-news-card:nth-child(5),.premium-news-card:nth-child(6){min-height:230px;}
.premium-news-imglink{height:128px;}
.premium-news-imglink img{filter:saturate(.72) contrast(1.10) brightness(.72);}
.premium-news-body{padding:12px 12px 13px;gap:8px;}
.premium-news-body h3{font-size:13.5px;font-weight:500;line-height:1.42;}
.premium-news-body time{font-size:10.5px;}

/* side blocks: integrate, not sidebar */
.rating-panel{background:radial-gradient(circle at 84% 40%,rgba(111,159,134,.05),transparent 31%),linear-gradient(180deg,rgba(14,27,38,.52),rgba(7,17,25,.56));}
.rating-row{padding:5px 0;}
.rating-row b{font-weight:500;}
.rating-index{background:rgba(111,159,134,.11);border:1px solid rgba(111,159,134,.11);}
.rating-map{height:150px;}
.side-split{gap:18px;}
.thin-list{gap:14px;}
.thin-list a{font-size:12.5px;line-height:1.55;}
.world-feature img,.world-feature span{height:126px;filter:saturate(.64) contrast(1.12) brightness(.68);}
.world-feature strong{font-family:var(--font-editorial);font-size:18px;font-weight:500;line-height:1.18;color:var(--paper);}

/* maps: more atmosphere */
.eco-map-panel{background:radial-gradient(circle at 58% 54%,rgba(111,159,134,.045),transparent 38%),linear-gradient(180deg,rgba(14,27,38,.48),rgba(7,17,25,.56));}
.big-map{min-height:218px;}
.big-map .russia-silhouette{inset:12px 10px;opacity:.78;}
.map-cats{gap:12px;color:rgba(255,255,255,.56);}
.eco-map-panel .premium-btn{margin-top:16px;}

/* analytics: more magazine, less expert portal */
.analytics-panel{background:linear-gradient(180deg,rgba(14,27,38,.48),rgba(7,17,25,.52));}
.analytics-grid{grid-template-columns:1.35fr .95fr .95fr;gap:14px;}
.analytics-card{padding:0;border-color:rgba(255,255,255,.028);background:rgba(255,255,255,.014);min-height:250px;overflow:hidden;}
.analytics-card--lead{display:grid;grid-template-rows:126px auto;}
.analytics-card:not(.analytics-card--lead){display:grid;grid-template-rows:100px auto;}
.analytics-img{height:100%;border-radius:0;}
.analytics-img img{filter:saturate(.62) contrast(1.10) brightness(.70);}
.analytics-card .cat-badge{margin:14px 14px 0;}
.analytics-card h3{padding:0 14px;font-weight:500;line-height:1.34;}
.analytics-card p{padding:0 14px;color:rgba(255,255,255,.57);line-height:1.62;}
.analytics-card small{padding:0 14px 14px;color:rgba(255,255,255,.35);}
.analytics-card--lead h3{font-size:22px;line-height:1.12;letter-spacing:-.035em;}
.analytics-avatar{padding:14px 14px 0;}
.analytics-avatar img{border-radius:9px;width:100%;height:112px;object-fit:cover;}

/* services and calendar: less plugin, more FT Live */
.service-calendar-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;margin-top:20px;}
.service-grid{gap:12px;}
.service-grid a{min-height:150px;background:rgba(255,255,255,.014);border-color:rgba(255,255,255,.028);padding:16px;}
.service-grid a:hover{background:rgba(111,159,134,.035);border-color:rgba(111,159,134,.08);}
.service-grid i{opacity:.72;color:var(--green-text);font-size:22px;}
.service-grid strong{font-weight:500;}
.calendar-strip{gap:0;}
.calendar-panel{padding-bottom:26px;}
.calendar-item{min-height:148px;padding:14px 18px 12px;border-left-color:rgba(255,255,255,.035);background:transparent;}
.cal-date strong{font-size:35px;font-weight:500;letter-spacing:-.04em;}
.cal-date em{font-size:12px;color:rgba(255,255,255,.46);}
.calendar-item span:not(.cal-date){font-size:12.5px;line-height:1.52;font-weight:500;color:rgba(255,255,255,.82);}
.calendar-item small{font-size:11px;color:rgba(255,255,255,.34);}

/* CTAs: one primary only */
.subscribe-wrap{margin-top:22px;background:linear-gradient(90deg,rgba(25,68,44,.50),rgba(12,31,26,.56));}
.subscribe-block__title{font-size:21px;}
.subscribe-block__btn{background:rgba(111,159,134,.82);color:#04100b;}
.subscribe-block__tg{background:transparent;border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.70);}
.subscribe-block__tg:hover{border-color:rgba(111,159,134,.18);background:rgba(111,159,134,.045);}

/* footer quieter */
.site-footer{padding-top:36px;}
.footer-top{gap:30px;}
.footer-logo__name{font-size:21px;font-weight:500;}
.footer-links a{color:rgba(255,255,255,.46);}
.footer-col__title{font-weight:600;color:rgba(255,255,255,.70);}

@media (max-width:1100px){
  .premium-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .premium-news-card--lead{grid-column:span 2;}
  .premium-hero-grid,.home-main-grid,.lower-grid,.service-calendar-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .premium-hero-card,.monitor-card{min-height:360px;}
  .premium-hero-title{font-size:31px;}
  .premium-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .premium-news-card--lead{grid-column:span 2;}
  .analytics-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .premium-news-grid{grid-template-columns:1fr;}
  .premium-news-card--lead{grid-column:span 1;}
}

/* =========================================================
   POLISH PASS v2 — FT × Bloomberg Green × Reuters Climate
   Финальная косметика: тонкий serif, минеральный зелёный,
   почти-невидимые бордеры, cinematic hero, монохромные теги.
   ========================================================= */

/* 1. Палитра: минеральный мятный вместо насыщенного «эко-зелёного» */
:root{
  --green:#5dcaa5;
  --green-soft:rgba(93,202,165,.045);
  --green-border:rgba(93,202,165,.085);
  --green-text:#8fd9b8;
  --paper:#f4efe6;
  --border:rgba(255,255,255,.025);
  --border-strong:rgba(255,255,255,.045);
}

/* 2. Тонкая editorial-типографика: вес 500 везде, 400 для крупных */
.premium-hero-title,
.premium-news-card--lead h3,
.feed-title,
.page-head__title{
  font-weight:400 !important;
  letter-spacing:-.025em;
}
.section-title,.monitor-title,.subscribe-block__title,.world-feature strong,
.analytics-card--lead h3,.cal-date strong,.footer-logo__name{
  font-weight:500 !important;
  letter-spacing:-.022em;
}
.logo-name,.logo-name span{font-weight:500 !important;letter-spacing:-.025em;}
.section-title{font-size:25px;line-height:1.12;}
.monitor-title{font-size:24px;}
.premium-news-card--lead h3{font-size:30px;line-height:1.06;}

/* 3. Капительные мета-метки в стиле FT */
.premium-meta,.premium-news-body time,.thin-list time,.calendar-item small,
.section-note,.logo-sub,.footer-logo__sub,.footer-col__title{
  font-family:Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:500;
}
.premium-meta{color:rgba(255,255,255,.46);}
.premium-news-body time{color:rgba(255,255,255,.40);}
.section-note{text-transform:none;letter-spacing:0;font-size:11px;color:var(--text-t);font-weight:400;}

/* 4. Почти-невидимые бордеры везде */
.premium-news-card,.metric,.analytics-card,.service-grid a,.calendar-item,
.ticker-line,.premium-hero-card,.monitor-card,.rating-panel,
.eco-map-panel,.analytics-panel,.services-panel,.calendar-panel,
.main-news-panel,.incident-panel,.world-panel,.banner-slot--sidebar{
  border-color:rgba(255,255,255,.025) !important;
}
.premium-news-card:hover{border-color:rgba(255,255,255,.06) !important;}

/* 5. Hero: cinematic + узкий текстовый блок (luxury narrow) */
.premium-hero-card{
  border-color:rgba(255,255,255,.04) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.36);
}
.premium-hero-img{filter:saturate(.65) contrast(1.20) brightness(.62);}
.premium-hero-shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.56) 42%,rgba(0,0,0,.10) 78%,rgba(0,0,0,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.85) 100%) !important;
}
.premium-hero-card::after{
  background:radial-gradient(ellipse at 75% 25%,transparent 0%,rgba(0,0,0,.45) 70%) !important;
}
.premium-hero-body{max-width:540px !important;padding:36px 36px 32px !important;}
.premium-hero-title{
  font-size:clamp(30px,2.55vw,40px) !important;
  line-height:1.04 !important;
  max-width:520px;
  text-shadow:0 6px 32px rgba(0,0,0,.65);
}
.premium-hero-excerpt{
  max-width:460px;
  font-size:13px;
  line-height:1.7;
  color:rgba(255,255,255,.62);
}

/* 6. Категорийные плашки: монохромные кроме двух «горячих» */
.cat-badge,.premium-badge{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.04) !important;
  color:rgba(255,255,255,.78) !important;
  font-weight:600 !important;
  letter-spacing:.10em;
  font-size:9px;
  padding:3px 8px;
  border-radius:3px;
}
.premium-badge--soft{
  background:rgba(204,178,120,.14) !important;
  border-color:rgba(204,178,120,.18) !important;
  color:#e8d5a8 !important;
}
.premium-news-card--urgent .cat-badge,
.premium-badge--urgent{
  background:rgba(207,85,71,.14) !important;
  border-color:rgba(207,85,71,.22) !important;
  color:#ffaa9e !important;
}
.premium-news-card--investigation .cat-badge,
.premium-news-card--ecocide .cat-badge{
  background:rgba(183,117,58,.14) !important;
  border-color:rgba(183,117,58,.22) !important;
  color:#e9bd86 !important;
}

/* 7. Унифицированное соотношение сторон фото в карточках 3:2 */
.premium-news-grid .premium-news-imglink{height:auto !important;aspect-ratio:3/2;background:rgba(255,255,255,.02);}
.premium-news-grid .premium-news-imglink img{width:100%;height:100%;object-fit:cover;}
.premium-news-grid .premium-news-card--lead .premium-news-imglink{aspect-ratio:16/10;height:auto !important;}
.world-feature img,.world-feature span{aspect-ratio:3/2;height:auto !important;}
.analytics-img{aspect-ratio:3/2;height:auto !important;}
.analytics-card--lead .analytics-img{aspect-ratio:16/10;}

/* 8. Кнопки — трёхуровневая иерархия */
.premium-btn{
  font-weight:500;
  letter-spacing:.04em;
  transition:background .15s,border-color .15s,color .15s;
}
.premium-btn--soft,.premium-btn--filled{
  background:rgba(93,202,165,.10) !important;
  border:1px solid rgba(93,202,165,.16) !important;
  color:#b5e2cd !important;
}
.premium-btn--soft:hover,.premium-btn--filled:hover{
  background:rgba(93,202,165,.16) !important;
  color:#fff !important;
}
.premium-btn--outline{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.62) !important;
}
.premium-btn--outline:hover{
  border-color:rgba(93,202,165,.25) !important;
  color:#fff !important;
}
.btn-subscribe{
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  color:rgba(255,255,255,.78) !important;
}
.btn-subscribe:hover{
  background:rgba(93,202,165,.10) !important;
  border-color:rgba(93,202,165,.20) !important;
}

/* 9. Дашборд: метрики-сводка, без яркой подсветки рамок */
.metric{
  background:rgba(255,255,255,.014) !important;
  border-color:rgba(255,255,255,.03) !important;
  padding:13px 12px !important;
  min-height:108px !important;
  overflow:hidden;
}
.metric span{
  font-weight:500 !important;
  letter-spacing:.12em;
  font-size:9px;
  opacity:.72;
}
.metric strong{
  font-family:var(--font-editorial);
  font-size:21px !important;
  font-weight:500 !important;
  letter-spacing:-.025em;
  line-height:1.05;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
}
.metric em{font-size:10px;color:rgba(255,255,255,.50);line-height:1.35;}
.metric i{opacity:.42 !important;}

/* 10. Экорейтинг: серифные крупные числа */
.rating-list strong{
  font-family:var(--font-editorial);
  font-size:18px;
  font-weight:500;
  letter-spacing:-.02em;
}
.rating-list b{
  background:rgba(255,255,255,.04) !important;
  color:rgba(255,255,255,.70) !important;
  font-family:var(--font-editorial);
  font-weight:500;
  border-radius:4px;
}
.rating-list .up{color:#8fd9b8 !important;}
.rating-list .down{color:#e29084 !important;}
.rating-tabs span{
  background:transparent !important;
  color:var(--text-s) !important;
  padding:5px 0 !important;
  margin-right:14px;
  border-bottom:1px solid transparent;
  border-radius:0;
  font-size:11px;
  font-weight:500;
}
.rating-tabs span:first-child{
  background:transparent !important;
  color:#8fd9b8 !important;
  border-bottom-color:#5dcaa5;
}

/* 11. Ticker — деликатная редакционная строка */
.ticker-line{
  background:rgba(255,255,255,.012) !important;
  border-color:rgba(255,255,255,.025) !important;
  min-height:42px;
  padding:0 18px;
}
.ticker-line strong{
  font-family:Inter,sans-serif !important;
  font-size:10px !important;
  font-weight:600 !important;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#8fd9b8 !important;
}
.ticker-line a{color:rgba(255,255,255,.78);font-size:12.5px;}
.ticker-line time{
  font-size:11px;
  font-variant-numeric:tabular-nums;
  color:rgba(255,255,255,.42) !important;
}
.ticker-line .ticker-all{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#8fd9b8;
}

/* 12. Меню: тоньше, аккуратнее */
.nav-menu a{
  padding:14px 14px !important;
  font-size:10.5px !important;
  letter-spacing:.10em !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.62) !important;
  text-transform:uppercase;
}
.nav-menu a:hover,.nav-menu .active a{
  color:#fff !important;
  border-bottom-color:#5dcaa5 !important;
}

/* 13. Subscribe block — без зелёной плашки, ровный editorial-блок */
.subscribe-wrap{
  margin-top:22px;
  background:linear-gradient(180deg,rgba(14,27,38,.55),rgba(7,17,25,.65)) !important;
  border-top:1px solid rgba(255,255,255,.03) !important;
  border-bottom:1px solid rgba(255,255,255,.03) !important;
  padding:26px 0 !important;
}
.subscribe-block__ico{display:none !important;}
.subscribe-block__title{
  font-family:var(--font-editorial) !important;
  font-size:22px !important;
  font-weight:500 !important;
  letter-spacing:-.02em;
  color:var(--paper) !important;
}
.subscribe-block__sub{
  font-size:11px !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,255,255,.42) !important;
  margin-top:4px;
}
.subscribe-block__btn{
  background:#8fd9b8 !important;
  color:#04100b !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  border-radius:4px !important;
}
.subscribe-block__btn:hover{background:#a5e2c5 !important;}
.subscribe-block__tg{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.70) !important;
  border-radius:4px !important;
}
.subscribe-block__tg:hover{
  border-color:rgba(93,202,165,.30) !important;
  background:rgba(93,202,165,.04) !important;
  color:#fff !important;
}
.subscribe-block__input{
  background:rgba(255,255,255,.04) !important;
  color:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:4px !important;
}
.subscribe-block__input::placeholder{color:rgba(255,255,255,.36);}

/* 14. Аналитика: editorial cards вместо «эксперт сказал» */
.analytics-card{
  background:rgba(255,255,255,.012) !important;
  border:1px solid rgba(255,255,255,.022) !important;
  transition:border-color .15s,transform .15s;
}
.analytics-card:hover{
  border-color:rgba(255,255,255,.06) !important;
  transform:translateY(-1px);
}
.analytics-card h3{font-size:15px !important;font-weight:500 !important;line-height:1.32;color:#fff;}
.analytics-card--lead h3{
  font-family:var(--font-editorial);
  font-size:21px !important;
  font-weight:500 !important;
  letter-spacing:-.022em;
  line-height:1.18;
  color:var(--paper);
}
.analytics-card p{color:rgba(255,255,255,.55);font-size:12px;line-height:1.6;}
.analytics-card small{color:rgba(255,255,255,.36);font-size:10px;text-transform:uppercase;letter-spacing:.14em;}
.analytics-img img{filter:saturate(.62) contrast(1.10) brightness(.72);}

/* 15. Календарь: editorial dates без зелёных квадратов */
.calendar-item{
  border-left:1px solid rgba(255,255,255,.025) !important;
  background:transparent !important;
  padding:14px 18px 12px !important;
}
.cal-date strong{
  font-family:var(--font-editorial) !important;
  font-size:36px !important;
  font-weight:400 !important;
  letter-spacing:-.04em;
  color:var(--paper);
}
.cal-date em{
  font-size:11px;
  font-style:normal !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,255,255,.42);
}

/* 16. Сервисы: убрать насыщенный зелёный с иконок */
.service-grid a{
  background:rgba(255,255,255,.012) !important;
  border-color:rgba(255,255,255,.022) !important;
}
.service-grid a:hover{
  background:rgba(93,202,165,.04) !important;
  border-color:rgba(93,202,165,.10) !important;
}
.service-grid i{color:#8fd9b8 !important;opacity:.65;}
.service-grid strong{font-weight:500 !important;font-size:13px;}

/* 17. Карты: атмосферность без насыщенного зелёного */
.russia-silhouette{
  background:linear-gradient(135deg,rgba(120,148,128,.42),rgba(85,110,95,.28)) !important;
  filter:drop-shadow(0 0 22px rgba(93,202,165,.10)) !important;
  opacity:.68 !important;
  -webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cpath d='M40,260 C70,210 100,200 130,215 C160,180 200,170 240,180 C265,150 300,140 340,150 C375,125 415,120 455,135 C490,110 535,100 580,115 C615,90 660,80 705,95 C740,75 790,70 840,90 C880,110 920,135 955,170 C975,200 980,235 970,265 C955,290 925,310 890,315 C870,335 845,350 815,355 C795,375 770,385 740,388 C710,402 670,408 625,402 C590,418 545,422 505,415 C470,425 425,425 385,418 C350,432 305,435 265,425 C235,432 205,430 180,420 C155,408 135,395 115,378 C95,360 78,340 65,318 C50,298 42,278 40,260 Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cpath d='M40,260 C70,210 100,200 130,215 C160,180 200,170 240,180 C265,150 300,140 340,150 C375,125 415,120 455,135 C490,110 535,100 580,115 C615,90 660,80 705,95 C740,75 790,70 840,90 C880,110 920,135 955,170 C975,200 980,235 970,265 C955,290 925,310 890,315 C870,335 845,350 815,355 C795,375 770,385 740,388 C710,402 670,408 625,402 C590,418 545,422 505,415 C470,425 425,425 385,418 C350,432 305,435 265,425 C235,432 205,430 180,420 C155,408 135,395 115,378 C95,360 78,340 65,318 C50,298 42,278 40,260 Z' fill='black'/%3E%3C/svg%3E") !important;
  -webkit-mask-size:100% 100% !important;
  mask-size:100% 100% !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  clip-path:none !important;
}
.map-dot{box-shadow:0 0 14px currentColor;border:1px solid rgba(255,255,255,.12) !important;}
.map-dot--normal{color:#7fc09a !important;background:#7fc09a !important;}
.map-dot--warn{color:#d59a44 !important;background:#d59a44 !important;}
.map-dot--danger{color:#cf5547 !important;background:#cf5547 !important;}

/* 18. Live label — тонкая, не кричащая */
.live-label{
  background:rgba(93,202,165,.08) !important;
  border:1px solid rgba(93,202,165,.14) !important;
  color:#a8e0c5 !important;
  font-size:8.5px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  padding:3px 7px !important;
}

/* 19. Footer — приглушённый, без насыщенного зелёного */
.footer-col__title{
  color:rgba(255,255,255,.78) !important;
  font-weight:600 !important;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-links a{color:rgba(255,255,255,.48) !important;font-size:12px;}
.footer-links a:hover{color:#8fd9b8 !important;}
.footer-mark{color:var(--paper);opacity:.92;}

/* 20. Логотип: чёткая иерархия названия и descriptor */
.logo-name{font-size:23px !important;}
.logo-sub{
  opacity:.55 !important;
  font-size:8.5px !important;
  letter-spacing:.20em !important;
}

/* =========================================================
   POLISH PASS v3 — структурные правки сетки
   ========================================================= */

/* 21. Сетка «Главное» — 4 колонки вместо 5 (карточки шире) */
.premium-news-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.premium-news-card--lead{
  grid-column:span 2 !important;
  grid-row:span 2 !important;
}
.premium-news-card:nth-child(2),
.premium-news-card:nth-child(3),
.premium-news-card:nth-child(4),
.premium-news-card:nth-child(5),
.premium-news-card:nth-child(6),
.premium-news-card:nth-child(7),
.premium-news-card:nth-child(8),
.premium-news-card:nth-child(9){
  grid-column:span 1 !important;
  grid-row:span 1 !important;
  min-height:auto !important;
}
.premium-news-card--lead h3{
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
}
.premium-news-grid .premium-news-imglink{aspect-ratio:3/2 !important;}
.premium-news-grid .premium-news-card--lead .premium-news-imglink{aspect-ratio:16/10 !important;}

/* 22. Категорийный бейдж — больше воздуха для длинных слов */
.cat-badge,.premium-badge{
  letter-spacing:.08em !important;
  font-size:9.5px !important;
  white-space:nowrap;
  padding:3px 8px !important;
}

/* 23. Скрыть блок «Международная повестка» — дублирует фильтр «Мир» в Главном */
.world-panel{display:none !important;}
.side-split{grid-template-columns:1fr !important;}

/* 24. ЭкоСервисы и ЭкоКалендарь — каждый на полную ширину, друг под другом */
.service-calendar-grid{
  grid-template-columns:1fr !important;
  gap:18px !important;
  margin-top:20px !important;
}
.service-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}
.service-grid a{
  min-height:130px !important;
  padding:18px !important;
}
.service-grid strong{font-size:14px !important;}
.service-grid span{font-size:11.5px !important;line-height:1.5 !important;}
.service-grid i{font-size:24px !important;}
.calendar-strip{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:0 !important;
}
.calendar-item{
  min-height:130px !important;
  padding:16px 20px 14px !important;
}
.calendar-item span:not(.cal-date){
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.85) !important;
}
.calendar-item small{
  font-size:10.5px !important;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,.40) !important;
}

/* 25. Боковая колонка под рейтинг — теперь полностью под рейтинг и ЧП */
.home-side-stack{gap:18px !important;}
.incident-panel{padding:22px !important;}

/* Адаптив: сетка 4 колонки на планшете → 2, на мобиле → 1 */
@media (max-width:1100px){
  .premium-news-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .premium-news-card--lead{grid-column:span 3 !important;grid-row:span 1 !important;}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .calendar-strip{grid-template-columns:repeat(3,minmax(0,1fr)) !important;row-gap:14px;}
}
@media (max-width:768px){
  .premium-news-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .premium-news-card--lead{grid-column:span 2 !important;}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .calendar-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:480px){
  .premium-news-grid{grid-template-columns:1fr !important;}
  .premium-news-card--lead{grid-column:span 1 !important;}
  .service-grid{grid-template-columns:1fr !important;}
  .calendar-strip{grid-template-columns:1fr !important;}
}

/* =========================================================
   POLISH PASS v4 — «Актуальное» + рубричные колонки
   ========================================================= */

/* 26. Убираем mini-tabs (заменены простой иерархией) */
.mini-tabs{display:none !important;}

/* 27. Сетка «Актуальное»: 5 карточек (1 лидер 2x2 + 4 одиночных) */
.premium-news-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,auto);
  gap:14px !important;
}
.premium-news-card--lead{grid-column:span 2 !important;grid-row:span 2 !important;}
.premium-news-card:nth-child(n+2){grid-column:span 1 !important;grid-row:span 1 !important;}

/* 28. Строки-заголовки под сеткой «Актуальное» */
.news-rows{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  list-style:none;
}
.news-row{
  display:grid;
  grid-template-columns:130px minmax(0,1fr) 110px;
  gap:18px;
  align-items:baseline;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.022);
  transition:background .15s;
}
.news-row:last-child{border-bottom:0;}
.news-row:hover{background:rgba(255,255,255,.012);}
.news-row__cat{
  font-size:9px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.10em;
  color:rgba(255,255,255,.50);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.news-row__cat:hover{color:#8fd9b8;}
.news-row__title{
  font-family:Inter,sans-serif;
  font-size:13.5px;
  line-height:1.4;
  color:rgba(255,255,255,.88);
  font-weight:500;
  letter-spacing:0;
}
.news-row__title:hover{color:#fff;}
.news-row__time{
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,.36);
  font-variant-numeric:tabular-nums;
  text-align:right;
  white-space:nowrap;
}

/* Подзаголовок только у лидера в Актуальном */
.premium-news-card--lead .premium-news-excerpt{
  font-family:Inter,sans-serif;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(255,255,255,.62);
  margin:6px 0 4px;
  font-weight:400;
  max-width:540px;
}
.premium-news-card:not(.premium-news-card--lead) .premium-news-excerpt{display:none;}

/* 29. Три рубричные колонки */
.topic-columns-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}
.topic-column{padding:22px;}
.topic-lead{
  display:block;
  margin-bottom:16px;
  text-decoration:none;
  color:inherit;
  transition:transform .15s;
}
.topic-lead:hover{transform:translateY(-1px);}
.topic-lead__img{
  display:block;
  aspect-ratio:16/10;
  background:rgba(255,255,255,.02);
  border-radius:6px;
  overflow:hidden;
  margin-bottom:14px;
}
.topic-lead__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.10) brightness(.74);
}
.topic-lead__title{
  display:block;
  font-family:var(--font-editorial);
  font-size:19px;
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.022em;
  color:var(--paper);
  margin-bottom:8px;
}
.topic-lead:hover .topic-lead__title{color:#fff;}
.topic-lead__time{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,255,255,.42);
  font-variant-numeric:tabular-nums;
}
.topic-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  border-top:1px solid rgba(255,255,255,.04);
  padding-top:8px;
}
.topic-list li{
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.025);
  display:flex;
  flex-direction:column;
  gap:5px;
}
.topic-list li:last-child{border-bottom:0;}
.topic-list a{
  font-family:var(--font-editorial);
  font-size:14px;
  line-height:1.38;
  color:rgba(255,255,255,.88);
  font-weight:500;
  letter-spacing:-.01em;
}
.topic-list a:hover{color:#fff;}
.topic-list time{
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,255,255,.38);
  font-variant-numeric:tabular-nums;
}

/* Адаптив для рубричных колонок */
@media (max-width:1100px){
  .topic-columns-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .topic-columns-grid .topic-column:nth-child(3){grid-column:span 2;}
  .news-row{grid-template-columns:120px minmax(0,1fr) 110px;}
}
@media (max-width:768px){
  .topic-columns-grid{grid-template-columns:1fr;}
  .topic-columns-grid .topic-column:nth-child(3){grid-column:span 1;}
  .news-row{grid-template-columns:1fr;gap:6px;padding:14px 0;}
  .news-row__time{text-align:left;}
}


/* =========================================================
   POLISH PASS v5 — боковая колонка: ЧП/ЧС + Право
   ========================================================= */

/* 30. side-split возвращается в две строки: ЧП сверху, Право снизу */
.side-split{
  grid-template-columns:1fr !important;
  gap:18px !important;
}

/* 31. Цветовые акценты для двух блоков — тонкая полоска слева,
   реализованная через ::before, чтобы не съедать padding контента. */
.premium-panel--accent-red,
.premium-panel--accent-mint{
  position:relative;
}
.premium-panel--accent-red::before,
.premium-panel--accent-mint::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:2px;
  border-radius:2px;
  pointer-events:none;
}
.premium-panel--accent-red::before{
  background:rgba(207,85,71,.55);
  box-shadow:0 0 14px rgba(207,85,71,.18);
}
.premium-panel--accent-mint::before{
  background:rgba(93,202,165,.50);
  box-shadow:0 0 14px rgba(93,202,165,.18);
}

/* 32. Заголовок ЧП/ЧС — точка-маркер слева. Сдвинута внутрь так,
   чтобы не налезать на полоску ::before. */
.incident-panel .section-title,
.dejure-panel .section-title{
  position:relative;
  padding-left:18px;
}
.incident-panel .section-title::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:#cf5547;
  box-shadow:0 0 10px rgba(207,85,71,.55);
}

/* 33. Заголовок Право — мятный маркер. */
.dejure-panel .section-title::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:#5dcaa5;
  box-shadow:0 0 10px rgba(93,202,165,.45);
}

/* 34. thin-list одинаковый в обоих блоках, чтобы единая визуальная ритмика.
   Сдвигаем весь список на 8px вправо — чтобы даты не упирались в полоску.
   В Праве дата текстовая, ей нужен чуть больший слот колонки. */
.incident-panel .thin-list,
.dejure-panel .thin-list{
  padding-left:8px;
}
.dejure-panel .thin-list a{
  grid-template-columns:54px minmax(0,1fr) !important;
}
.dejure-panel .thin-list time{
  text-transform:uppercase;
  letter-spacing:.10em;
  font-size:10px;
  color:rgba(143,217,184,.55);
  white-space:nowrap;
}

/* 35. Время ЧП/ЧС — мягкий красноватый цвет вместо общего мятного */
.incident-panel .thin-list time{
  color:rgba(232,160,150,.62);
  font-variant-numeric:tabular-nums;
}

/* На узких экранах оба блока в одну колонку — already 1fr */

/* =========================================================
   POLISH PASS v6 — Аналитика и мнения (новая структура)
   ========================================================= */

/* 36. Сетка asymmetric: лидер слева 1×2, два средних справа */
.analytics-v2 .section-head{
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  padding-bottom:18px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.analytics-v2 .section-title{
  font-size:28px !important;
  letter-spacing:-.025em !important;
  font-weight:500 !important;
}
.analytics-v2 .section-note{
  font-size:12px !important;
  color:rgba(255,255,255,.48) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
  flex:1;
  min-width:0;
}

.analytics-grid--asymmetric{
  display:grid !important;
  grid-template-columns:1.42fr 1fr !important;
  grid-template-rows:1fr 1fr;
  gap:22px !important;
}

/* 37. Базовая карточка аналитики — переделка */
.analytics-grid--asymmetric .analytics-card{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  border-radius:6px;
  overflow:hidden;
  transition:transform .2s;
}
.analytics-grid--asymmetric .analytics-card:hover{transform:translateY(-2px);}
.analytics-grid--asymmetric .analytics-img{
  display:block;
  background:rgba(255,255,255,.02);
  overflow:hidden;
  border-radius:6px;
}
.analytics-grid--asymmetric .analytics-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.06) brightness(.82);
  transition:filter .25s, transform .35s;
}
.analytics-grid--asymmetric .analytics-card:hover .analytics-img img{
  filter:saturate(.95) contrast(1.10) brightness(.92);
  transform:scale(1.015);
}

/* 38. Лидер — слева, 2 ряда, фото сверху, текст снизу */
.analytics-grid--asymmetric .analytics-card--lead{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}
.analytics-grid--asymmetric .analytics-card--lead .analytics-img{
  aspect-ratio:4/3;
  margin-bottom:22px;
}
.analytics-grid--asymmetric .analytics-card--lead .analytics-body{
  display:flex;
  flex-direction:column;
  padding:0 4px;
}
.analytics-grid--asymmetric .analytics-card--lead h3{
  font-family:var(--font-editorial) !important;
  font-size:30px !important;
  line-height:1.1 !important;
  font-weight:400 !important;
  letter-spacing:-.025em !important;
  margin:14px 0 14px !important;
  color:#f4efe6 !important;
}
.analytics-grid--asymmetric .analytics-card--lead h3 a{color:inherit;}
.analytics-grid--asymmetric .analytics-card--lead h3 a:hover{color:#fff;}
.analytics-grid--asymmetric .analytics-card--lead p{
  font-size:14px !important;
  line-height:1.65 !important;
  color:rgba(255,255,255,.6) !important;
  margin:0 0 16px !important;
  max-width:560px;
}
.analytics-grid--asymmetric .analytics-card--lead small{
  font-size:10.5px !important;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:rgba(255,255,255,.42) !important;
  font-variant-numeric:tabular-nums;
}

/* 39. Средние карточки — справа, горизонтальная композиция: фото + текст рядом */
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead){
  grid-column:2 !important;
  display:grid !important;
  grid-template-columns:240px 1fr;
  gap:22px;
  align-items:start;
}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) .analytics-img{
  aspect-ratio:4/3;
  height:auto;
  align-self:stretch;
}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) .analytics-body{
  display:flex;
  flex-direction:column;
  padding:4px 0;
  min-width:0;
}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) h3{
  font-family:var(--font-editorial) !important;
  font-size:19px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  letter-spacing:-.022em !important;
  margin:10px 0 10px !important;
  color:#f4efe6 !important;
}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) h3 a{color:inherit;}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) p{
  font-size:12.5px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.55) !important;
  margin:0 0 12px !important;
}
.analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) small{
  font-size:9.5px !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(255,255,255,.4) !important;
  font-variant-numeric:tabular-nums;
  margin-top:auto;
}

/* 40. Плашки рубрик — нейтрально-приглушённые, без агрессивных цветов */
.analytics-grid--asymmetric .cat-badge.analytics-cat{
  display:inline-block;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.04) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:9px !important;
  font-weight:600 !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:4px 10px !important;
  border-radius:3px !important;
  align-self:flex-start;
}
.analytics-grid--asymmetric .analytics-cat--author{
  background:rgba(212,168,120,.10) !important;
  border-color:rgba(212,168,120,.18) !important;
  color:#e8c89a !important;
}
.analytics-grid--asymmetric .analytics-cat--view{
  background:rgba(143,217,184,.08) !important;
  border-color:rgba(143,217,184,.16) !important;
  color:#a5dec3 !important;
}

/* 41. Адаптив */
@media (max-width:1100px){
  .analytics-grid--asymmetric{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .analytics-grid--asymmetric .analytics-card--lead,
  .analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead){
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead){
    grid-template-columns:200px 1fr;
  }
}
@media (max-width:640px){
  .analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead){
    display:flex !important;
    flex-direction:column;
    gap:14px;
  }
  .analytics-grid--asymmetric .analytics-card:not(.analytics-card--lead) .analytics-img{
    aspect-ratio:16/9;
  }
  .analytics-grid--asymmetric .analytics-card--lead h3{font-size:24px !important;}
}

/* =========================================================
   OPINION SHOWCASE — mockup exact pass
   Левый hero: текст поверх затемнения. Правые карточки: фон + текст.
   ЭкоСервисы встроены нижней полосой внутри общего блока.
   ========================================================= */
.opinion-showcase{
  margin-top:20px;
  padding:30px 30px 28px !important;
  border-radius:8px !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(93,202,165,.055), transparent 28%),
    radial-gradient(circle at 86% 28%, rgba(90,156,203,.045), transparent 28%),
    linear-gradient(180deg, rgba(9,24,34,.82), rgba(6,16,24,.88)) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.018) !important;
  overflow:hidden;
}
.opinion-showcase__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}
.opinion-showcase__title{
  font-size:36px !important;
  line-height:1.05 !important;
  font-weight:500 !important;
  letter-spacing:-.035em !important;
}
.opinion-showcase__subtitle{
  margin-top:10px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.opinion-showcase__more{
  margin-left:0 !important;
  padding-top:8px;
  font-size:13px !important;
  color:#8fd9b8 !important;
}
.opinion-showcase__grid{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(430px,.98fr);
  gap:18px;
  align-items:stretch;
}
.opinion-card-link{
  position:absolute;
  inset:0;
  z-index:5;
}
.opinion-hero-card,
.opinion-side-card{
  position:relative;
  overflow:hidden;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.06);
  background:#061018;
  box-shadow:0 18px 50px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.018);
}
.opinion-hero-card{
  min-height:520px;
}
.opinion-hero-card__img,
.opinion-side-card__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.08) brightness(.78);
  transform:scale(1.001);
}
.opinion-hero-card__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(3,9,14,.96) 0%, rgba(4,11,17,.86) 32%, rgba(4,11,17,.42) 54%, rgba(4,11,17,.08) 100%),
    linear-gradient(180deg, rgba(4,12,18,.08) 0%, rgba(4,12,18,.28) 56%, rgba(4,12,18,.82) 100%);
}
.opinion-hero-card__content{
  position:relative;
  z-index:2;
  width:45%;
  min-width:360px;
  padding:28px 28px 86px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.opinion-label{
  display:inline-flex;
  margin-bottom:18px;
  color:#79d7a5;
  font-size:11px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.opinion-hero-card h3,
.opinion-side-card h3{
  font-family:var(--font-editorial);
  color:var(--paper);
  font-weight:500;
  letter-spacing:-.03em;
}
.opinion-hero-card h3{
  font-size:38px;
  line-height:1.10;
  max-width:410px;
}
.opinion-green-line{
  display:block;
  width:54px;
  height:2px;
  margin:24px 0 22px;
  background:#8bd56d;
  box-shadow:0 0 18px rgba(139,213,109,.20);
}
.opinion-hero-card p{
  max-width:380px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.65;
}
.opinion-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  color:rgba(255,255,255,.50);
  font-size:10.5px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.opinion-read-btn{
  position:relative;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  min-height:40px;
  padding:0 18px;
  border:1px solid rgba(143,217,184,.35);
  border-radius:5px;
  color:#fff;
  background:rgba(4,12,18,.22);
  font-size:12px;
  font-weight:600;
}
.opinion-slider-dots{
  position:absolute;
  z-index:6;
  left:28px;
  bottom:30px;
  display:flex;
  align-items:center;
  gap:16px;
  color:#fff;
  font-size:18px;
}
.opinion-slider-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.36);
}
.opinion-slider-dots i.active{
  background:#8bd56d;
  box-shadow:0 0 16px rgba(139,213,109,.32);
}
.opinion-side-stack{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:14px;
  min-height:520px;
}
.opinion-side-card{
  min-height:253px;
}
.opinion-side-card__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(5,15,22,.96) 0%, rgba(5,15,22,.84) 42%, rgba(5,15,22,.50) 64%, rgba(5,15,22,.20) 100%),
    linear-gradient(180deg, rgba(5,15,22,.22), rgba(5,15,22,.82));
}
.opinion-side-card__content{
  position:relative;
  z-index:2;
  width:63%;
  padding:28px 30px 26px;
  min-height:253px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.opinion-side-card h3{
  max-width:360px;
  font-size:24px;
  line-height:1.16;
}
.opinion-side-card p{
  margin-top:14px;
  max-width:350px;
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.55;
}
.opinion-side-card .opinion-meta{
  margin-top:auto;
  padding-top:18px;
}
.opinion-author-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
  color:#fff;
}
.opinion-author-avatar,
.opinion-author-avatar img{
  width:42px;
  height:42px;
  border-radius:50%;
  overflow:hidden;
  flex:0 0 42px;
}
.opinion-author-row b{
  display:block;
  color:#8fd9b8;
  font-size:12px;
  line-height:1.2;
}
.opinion-author-row em{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.25;
  font-style:normal;
}
.opinion-arrow{
  position:absolute;
  z-index:6;
  right:12px;
  bottom:12px;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(143,217,184,.34);
  border-radius:5px;
  color:#8fd9b8;
  background:rgba(4,12,18,.25);
  font-size:22px;
}
.opinion-services{
  margin-top:28px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.055);
}
.opinion-services__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.opinion-services__head .section-title{
  font-size:25px !important;
}
.opinion-service-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.045);
}
.opinion-service-grid a{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  min-height:96px;
  padding:18px 22px 16px 0;
  border-right:1px solid rgba(255,255,255,.065);
  color:inherit;
}
.opinion-service-grid a:not(:first-child){padding-left:22px;}
.opinion-service-grid a:last-child{border-right:0;}
.opinion-service-grid i{
  color:#83ca98;
  font-style:normal;
  font-size:36px;
  line-height:1;
  opacity:.78;
}
.opinion-service-grid strong{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.25;
  font-weight:600;
}
.opinion-service-grid em{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.60);
  font-size:11.5px;
  line-height:1.45;
  font-style:normal;
}
.opinion-service-grid b{
  position:absolute;
  left:0;
  bottom:14px;
  color:#8fd9b8;
  font-weight:400;
}
.opinion-service-grid a:not(:first-child) b{left:22px;}
.service-calendar-grid--calendar-only{
  grid-template-columns:1fr !important;
}
.service-calendar-grid--calendar-only .calendar-panel{
  width:100%;
}
@media (max-width:1100px){
  .opinion-showcase__grid{grid-template-columns:1fr;}
  .opinion-side-stack{min-height:0;}
  .opinion-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .opinion-service-grid a{border-right:0;border-bottom:1px solid rgba(255,255,255,.055);padding-left:0 !important;}
  .opinion-service-grid a:not(:first-child) b{left:0;}
}
@media (max-width:768px){
  .opinion-showcase{padding:22px 18px !important;}
  .opinion-showcase__head{display:block;}
  .opinion-showcase__title{font-size:30px !important;}
  .opinion-hero-card{min-height:560px;}
  .opinion-hero-card__content{width:100%;min-width:0;padding:24px 24px 88px;}
  .opinion-hero-card h3{font-size:32px;}
  .opinion-hero-card__shade{background:linear-gradient(90deg, rgba(3,9,14,.94), rgba(3,9,14,.68)),linear-gradient(180deg, rgba(3,9,14,.15), rgba(3,9,14,.86));}
  .opinion-side-card__content{width:100%;}
  .opinion-side-card__shade{background:linear-gradient(90deg, rgba(5,15,22,.96), rgba(5,15,22,.68)),linear-gradient(180deg, rgba(5,15,22,.15), rgba(5,15,22,.82));}
  .opinion-service-grid{grid-template-columns:1fr;}
}

/* =========================================================
   OPINION SHOWCASE — FINAL MOCKUP FIX
   Текст НЕ на лице: лицо уходит вправо, слева читаемая тёмная зона.
   ========================================================= */

.opinion-showcase{
  margin-top:20px !important;
  padding:34px 38px 28px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 8%, rgba(93,202,165,.050), transparent 28%),
    radial-gradient(circle at 12% 32%, rgba(90,156,203,.035), transparent 30%),
    linear-gradient(180deg, rgba(9,24,34,.86), rgba(6,17,25,.92)) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  border-radius:12px !important;
}

.opinion-showcase__head{
  margin-bottom:30px !important;
  align-items:flex-start !important;
}
.opinion-showcase__title{
  font-size:38px !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}
.opinion-showcase__subtitle{
  margin-top:8px !important;
  color:rgba(255,255,255,.76) !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
.opinion-showcase__more{
  padding-top:10px;
  color:#92d6ad !important;
  font-size:13px !important;
}

.opinion-showcase__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.42fr) minmax(390px,1fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

.opinion-hero-card,
.opinion-side-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:8px !important;
  background:#06111a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018), 0 20px 48px rgba(0,0,0,.18) !important;
}

.opinion-hero-card{
  min-height:585px !important;
  aspect-ratio:16/10.4;
}

.opinion-hero-card__img,
.opinion-side-card__img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:0 !important;
}

/* Главное: лицо не под текстом. Изображение сдвигаем вправо. */
.opinion-hero-card__img{
  object-position:68% 50% !important;
  filter:saturate(.66) contrast(1.08) brightness(.78) !important;
}

.opinion-hero-card__shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,10,15,.98) 0%,
      rgba(3,10,15,.94) 27%,
      rgba(3,10,15,.74) 42%,
      rgba(3,10,15,.36) 57%,
      rgba(3,10,15,.08) 74%,
      rgba(3,10,15,.02) 100%),
    linear-gradient(180deg,
      rgba(3,10,15,.18) 0%,
      rgba(3,10,15,.08) 42%,
      rgba(3,10,15,.82) 100%) !important;
}

.opinion-hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 52% 43%, rgba(255,255,255,.08), transparent 29%),
    radial-gradient(ellipse at 17% 58%, rgba(0,0,0,.55), transparent 42%);
  mix-blend-mode:normal;
}

.opinion-card-link{z-index:5 !important;}

.opinion-hero-card__content{
  position:relative !important;
  z-index:4 !important;
  width:45% !important;
  min-width:390px !important;
  height:100% !important;
  padding:38px 34px 94px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

.opinion-label{
  margin-bottom:18px !important;
  color:#7fe0aa !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}

.opinion-hero-card h3{
  max-width:355px !important;
  font-size:36px !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  color:#fff7ed !important;
  text-shadow:0 3px 18px rgba(0,0,0,.55) !important;
}

.opinion-green-line{
  width:54px !important;
  height:2px !important;
  margin:24px 0 22px !important;
  background:#8bd56d !important;
}

.opinion-hero-card p{
  max-width:360px !important;
  color:rgba(255,255,255,.76) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}

.opinion-meta{
  margin-top:24px !important;
  color:rgba(255,255,255,.58) !important;
  font-size:10.5px !important;
  letter-spacing:.15em !important;
}

.opinion-read-btn{
  margin-top:28px !important;
  min-height:40px !important;
  padding:0 18px !important;
  border-color:rgba(143,217,184,.38) !important;
  background:rgba(4,12,18,.34) !important;
  color:#fff !important;
}

.opinion-slider-dots{
  left:34px !important;
  bottom:31px !important;
  z-index:6 !important;
}

.opinion-side-stack{
  min-height:585px !important;
  gap:14px !important;
}
.opinion-side-card{
  min-height:285px !important;
}
.opinion-side-card__img{
  object-position:78% center !important;
  filter:saturate(.66) contrast(1.08) brightness(.70) !important;
}
.opinion-side-card__shade{
  background:
    linear-gradient(90deg,
      rgba(5,15,22,.98) 0%,
      rgba(5,15,22,.91) 43%,
      rgba(5,15,22,.58) 66%,
      rgba(5,15,22,.18) 100%),
    linear-gradient(180deg, rgba(5,15,22,.18), rgba(5,15,22,.78)) !important;
}
.opinion-side-card__content{
  width:58% !important;
  min-height:285px !important;
  padding:28px 26px 24px !important;
  z-index:4 !important;
}
.opinion-side-card h3{
  max-width:315px !important;
  font-size:24px !important;
  line-height:1.16 !important;
  color:#fff7ed !important;
}
.opinion-side-card p{
  max-width:310px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
.opinion-author-row{margin-top:18px !important;}
.opinion-arrow{
  right:12px !important;
  bottom:12px !important;
  z-index:6 !important;
}

.opinion-services{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}
.opinion-services__head{margin-bottom:14px !important;}
.opinion-service-grid{
  border-top:1px solid rgba(255,255,255,.055) !important;
}
.opinion-service-grid a{
  min-height:104px !important;
  padding-top:19px !important;
  padding-bottom:18px !important;
}

@media (max-width:1200px){
  .opinion-showcase__grid{grid-template-columns:1fr !important;}
  .opinion-side-stack{min-height:0 !important;}
  .opinion-side-card{min-height:260px !important;}
}

@media (max-width:768px){
  .opinion-showcase{padding:24px 18px 22px !important;}
  .opinion-showcase__title{font-size:31px !important;}
  .opinion-showcase__subtitle{font-size:13px !important;}
  .opinion-hero-card{min-height:590px !important;aspect-ratio:auto !important;}
  .opinion-hero-card__img{object-position:72% center !important;}
  .opinion-hero-card__shade{
    background:
      linear-gradient(90deg, rgba(3,10,15,.98) 0%, rgba(3,10,15,.90) 52%, rgba(3,10,15,.42) 100%),
      linear-gradient(180deg, rgba(3,10,15,.08), rgba(3,10,15,.88)) !important;
  }
  .opinion-hero-card__content{
    width:100% !important;
    min-width:0 !important;
    padding:28px 24px 90px !important;
  }
  .opinion-hero-card h3{max-width:330px !important;font-size:32px !important;}
  .opinion-hero-card p{max-width:320px !important;}
  .opinion-side-card__content{width:70% !important;}
  .opinion-service-grid{grid-template-columns:1fr !important;}
}

@media (max-width:520px){
  .opinion-hero-card h3{font-size:29px !important;}
  .opinion-side-card__content{width:100% !important;}
  .opinion-side-card__shade{background:linear-gradient(90deg,rgba(5,15,22,.96),rgba(5,15,22,.72)),linear-gradient(180deg,rgba(5,15,22,.15),rgba(5,15,22,.86)) !important;}
}



/* HYDRO MONITOR */



.hydro-monitor-box{

    margin-top:24px;

    padding:20px;

    border-radius:20px;

    background:#0f1720;

    color:#fff;

}



.hydro-monitor-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:18px;

}



.hydro-monitor-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));

    gap:14px;

}



.hydro-item{

    border-radius:14px;

    padding:14px;

    background:#18222d;

    border:1px solid rgba(255,255,255,0.08);

}



.hydro-region{

    font-size:15px;

    font-weight:600;

    margin-bottom:8px;

}



.hydro-status{

    font-size:13px;

    opacity:.9;

    margin-bottom:6px;

}



.hydro-score{

    font-size:28px;

    font-weight:700;

}



.hydro-normal{

    border-left:4px solid #2ecc71;

}



.hydro-warn{

    border-left:4px solid #f1c40f;

}



.hydro-risk{

    border-left:4px solid #ff7b00;

}



.hydro-danger{

    border-left:4px solid #ff3b30;

}




.hydro-subtitle{

  grid-column:1/-1;

  margin:22px 0 12px;

  font-size:18px;

  font-weight:800;

  color:#fff;

}



.hydro-posts-grid{

  display:grid;

  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

  gap:14px;

  margin-bottom:18px;

}



.hydro-post-card{

  background:rgba(255,255,255,.06);

  border:1px solid rgba(255,255,255,.12);

  border-radius:18px;

  padding:18px;

  color:#fff;

}



.hydro-post-region{

  font-size:13px;

  opacity:.75;

  margin-bottom:6px;

}



.hydro-post-name{

  font-size:16px;

  font-weight:800;

  margin-bottom:12px;

}



.hydro-post-level{

  font-size:34px;

  font-weight:900;

  line-height:1;

  margin-bottom:10px;

}



.hydro-post-meta{

  font-size:13px;

  opacity:.78;

  margin-bottom:12px;

}



.hydro-post-status{

  display:inline-flex;

  padding:5px 10px;

  border-radius:999px;

  background:rgba(255,255,255,.1);

  font-size:12px;

  font-weight:700;

}




/* NIA main logo image */

.nia-main-logo{

  height:54px;

  width:auto;

  display:block;

}



.site-logo{

  text-decoration:none;

}



@media(max-width:768px){

  .nia-main-logo{

    height:42px;

  }

}






/* ===== SOFT DARK PALETTE / NIA ECOLOGY ===== */



:root{

  --bg:#101820;

  --bg-2:#13202A;

  --surface:#16242F;

  --surface-hover:#1B2C38;



  --paper:#E4EBF0;

  --text:#B8C4CC;

  --text-s:#7F909D;

  --text-t:#6F7F8A;



  --green:#6FAE63;

  --green-text:#84C878;

  --green-border:rgba(111,174,99,.28);

  --border:rgba(255,255,255,.05);



  --soft-glow:rgba(111,174,99,.18);

}



body{

  background:

    radial-gradient(circle at 20% 0%, rgba(111,174,99,.08), transparent 34%),

    linear-gradient(180deg, #101820 0%, #0F171F 100%) !important;

  color:var(--text) !important;

}



.top-bar,

.site-header,

.site-nav,

.breaking-bar,

.site-footer{

  background:rgba(16,24,32,.86) !important;

  border-color:var(--border) !important;

  box-shadow:none !important;

  backdrop-filter:blur(14px);

}



.premium-hero-card,

.premium-news-card,

.monitor-card,

.analytics-card,

.side-card,

.service-card,

.opinion-card,

.rating-card,

.eco-monitor,

.subscribe-wrap,

.map-card,

.calendar-card,

.feed-card,

.page-card,

.card{

  background:

    linear-gradient(180deg, rgba(22,36,47,.96), rgba(19,32,42,.94)) !important;

  border:1px solid var(--border) !important;

  box-shadow:0 18px 46px rgba(0,0,0,.18) !important;

}



.premium-news-card:hover,

.service-card:hover,

.analytics-card:hover,

.side-card:hover,

.opinion-card:hover,

.monitor-card:hover{

  background:

    linear-gradient(180deg, rgba(27,44,56,.98), rgba(22,36,47,.96)) !important;

  box-shadow:0 20px 52px rgba(0,0,0,.22), 0 0 0 1px rgba(111,174,99,.08) !important;

}



h1,h2,h3,h4,

.section-title,

.premium-hero-title,

.feed-title,

.opinions-title,

.monitor-title,

.eco-monitor__title,

.page-head__title,

.logo-name,

.footer-logo__name{

  color:var(--paper) !important;

}



p,

li,

.news-excerpt,

.card-excerpt,

.feed-excerpt,

.monitor-sub,

.section-note{

  color:var(--text) !important;

}



.meta,

.news-meta,

.card-meta,

.logo-sub,

.footer-logo__sub,

.footer-col__title,

.top-bar,

.top-bar a{

  color:var(--text-s) !important;

}



a{

  color:inherit;

}



.nav-menu a:hover,

.site-nav a:hover,

.top-bar a:hover,

.footer-links a:hover{

  color:var(--green-text) !important;

}



.btn-subscribe,

.subscribe-block__btn,

button,

.button{

  background:rgba(111,174,99,.14) !important;

  border-color:var(--green-border) !important;

  color:#DCEEE6 !important;

  box-shadow:0 0 0 0 rgba(111,174,99,0) !important;

}



.btn-subscribe:hover,

.subscribe-block__btn:hover,

button:hover,

.button:hover{

  background:rgba(111,174,99,.22) !important;

  box-shadow:0 0 24px var(--soft-glow) !important;

}






/* ===== HERO / MONITOR REBALANCE ===== */



.premium-hero-grid{

  grid-template-columns:minmax(0,1.02fr) minmax(560px,1fr)!important;

  gap:22px!important;

}



.monitor-card{

  min-height:470px!important;

  padding:28px!important;



  background:

    radial-gradient(circle at 72% 52%, rgba(111,174,99,.08), transparent 36%),

    linear-gradient(180deg, rgba(16,32,44,.82), rgba(8,20,30,.88))!important;



  border:1px solid rgba(255,255,255,.05)!important;



  box-shadow:

    0 28px 80px rgba(0,0,0,.24),

    inset 0 1px 0 rgba(255,255,255,.03)!important;

}



.monitor-title{

  font-size:32px!important;

  letter-spacing:-.045em!important;

}



.monitor-region{

  margin:2px 0 18px!important;

  font-size:12px!important;

}



.monitor-metrics{

  gap:14px!important;

}



.metric{

  min-height:132px!important;

  padding:16px!important;

  border-radius:14px!important;



  background:

    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012))!important;



  border:1px solid rgba(255,255,255,.05)!important;

}



.metric strong{

  font-size:28px!important;

}



.monitor-map{

  margin-top:8px!important;

  min-height:160px!important;

}



.map-dot{

  width:10px!important;

  height:10px!important;

}



.map-legend{

  margin-top:8px!important;

}



.monitor-btn{

  margin-top:18px!important;

  padding:12px 18px!important;

}



@media(max-width:1100px){



  .premium-hero-grid{

    grid-template-columns:1fr!important;

  }



}






/* ===== MAIN NEWS EDITORIAL RESTRUCTURE ===== */



.home-main-grid{

  grid-template-columns:minmax(0,1.45fr) minmax(340px,.62fr)!important;

  gap:22px!important;

  align-items:start!important;

}



.main-news-panel{

  padding:24px!important;

}



.premium-news-grid{

  display:grid!important;

  grid-template-columns:1.25fr 1fr 1fr!important;

  gap:14px!important;

}



.premium-news-card--lead{

  grid-column:span 1!important;

  grid-row:span 2!important;

}



.premium-news-card--lead .premium-news-imglink{

  aspect-ratio:16/11!important;

}



.premium-news-card--lead h3{

  font-size:30px!important;

  line-height:1.08!important;

  letter-spacing:-.045em!important;

}



.premium-news-card:not(.premium-news-card--lead) .premium-news-imglink{

  aspect-ratio:16/10!important;

}



.premium-news-card:not(.premium-news-card--lead) h3{

  font-size:14px!important;

  line-height:1.35!important;

}



.news-rows{

  margin-top:18px!important;

  display:grid!important;

  grid-template-columns:1fr 1fr!important;

  gap:0 18px!important;

}



.news-row{

  border-top:1px solid rgba(255,255,255,.055)!important;

  padding:12px 0!important;

}



.news-row__title{

  font-size:14px!important;

  line-height:1.42!important;

}



.home-side-stack{

  gap:18px!important;

}



.rating-panel{

  min-height:auto!important;

}



.side-split{

  grid-template-columns:1fr!important;

  gap:18px!important;

}



@media(max-width:1100px){

  .home-main-grid,

  .premium-news-grid,

  .news-rows{

    grid-template-columns:1fr!important;

  }

}






/* ===== DARK EDITORIAL HERO RESTORE ===== */



.premium-hero-wrap{

  background:

    radial-gradient(circle at 20% 0%, rgba(111,174,99,.06), transparent 34%),

    linear-gradient(180deg,#081018 0%,#0B141C 100%)!important;



  padding:26px 0 18px!important;



  border-bottom:1px solid rgba(255,255,255,.04)!important;

}



.ticker-line-wrap{

  background:#081018!important;

  border-top:1px solid rgba(255,255,255,.04)!important;

  border-bottom:1px solid rgba(255,255,255,.04)!important;

}



.ticker-line{

  background:rgba(255,255,255,.02)!important;

}



.premium-hero-card{

  background:#071018!important;



  border:1px solid rgba(255,255,255,.05)!important;



  box-shadow:

    0 32px 90px rgba(0,0,0,.34)!important;

}



.premium-hero-img{

  filter:

    saturate(.72)

    contrast(1.18)

    brightness(.60)!important;

}



.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(0,0,0,.86) 0%,

      rgba(0,0,0,.46) 52%,

      rgba(0,0,0,.12) 100%

    ),

    linear-gradient(

      180deg,

      rgba(0,0,0,.04) 0%,

      rgba(0,0,0,.88) 100%

    )!important;

}



.premium-hero-title{

  color:#F3F7F5!important;



  text-shadow:

    0 6px 34px rgba(0,0,0,.62)!important;

}



.premium-hero-excerpt{

  color:rgba(255,255,255,.72)!important;

}



.premium-meta{

  color:rgba(255,255,255,.48)!important;

}



/* monitor panel */



.monitor-card{

  background:

    radial-gradient(circle at 74% 56%, rgba(111,174,99,.08), transparent 36%),

    linear-gradient(

      180deg,

      rgba(12,24,34,.88),

      rgba(6,16,24,.92)

    )!important;



  border:1px solid rgba(255,255,255,.05)!important;



  box-shadow:

    0 30px 90px rgba(0,0,0,.30)!important;

}



.monitor-title{

  color:#F3F7F5!important;

}



.monitor-region,

.section-note,

.map-legend{

  color:rgba(255,255,255,.55)!important;

}



.metric{

  background:

    linear-gradient(

      180deg,

      rgba(255,255,255,.04),

      rgba(255,255,255,.015)

    )!important;



  border:1px solid rgba(255,255,255,.05)!important;

}



.metric strong{

  color:#fff!important;

}



.metric em{

  color:rgba(255,255,255,.54)!important;

}



/* body below hero becomes lighter */



.home-main-grid,

.topic-columns-grid,

.opinion-showcase,

.service-calendar-grid,

.subscribe-wrap{

  position:relative;

  z-index:2;

}



.site-main{

  background:

    linear-gradient(

      180deg,

      #EEF2F0 0%,

      #F5F7F6 100%

    )!important;

}



/* white editorial cards */



.main-news-panel,

.rating-panel,

.incident-panel,

.dejure-panel,

.topic-column,

.opinion-showcase,

.calendar-panel{

  background:#FFFFFF!important;



  border:1px solid rgba(15,23,42,.06)!important;



  box-shadow:

    0 8px 24px rgba(15,23,42,.04)!important;

}



.main-news-panel h2,

.rating-panel h2,

.incident-panel h2,

.dejure-panel h2,

.topic-column h2,

.opinion-showcase h2{

  color:#0F172A!important;

}



.news-row__title,

.topic-list a,

.thin-list span{

  color:#334155!important;

}






/* ===== HEADER SOFTEN ===== */



.top-bar{

  background:

    linear-gradient(

      180deg,

      rgba(12,22,30,.88),

      rgba(10,18,26,.84)

    )!important;

}



.site-header{

  background:

    linear-gradient(

      180deg,

      rgba(14,24,34,.82),

      rgba(11,20,29,.78)

    )!important;



  backdrop-filter:blur(14px)!important;

}



.site-nav{

  background:

    linear-gradient(

      180deg,

      rgba(10,18,26,.92),

      rgba(8,14,20,.94)

    )!important;



  border-top:1px solid rgba(255,255,255,.03)!important;

}



.nav-menu a{

  color:rgba(255,255,255,.72)!important;

}



.nav-menu a:hover,

.nav-menu .current-menu-item a{

  color:#DCEEE6!important;

}



.site-header,

.site-nav,

.top-bar{

  border-color:rgba(255,255,255,.035)!important;

}






/* ===== EDITORIAL BODY DEPTH ===== */



.site-main{

  background:

    linear-gradient(

      180deg,

      #EDF1EE 0%,

      #F5F6F4 100%

    )!important;

}



.main-news-panel,

.rating-panel,

.incident-panel,

.dejure-panel,

.topic-column,

.opinion-showcase,

.calendar-panel{

  background:

    linear-gradient(

      180deg,

      rgba(255,255,255,.96),

      rgba(248,250,248,.98)

    )!important;



  border:1px solid rgba(15,23,42,.05)!important;



  box-shadow:

    0 10px 28px rgba(15,23,42,.05)!important;

}



.section-title{

  color:#0F172A!important;

}



.news-row__title,

.topic-list a,

.thin-list span,

.premium-news-body h3{

  color:#1E293B!important;

}



.news-row__time,

.topic-list time,

.thin-list time{

  color:#7C8A96!important;

}






/* ===== HERO BALANCE FINAL ===== */



.premium-hero-grid{

  grid-template-columns:minmax(0,1.14fr) minmax(500px,.92fr)!important;

  gap:24px!important;

}



.premium-hero-card{

  min-height:500px!important;

}



.monitor-card{

  min-height:500px!important;

}



.premium-hero-body{

  max-width:640px!important;

  padding:40px 40px 36px!important;

}



.premium-hero-title{

  font-size:clamp(38px,3vw,54px)!important;

  line-height:1.01!important;

  letter-spacing:-.06em!important;

}



.premium-hero-excerpt{

  font-size:15px!important;

  line-height:1.72!important;

  max-width:560px!important;

}






/* ===== LIGHTER EDITORIAL FEED ===== */



.premium-news-card,

.topic-column,

.analytics-card,

.opinion-side-card{

  background:

    linear-gradient(

      180deg,

      rgba(255,255,255,.98),

      rgba(248,250,248,.99)

    )!important;

}



.premium-news-body h3{

  color:#17212B!important;

  font-weight:540!important;

}



.premium-news-card{

  border-color:rgba(15,23,42,.045)!important;

}



.premium-news-card:hover{

  transform:translateY(-2px)!important;



  box-shadow:

    0 14px 34px rgba(15,23,42,.08)!important;

}



.news-row{

  border-top:1px solid rgba(15,23,42,.06)!important;

}






/* ===== TYPOGRAPHY POLISH ===== */



.section-title,

.premium-hero-title,

.monitor-title,

.opinion-showcase__title{

  letter-spacing:-.05em!important;

}



.section-title{

  font-size:30px!important;

}



.topic-lead__title{

  font-size:22px!important;

  line-height:1.14!important;

  letter-spacing:-.04em!important;

}






/* ===== EDITORIAL DENSITY ===== */



.main-news-panel,

.rating-panel,

.incident-panel,

.dejure-panel{

  padding:18px!important;

}



.premium-news-grid{

  gap:10px!important;

}



.premium-news-card{

  border-radius:10px!important;

}



.premium-news-card--lead{

  min-height:0!important;

}



.premium-news-card--lead .premium-news-body{

  padding:14px!important;

}



.premium-news-card--lead h3{

  font-size:24px!important;

  line-height:1.08!important;

}



.premium-news-body{

  padding:10px!important;

  gap:5px!important;

}



.premium-news-body h3{

  font-size:13px!important;

  line-height:1.3!important;

}



.premium-news-body time{

  font-size:10px!important;

}



.news-rows{

  margin-top:12px!important;

}



.news-row{

  padding:9px 0!important;

}



.news-row__title{

  font-size:12.5px!important;

  line-height:1.38!important;

}



.rating-body{

  gap:12px!important;

}



.rating-list{

  gap:7px!important;

}



.rating-list li{

  font-size:11px!important;

}



.thin-list{

  gap:8px!important;

}



.thin-list a{

  font-size:11px!important;

}



.topic-column{

  padding:16px!important;

}



.topic-lead__title{

  font-size:18px!important;

  line-height:1.18!important;

}



.topic-list li{

  padding:7px 0!important;

}



.topic-list a{

  font-size:12px!important;

  line-height:1.4!important;

}






/* ===== EDITORIAL NEWS DESK ===== */



.premium-news-grid{

  grid-template-columns:1.45fr .92fr .92fr!important;

  gap:12px!important;

}



.premium-news-card--lead{

  grid-row:span 2!important;

}



.premium-news-card--lead .premium-news-imglink{

  aspect-ratio:16/12!important;

}



.premium-news-card--lead .premium-news-body{

  padding:16px!important;

}



.premium-news-card--lead h3{

  font-size:28px!important;

  line-height:1.05!important;

  letter-spacing:-.05em!important;

}



.premium-news-card:not(.premium-news-card--lead){

  min-height:0!important;

}



.premium-news-card:not(.premium-news-card--lead) .premium-news-body{

  padding:9px!important;

}



.premium-news-card:not(.premium-news-card--lead) h3{

  font-size:13px!important;

  line-height:1.28!important;

}



.news-rows{

  display:grid!important;

  grid-template-columns:1fr 1fr!important;

  gap:0 18px!important;

}



.news-row{

  padding:8px 0!important;

}



.news-row__title{

  font-size:12px!important;

  line-height:1.35!important;

}



.news-row__cat{

  font-size:9px!important;

}



@media(max-width:1100px){



  .premium-news-grid{

    grid-template-columns:1fr 1fr!important;

  }



  .premium-news-card--lead{

    grid-column:span 2!important;

  }



}



@media(max-width:768px){



  .premium-news-grid,

  .news-rows{

    grid-template-columns:1fr!important;

  }



  .premium-news-card--lead{

    grid-column:span 1!important;

  }



}






/* ===== LEAD CARD POLISH ===== */



.premium-news-card--lead{

  background:

    linear-gradient(

      180deg,

      rgba(18,30,40,.96),

      rgba(24,36,48,.94)

    )!important;



  border:1px solid rgba(255,255,255,.05)!important;

}



.premium-news-card--lead .premium-news-imglink img{

  filter:

    saturate(.72)

    contrast(1.08)

    brightness(.82)!important;

}



.premium-news-card--lead h3{

  color:#F3F7F5!important;

}



.premium-news-card--lead .premium-news-excerpt{

  color:rgba(255,255,255,.68)!important;

}



.premium-news-card--lead time{

  color:rgba(255,255,255,.42)!important;

}






/* ===== MEDIUM CARDS ===== */



.premium-news-card:not(.premium-news-card--lead){

  display:grid!important;

  grid-template-rows:auto 1fr!important;

}



.premium-news-card:not(.premium-news-card--lead) .premium-news-imglink{

  aspect-ratio:16/10!important;

}



.premium-news-card:not(.premium-news-card--lead) h3{

  font-size:12.5px!important;

  line-height:1.32!important;

  font-weight:540!important;

}



.premium-news-card:not(.premium-news-card--lead) time{

  margin-top:auto!important;

}






/* ===== SIDEBAR DEPTH ===== */



.rating-panel,

.incident-panel,

.dejure-panel{

  background:

    linear-gradient(

      180deg,

      rgba(255,255,255,.98),

      rgba(245,248,246,.98)

    )!important;



  border:1px solid rgba(15,23,42,.06)!important;



  box-shadow:

    0 12px 30px rgba(15,23,42,.05)!important;

}



.rating-panel{

  border-top:3px solid rgba(111,174,99,.42)!important;

}



.incident-panel{

  border-top:3px solid rgba(215,74,63,.38)!important;

}



.dejure-panel{

  border-top:3px solid rgba(111,174,149,.38)!important;

}






/* ===== HERO FINAL LIGHT BALANCE ===== */



.premium-hero-img{

  filter:

    saturate(.74)

    contrast(1.08)

    brightness(.72)!important;

}



.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(0,0,0,.76) 0%,

      rgba(0,0,0,.38) 52%,

      rgba(0,0,0,.10) 100%

    ),

    linear-gradient(

      180deg,

      rgba(0,0,0,.03) 0%,

      rgba(0,0,0,.78) 100%

    )!important;

}






/* ===== NAV CONFIDENCE ===== */



.nav-menu a{

  font-size:11px!important;

  font-weight:700!important;

  letter-spacing:.03em!important;

  color:rgba(255,255,255,.78)!important;

}



.nav-menu a:hover{

  color:#FFFFFF!important;

}






/* ===== ROW READABILITY ===== */



.news-row__title{

  color:#334155!important;

  font-weight:520!important;

}



.news-row__time{

  color:#8A98A4!important;

}






/* ===== LIVE SYSTEM MOTION ===== */



.premium-news-card,

.topic-column,

.analytics-card,

.monitor-card,

.rating-panel,

.incident-panel,

.dejure-panel{

  transition:

    transform .18s ease,

    box-shadow .18s ease,

    border-color .18s ease,

    background .18s ease;

}



.premium-news-card:hover,

.topic-column:hover,

.analytics-card:hover{

  transform:translateY(-2px);



  box-shadow:

    0 18px 40px rgba(15,23,42,.08)!important;

}



/* subtle monitor pulse */



.live-label{

  position:relative;

  overflow:hidden;

}



.live-label::after{

  content:"";



  position:absolute;

  inset:0;



  background:

    linear-gradient(

      90deg,

      transparent,

      rgba(255,255,255,.12),

      transparent

    );



  transform:translateX(-100%);



  animation:niaLivePulse 3.8s ease infinite;

}



@keyframes niaLivePulse{

  0%{

    transform:translateX(-100%);

  }



  55%{

    transform:translateX(120%);

  }



  100%{

    transform:translateX(120%);

  }

}



/* subtle glow on monitor */



.monitor-card{

  position:relative;

}



.monitor-card::before{

  content:"";



  position:absolute;

  inset:0;



  border-radius:inherit;



  pointer-events:none;



  background:

    radial-gradient(

      circle at 78% 62%,

      rgba(111,174,99,.06),

      transparent 34%

    );



  opacity:.9;

}



/* map dots breathing */



.map-dot{

  animation:niaDotPulse 4s ease-in-out infinite;

}



.map-dot:nth-child(3n){

  animation-delay:1s;

}



.map-dot:nth-child(4n){

  animation-delay:2s;

}



@keyframes niaDotPulse{



  0%,100%{

    transform:translate(-50%,-50%) scale(1);

    opacity:.72;

  }



  50%{

    transform:translate(-50%,-50%) scale(1.22);

    opacity:1;

  }



}






/* ===== MONITOR CARD: REMOVE FAKE DOT MAP ===== */



.monitor-map,

.map-legend{

  display:none!important;

}



.monitor-card{

  justify-content:space-between!important;

}



.monitor-metrics{

  margin-top:18px!important;

}



.monitor-card::after{

  content:"LIVE ENVIRONMENTAL INTELLIGENCE";

  display:block;

  margin-top:22px;

  padding:18px 20px;

  border-radius:14px;

  background:

    linear-gradient(135deg, rgba(111,174,99,.10), rgba(90,156,203,.06));

  border:1px solid rgba(255,255,255,.055);

  color:rgba(255,255,255,.58);

  font-size:11px;

  font-weight:700;

  letter-spacing:.16em;

  text-transform:uppercase;

}



.monitor-btn{

  align-self:flex-start!important;

  margin-top:18px!important;

}






/* ===== REMOVE GENERIC MONITOR SLOGAN ===== */



.monitor-card::after{

  display:none!important;

}






.monitor-btn{

  margin-top:auto!important;



  padding:14px 20px!important;



  border-radius:12px!important;



  background:

    linear-gradient(

      135deg,

      rgba(111,174,99,.18),

      rgba(111,174,99,.10)

    )!important;



  border:1px solid rgba(111,174,99,.24)!important;



  color:#E4F5E1!important;



  font-size:13px!important;



  font-weight:600!important;

}



.monitor-btn:hover{

  background:

    linear-gradient(

      135deg,

      rgba(111,174,99,.24),

      rgba(111,174,99,.14)

    )!important;

}






/* ===== MONITOR LIVE STATUS ===== */



.monitor-live-status{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:10px;

  margin-top:22px;

}



.monitor-live-status__item{

  padding:13px 14px;

  border-radius:13px;

  background:

    linear-gradient(

      180deg,

      rgba(255,255,255,.035),

      rgba(255,255,255,.014)

    );

  border:1px solid rgba(255,255,255,.055);

}



.monitor-live-status__item span{

  display:block;

  margin-bottom:7px;

  color:rgba(255,255,255,.48);

  font-size:10px;

  font-weight:700;

  letter-spacing:.11em;

  text-transform:uppercase;

}



.monitor-live-status__item strong{

  color:#F3F7F5;

  font-size:18px;

  font-weight:700;

  line-height:1.1;

}



@media(max-width:768px){

  .monitor-live-status{

    grid-template-columns:1fr;

  }

}






/* ===== MONITOR METRICS READABILITY FIX ===== */



.metric{

  min-width:0!important;

  overflow:hidden!important;

}



.metric strong{

  display:block!important;

  max-width:100%!important;

  overflow:visible!important;

  text-overflow:clip!important;

  white-space:normal!important;



  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;

  font-size:30px!important;

  font-weight:750!important;

  line-height:1.05!important;

  letter-spacing:-.04em!important;

}



.metric em{

  display:block!important;

  max-width:100%!important;

  overflow:visible!important;

  white-space:normal!important;



  font-size:12px!important;

  line-height:1.35!important;

}



.metric span{

  white-space:normal!important;

}



.metric--air strong,

.metric--geo strong{

  font-size:26px!important;

}



.monitor-metrics{

  grid-template-columns:repeat(4,minmax(0,1fr))!important;

}



@media(max-width:1180px){

  .monitor-metrics{

    grid-template-columns:repeat(2,minmax(0,1fr))!important;

  }

}






/* ===== MONITOR METRIC FINAL COMPACT ===== */



.metric strong{

  white-space:nowrap!important;

  word-break:normal!important;

  overflow:hidden!important;

  text-overflow:ellipsis!important;

  font-size:28px!important;

}



.metric--rad strong{

  font-size:27px!important;

}



.metric--geo strong{

  font-size:25px!important;

}



.metric em{

  word-break:normal!important;

  overflow-wrap:normal!important;

}






/* ===== HARD READABILITY FIX ===== */



/* monitor metrics */

.metric strong{

  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;

  font-size:30px!important;

  font-weight:800!important;

  color:#F8FAFC!important;

  white-space:nowrap!important;

  overflow:hidden!important;

  text-overflow:ellipsis!important;

}



.metric em{

  color:rgba(226,232,240,.78)!important;

  font-size:12px!important;

  line-height:1.35!important;

}



.metric--geo strong{

  font-size:24px!important;

}



.metric--rad strong{

  font-size:25px!important;

}



/* category badges visible */

.cat-badge,

.news-row__cat,

.premium-badge{

  background:rgba(22,101,52,.12)!important;

  border:1px solid rgba(22,101,52,.20)!important;

  color:#166534!important;

  opacity:1!important;

}



.premium-hero-card .cat-badge,

.premium-hero-card .premium-badge,

.monitor-card .cat-badge{

  color:#E8F5E9!important;

  background:rgba(111,174,99,.18)!important;

  border-color:rgba(111,174,99,.28)!important;

}



/* news cards text */

.premium-news-card:not(.premium-news-card--lead){

  background:#fff!important;

}



.premium-news-card:not(.premium-news-card--lead) h3,

.topic-lead__title,

.topic-list a,

.news-row__title{

  color:#142033!important;

  opacity:1!important;

}



.premium-news-card:not(.premium-news-card--lead) time,

.topic-list time,

.news-row__time{

  color:#64748B!important;

  opacity:1!important;

}



/* topic cards below: remove washed-out effect */

.topic-column,

.topic-column *{

  opacity:1!important;

}



.topic-column{

  background:#fff!important;

}



.topic-lead__img img{

  filter:none!important;

  opacity:1!important;

}



.topic-lead__title{

  color:#142033!important;

}



.topic-list a{

  color:#1E293B!important;

}



/* sidebar readable */

.rating-panel,

.incident-panel,

.dejure-panel{

  color:#142033!important;

}



.rating-list span,

.thin-list span{

  color:#334155!important;

  opacity:1!important;

}



.rating-list strong{

  color:#0F172A!important;

}



.section-more{

  color:#3F8F5A!important;

  opacity:1!important;

}






/* ===== NIA PLACEHOLDER ===== */



.premium-placeholder{

  display:block!important;



  width:100%!important;

  height:100%!important;



  background:

    #EEF2EF

    url('/assets/placeholders.jpg')

    center center / 42% auto no-repeat!important;



  border-radius:inherit!important;

}



.premium-news-card--lead .premium-placeholder,

.topic-column .premium-placeholder{

  background:

    #0E1820

    url('/assets/placeholders.jpg')

    center center / 34% auto no-repeat!important;

}



.premium-news-imglink{

  background:#EEF2EF!important;

}






/* ===== PLACEHOLDER FULL COVER FIX ===== */



.premium-placeholder{

  background:

    #EEF2EF

    url('/assets/placeholders.jpg')

    center center / cover no-repeat!important;

}



.premium-news-card--lead .premium-placeholder,

.topic-column .premium-placeholder{

  background:

    #0E1820

    url('/assets/placeholders.jpg')

    center center / cover no-repeat!important;

}






/* ===== NEWS ROW THUMBNAILS ===== */



.news-row{

  display:grid!important;

  grid-template-columns:72px minmax(0,1fr)!important;

  gap:12px!important;

  align-items:start!important;

}



.news-row__thumb{

  display:block!important;

  width:72px!important;

  height:54px!important;

  border-radius:8px!important;

  overflow:hidden!important;

  background:#EEF2EF!important;

}



.news-row__thumb img{

  width:100%!important;

  height:100%!important;

  object-fit:cover!important;

  display:block!important;

}



.news-row__body{

  min-width:0!important;

}



.news-row__cat{

  display:inline-flex!important;

  width:auto!important;

  margin-bottom:5px!important;

}






/* ===== NEWS ROW THUMBNAILS ===== */



.news-row{

  display:grid!important;

  grid-template-columns:72px minmax(0,1fr)!important;

  gap:12px!important;

  align-items:start!important;

}



.news-row__thumb{

  display:block!important;

  width:72px!important;

  height:54px!important;

  border-radius:8px!important;

  overflow:hidden!important;

  background:#EEF2EF!important;

}



.news-row__thumb img{

  width:100%!important;

  height:100%!important;

  object-fit:cover!important;

  display:block!important;

}



.news-row__body{

  min-width:0!important;

}



.news-row__cat{

  display:inline-flex!important;

  width:auto!important;

  margin-bottom:5px!important;

}






/* ===== HERO WIDE PHOTO BALANCE ===== */



.premium-hero-grid{

  grid-template-columns:minmax(0,1.75fr) minmax(360px,.58fr)!important;

  gap:22px!important;

}



.premium-hero-card{

  min-height:520px!important;

}



.premium-hero-img{

  object-position:72% center!important;

  filter:saturate(.82) contrast(1.04) brightness(.82)!important;

}



.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(0,0,0,.74) 0%,

      rgba(0,0,0,.58) 34%,

      rgba(0,0,0,.20) 58%,

      rgba(0,0,0,.04) 100%

    ),

    linear-gradient(

      180deg,

      rgba(0,0,0,.04) 0%,

      rgba(0,0,0,.66) 100%

    )!important;

}



.premium-hero-body{

  max-width:560px!important;

  padding:54px 48px 42px!important;

}



.premium-hero-title{

  font-size:clamp(42px,3.6vw,64px)!important;

  line-height:1.04!important;

  letter-spacing:-.06em!important;

}



.premium-hero-excerpt{

  max-width:520px!important;

  font-size:16px!important;

  line-height:1.65!important;

  color:rgba(255,255,255,.78)!important;

}



/* make monitor narrower and more compact */



.monitor-card{

  min-height:520px!important;

  padding:34px 30px!important;

}



.monitor-metrics{

  grid-template-columns:repeat(2,minmax(0,1fr))!important;

  gap:14px!important;

}



.metric{

  min-height:116px!important;

  padding:16px!important;

}



.monitor-live-status{

  grid-template-columns:1fr 1fr!important;

  gap:12px!important;

}



.monitor-live-status__item:nth-child(3){

  grid-column:1 / -1!important;

}



.monitor-btn{

  width:100%!important;

  justify-content:center!important;

  text-align:center!important;

}



@media(max-width:1180px){

  .premium-hero-grid{

    grid-template-columns:1fr!important;

  }



  .premium-hero-card,

  .monitor-card{

    min-height:auto!important;

  }

}






/* ===== HERO WIDE GRID CORRECTION ===== */



.premium-hero-grid{

  grid-template-columns:minmax(0,1.62fr) minmax(330px,.52fr)!important;

  gap:22px!important;

  align-items:stretch!important;

}



/* возвращаем нормальный масштаб */

.premium-hero-card{

  min-height:460px!important;

}



.premium-hero-body{

  max-width:520px!important;

  padding:42px 42px 34px!important;

}



/* НЕ гигантский заголовок */

.premium-hero-title{

  font-size:clamp(34px,2.55vw,48px)!important;

  line-height:1.08!important;

  letter-spacing:-.055em!important;

}



/* фото вправо, но без зума */

.premium-hero-img{

  object-fit:cover!important;

  object-position:74% center!important;

  filter:saturate(.82) contrast(1.04) brightness(.84)!important;

}



/* мягче затемнение слева */

.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(0,0,0,.70) 0%,

      rgba(0,0,0,.54) 34%,

      rgba(0,0,0,.22) 58%,

      rgba(0,0,0,.06) 100%

    ),

    linear-gradient(

      180deg,

      rgba(0,0,0,.02) 0%,

      rgba(0,0,0,.62) 100%

    )!important;

}



.premium-hero-excerpt{

  font-size:14.5px!important;

  line-height:1.65!important;

  max-width:500px!important;

}



/* монитор компактнее, но не гигантский */

.monitor-card{

  min-height:460px!important;

  padding:28px 26px!important;

}



.monitor-metrics{

  grid-template-columns:repeat(2,minmax(0,1fr))!important;

  gap:12px!important;

}



.metric{

  min-height:100px!important;

  padding:14px!important;

}



.metric strong{

  font-size:25px!important;

}



.metric--geo strong{

  font-size:21px!important;

}



.metric--rad strong{

  font-size:23px!important;

}



.monitor-live-status{

  margin-top:14px!important;

}



.monitor-btn{

  margin-top:16px!important;

}






/* ===== HERO HEIGHT RESET / TRUE WIDE MODE ===== */



.premium-hero-wrap{

  padding-top:24px!important;

  padding-bottom:16px!important;

}



.premium-hero-grid{

  grid-template-columns:minmax(0,1.7fr) minmax(320px,.5fr)!important;

  gap:22px!important;

}



.premium-hero-card,

.monitor-card{

  height:420px!important;

  min-height:420px!important;

  max-height:420px!important;

}



.premium-hero-body{

  padding:34px 42px 28px!important;

  max-width:520px!important;

}



.premium-hero-title{

  font-size:clamp(32px,2.35vw,44px)!important;

  line-height:1.08!important;

}



.premium-hero-excerpt{

  font-size:14px!important;

  line-height:1.55!important;

}



.monitor-card{

  padding:24px!important;

}



.metric{

  min-height:88px!important;

  padding:12px!important;

}



.monitor-live-status{

  display:none!important;

}






/* ===== MOCKUP ALIGN: WIDE HERO / COMPACT MONITOR ===== */



.premium-hero-wrap .container,

.top-bar .container,

.site-header .container,

.site-nav .container{

  max-width:1500px!important;

}



.premium-hero-grid{

  grid-template-columns:minmax(0,2.15fr) minmax(300px,.62fr)!important;

  gap:24px!important;

}



.premium-hero-card,

.monitor-card{

  height:420px!important;

  min-height:420px!important;

  max-height:420px!important;

}



/* hero image like mockup: faces in visible right zone */

.premium-hero-img{

  object-position:78% center!important;

  filter:saturate(.88) contrast(1.03) brightness(.88)!important;

}



/* softer left gradient, not black wall */

.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(3,12,18,.74) 0%,

      rgba(3,12,18,.58) 34%,

      rgba(3,12,18,.22) 58%,

      rgba(3,12,18,.02) 100%

    ),

    linear-gradient(

      180deg,

      rgba(3,12,18,.03) 0%,

      rgba(3,12,18,.56) 100%

    )!important;

}



.premium-hero-body{

  max-width:540px!important;

  padding:42px 44px 34px!important;

}



.premium-hero-title{

  font-size:clamp(34px,2.35vw,46px)!important;

  line-height:1.12!important;

  letter-spacing:-.055em!important;

}



.premium-hero-excerpt{

  max-width:520px!important;

  font-size:14.5px!important;

  line-height:1.62!important;

}



/* monitor closer to mockup */

.monitor-card{

  padding:30px 28px!important;

}



.monitor-title{

  font-size:28px!important;

}



.monitor-metrics{

  grid-template-columns:repeat(2,minmax(0,1fr))!important;

  gap:12px!important;

}



.metric{

  min-height:92px!important;

  padding:13px!important;

  border-radius:14px!important;

}



.metric strong{

  font-size:24px!important;

}



.metric em{

  font-size:11px!important;

}



.monitor-btn{

  height:48px!important;

  margin-top:18px!important;

  width:100%!important;

  justify-content:center!important;

}



/* remove squeezed top line effect in monitor */

.monitor-card .section-note{

  max-width:110px!important;

  line-height:1.25!important;

}



@media(max-width:1280px){

  .premium-hero-wrap .container,

  .top-bar .container,

  .site-header .container,

  .site-nav .container{

    max-width:1180px!important;

  }



  .premium-hero-grid{

    grid-template-columns:minmax(0,1.75fr) minmax(320px,.65fr)!important;

  }

}






/* ===== HERO FINAL PHOTO POSITION ===== */



.premium-hero-img{

  object-position:82% center!important;

}



/* локальное затемнение только слева */

.premium-hero-shade{

  background:

    linear-gradient(

      90deg,

      rgba(3,12,18,.78) 0%,

      rgba(3,12,18,.62) 26%,

      rgba(3,12,18,.34) 42%,

      rgba(3,12,18,.08) 58%,

      rgba(3,12,18,0) 72%

    ),

    linear-gradient(

      180deg,

      rgba(0,0,0,.02) 0%,

      rgba(0,0,0,.42) 100%

    )!important;

}



/* текст уже, чтобы не лез на фото */

.premium-hero-body{

  max-width:470px!important;

}



/* чуть компактнее строки */

.premium-hero-title{

  line-height:1.03!important;

}



/* монитор чуть уже визуально */

.monitor-card{

  width:92%!important;

  margin-left:auto!important;

}






/* ===== REAL HERO FIX ===== */



.premium-hero-grid{

  grid-template-columns:minmax(0,1.82fr) minmax(320px,.56fr)!important;

}



.premium-hero-body{

  width:430px!important;

  max-width:430px!important;

  padding:42px 38px 34px!important;

}



.premium-hero-title{

  font-size:58px!important;

  line-height:0.98!important;

  letter-spacing:-.065em!important;

}



.premium-hero-excerpt{

  max-width:410px!important;

}



.premium-hero-img{

  object-position:78% center!important;

}



.monitor-card{

  width:auto!important;

  margin-left:0!important;

}






/* ===== HERO TYPOGRAPHY BALANCE FIX ===== */



.premium-hero-body{

  width:430px!important;

  max-width:430px!important;



  padding:

    72px

    42px

    34px

    42px!important;

}



.premium-hero-title{

  font-size:clamp(30px,2.15vw,42px)!important;

  line-height:1.06!important;

  letter-spacing:-.055em!important;



  margin-bottom:18px!important;

}



.premium-hero-excerpt{

  font-size:14px!important;

  line-height:1.58!important;



  margin-top:0!important;

}



.premium-meta{

  margin-top:20px!important;

}



/* === MOCKUP TOP REAL FIX === */



.container,

.footer-container{

  max-width:1600px !important;

}



.premium-hero-wrap{

  padding:22px 0 16px !important;

}



.premium-hero-grid{

  display:grid !important;

  grid-template-columns:minmax(0,1120px) 380px !important;

  gap:28px !important;

  justify-content:center !important;

  align-items:stretch !important;

}



.premium-hero-card,

.monitor-card{

  height:580px !important;

  min-height:580px !important;

  max-height:580px !important;

}



.premium-hero-body{

  position:absolute !important;

  left:0 !important;

  bottom:0 !important;

  top:auto !important;

  max-width:560px !important;

  padding:0 0 46px 44px !important;

}



.premium-hero-title{

  font-size:42px !important;

  line-height:1.08 !important;

  letter-spacing:-0.035em !important;

  max-width:540px !important;

}



.premium-hero-excerpt{

  margin-top:22px !important;

  font-size:16px !important;

  line-height:1.62 !important;

  max-width:520px !important;

}



.premium-meta{

  margin-top:28px !important;

}



.premium-hero-img{

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

  object-position:center center !important;

  transform:none !important;

}



.premium-hero-shade{

  background:

    linear-gradient(90deg,rgba(4,10,15,.88) 0%,rgba(4,10,15,.72) 34%,rgba(4,10,15,.30) 58%,rgba(4,10,15,.04) 100%),

    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.50)) !important;

}



.monitor-card{

  padding:36px 28px 28px !important;

}



.monitor-metrics{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:18px !important;

}



.metric{

  min-height:150px !important;

}



.site-header{

  padding:22px 0 !important;

}



.site-nav .nav-menu a{

  padding:14px 18px !important;

}






/* === HERO IMAGE GEOMETRY FIX === */



.premium-hero-card{

  position:relative;

  overflow:hidden;

}



.premium-hero-img{

  position:absolute !important;



  top:0;

  right:0;

  bottom:0;



  width:78% !important;

  height:100% !important;



  object-fit:cover !important;

  object-position:center center !important;



  margin-left:auto;



  transform:none !important;

}



.premium-hero-shade{

  position:absolute;

  inset:0;



  background:

    linear-gradient(

      90deg,

      rgba(4,10,15,.92) 0%,

      rgba(4,10,15,.88) 24%,

      rgba(4,10,15,.68) 42%,

      rgba(4,10,15,.28) 58%,

      rgba(4,10,15,.06) 76%,

      rgba(4,10,15,0) 100%

    ) !important;



  z-index:1;

}



.premium-hero-body{

  position:absolute;

  left:0;

  bottom:0;

  z-index:3;



  width:44%;

  max-width:540px;



  padding:0 0 42px 44px !important;

}






/* === READABILITY FIX: HEADER + MONITORING + TICKER === */



/* 1. Полоса с логотипом — светлее, логотип читаемый */

.site-header{

  background:linear-gradient(180deg,#102018 0%,#0b1512 100%) !important;

  border-bottom:1px solid rgba(111,174,149,.18) !important;

}



.nia-main-logo{

  filter:brightness(1.55) saturate(1.25) contrast(1.08) !important;

  opacity:1 !important;

}



/* 2. Верхнее меню чуть отделяем */

.site-nav{

  background:#071016 !important;

}



/* 3. Экомониторинг — сделать читаемым */

.monitor-card{

  background:linear-gradient(180deg,#0b1821 0%,#071219 100%) !important;

  border:1px solid rgba(111,174,149,.16) !important;

  color:#eef6f1 !important;

}



.monitor-title{

  color:#eaf4ee !important;

  opacity:1 !important;

  font-size:28px !important;

}



.monitor-region{

  color:rgba(255,255,255,.76) !important;

}



/* Убираем кашу справа в заголовке */

.monitor-head,

.monitor-card__head,

.eco-monitor__head{

  display:flex !important;

  align-items:flex-start !important;

  justify-content:space-between !important;

  gap:16px !important;

}



.monitor-card a,

.monitor-card small,

.monitor-card span,

.monitor-card em{

  color:rgba(255,255,255,.72) !important;

}



/* 4. Метрики мониторинга — не квадраты, а понятные строки */

.monitor-metrics{

  display:flex !important;

  flex-direction:column !important;

  gap:10px !important;

  margin-top:18px !important;

}



.metric{

  min-height:0 !important;

  height:auto !important;

  padding:13px 16px !important;

  border-radius:12px !important;

  background:rgba(255,255,255,.045) !important;

  border:1px solid rgba(255,255,255,.075) !important;



  display:grid !important;

  grid-template-columns:120px 80px minmax(0,1fr) !important;

  align-items:center !important;

  gap:14px !important;

}



.metric span{

  margin:0 !important;

  font-size:10px !important;

  line-height:1.2 !important;

  letter-spacing:.08em !important;

  color:#a9d8bf !important;

}



.metric strong{

  font-size:24px !important;

  line-height:1 !important;

  color:#fff !important;

}



.metric em{

  margin:0 !important;

  font-size:12px !important;

  line-height:1.35 !important;

  color:rgba(255,255,255,.70) !important;

}



.metric i{

  display:none !important;

}



.monitor-btn,

.monitor-card .premium-btn,

.monitor-card a[href*="monitor"]{

  width:100% !important;

  margin-top:18px !important;

  min-height:48px !important;

  background:linear-gradient(180deg,#284f35,#1d3e2b) !important;

  border:1px solid rgba(111,174,149,.30) !important;

  color:#fff !important;

  font-weight:700 !important;

}



/* 5. Лента событий — читаемее */

.ticker-line-wrap{

  padding:0 0 14px !important;

}



.ticker-line{

  background:#071016 !important;

  border:1px solid rgba(111,174,149,.13) !important;

  color:rgba(255,255,255,.82) !important;

}



.ticker-line strong{

  color:#94d7ad !important;

  font-family:var(--font) !important;

  font-size:12px !important;

  text-transform:uppercase !important;

  letter-spacing:.12em !important;

}



.ticker-line a{

  color:rgba(255,255,255,.78) !important;

}



.ticker-line a:hover{

  color:#fff !important;

}






/* === MONITORING HEADER CLEANUP === */



.monitor-card{

  padding-top:38px !important;

}



.monitor-card .monitor-title,

.monitor-title{

  display:block !important;

  margin:0 0 8px 0 !important;

  color:#f1f5ee !important;

  font-size:30px !important;

  line-height:1.1 !important;

  letter-spacing:-.035em !important;

  opacity:1 !important;

}



.monitor-card .monitor-title + *,

.monitor-card .eco-monitor__update,

.monitor-card .monitor-update{

  margin-top:0 !important;

}



/* Скрываем верхнюю ссылку Дашборд */

.monitor-card a:not(.premium-btn):not(.monitor-btn){

  display:none !important;

}



/* Подпись про обновление — под заголовком */

.monitor-card small,

.monitor-card .monitor-note,

.monitor-card .eco-monitor__note{

  display:block !important;

  color:rgba(255,255,255,.55) !important;

  font-size:11px !important;

  line-height:1.35 !important;

  margin:0 0 24px 0 !important;

}



/* Регион ниже подписи */

.monitor-region{

  margin:0 0 24px 0 !important;

  color:rgba(255,255,255,.72) !important;

}



/* Строки показателей чуть крупнее и спокойнее */

.monitor-metrics{

  margin-top:0 !important;

}



.metric{

  grid-template-columns:130px 86px minmax(0,1fr) !important;

  padding:15px 18px !important;

}



.metric span{

  color:#9fd0b4 !important;

}



.metric strong{

  font-size:25px !important;

}



.metric em{

  color:rgba(255,255,255,.72) !important;

}



/* Кнопка только внизу */

.monitor-btn,

.monitor-card .premium-btn{

  margin-top:22px !important;

}






/* === MONITOR HEADER STACK FIX === */



.monitor-card{

  display:flex !important;

  flex-direction:column !important;

  justify-content:flex-start !important;



  height:100% !important;

  min-height:0 !important;

}



/* Верх мониторинга — вертикально */

.monitor-head,

.monitor-card__head,

.eco-monitor__head{

  display:flex !important;

  flex-direction:column !important;

  align-items:flex-start !important;

  justify-content:flex-start !important;

  gap:0 !important;

}



/* Заголовок */

.monitor-title{

  margin:0 0 8px 0 !important;

  font-size:30px !important;

  line-height:1.08 !important;

}



/* Подпись обновления ПОД заголовком */

.monitor-card small,

.monitor-card .monitor-note,

.monitor-card .eco-monitor__note{

  display:block !important;



  margin:0 0 18px 0 !important;



  font-size:11px !important;

  line-height:1.45 !important;



  color:rgba(255,255,255,.52) !important;

}



/* УБИРАЕМ плавающий блок справа */

.monitor-card .monitor-meta,

.monitor-card .monitor-side,

.monitor-card .monitor-top-right{

  display:none !important;

}



/* Регион */

.monitor-region{

  margin:0 0 18px 0 !important;

}



/* Метрики */

.monitor-metrics{

  flex:1 1 auto !important;

}



/* Кнопка ВНУТРИ блока */

.monitor-btn,

.monitor-card .premium-btn{

  margin-top:18px !important;



  position:relative !important;

  bottom:auto !important;



  width:100% !important;



  flex-shrink:0 !important;

}



/* Чтобы ничего не вываливалось */

.monitor-card *{

  box-sizing:border-box !important;

}






/* === CENTER MONITOR TITLE === */



/* Центруем верх блока */

.monitor-head,

.monitor-card__head,

.eco-monitor__head{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;



  width:100% !important;

}



/* Заголовок */

.monitor-title{

  width:100% !important;



  text-align:center !important;



  margin:0 0 10px 0 !important;



  font-size:30px !important;

  line-height:1.08 !important;

}



/* Подпись под заголовком */

.monitor-card small,

.monitor-card .monitor-note,

.monitor-card .eco-monitor__note{

  display:block !important;



  width:100% !important;



  text-align:center !important;



  margin:0 0 20px 0 !important;



  color:rgba(255,255,255,.58) !important;



  font-size:11px !important;

  line-height:1.45 !important;

}



/* Регион тоже центрируем */

.monitor-region{

  width:100% !important;



  justify-content:center !important;



  text-align:center !important;



  margin:0 0 20px 0 !important;

}






/* === MONITOR TOP HTML FIX === */



.monitor-card{

  overflow:hidden !important;

  height:auto !important;

  max-height:none !important;

  min-height:420px !important;

  padding:34px 26px 26px !important;

}



.monitor-card-top{

  width:100% !important;

  text-align:center !important;

  margin:0 0 22px 0 !important;

}



.monitor-card-top .monitor-title{

  margin:0 0 8px 0 !important;

  text-align:center !important;

  color:#f3f5ee !important;

  font-size:30px !important;

  line-height:1.08 !important;

}



.monitor-update{

  text-align:center !important;

  color:rgba(255,255,255,.62) !important;

  font-size:11px !important;

  line-height:1.4 !important;

}



.monitor-region{

  justify-content:center !important;

  text-align:center !important;

  margin:0 0 20px 0 !important;

}



.monitor-btn,

.monitor-card .premium-btn{

  position:static !important;

  width:100% !important;

  margin-top:18px !important;

}






/* === MONITOR REBUILD: CENTER TITLE + ICON ROWS === */



.monitor-card{

  display:flex !important;

  flex-direction:column !important;

  height:420px !important;

  min-height:420px !important;

  max-height:420px !important;

  padding:30px 28px 24px !important;

  overflow:hidden !important;

}



.monitor-card-top{

  width:100% !important;

  text-align:center !important;

  margin:0 0 18px 0 !important;

}



.monitor-card-top .monitor-title{

  display:block !important;

  width:100% !important;

  margin:0 0 7px 0 !important;

  text-align:center !important;

  color:#f2f5ef !important;

  font-size:29px !important;

  line-height:1.08 !important;

}



.monitor-update{

  display:block !important;

  width:100% !important;

  text-align:center !important;

  color:rgba(255,255,255,.58) !important;

  font-size:11px !important;

  line-height:1.35 !important;

}



.monitor-region{

  justify-content:center !important;

  text-align:center !important;

  margin:0 0 18px 0 !important;

  color:rgba(255,255,255,.74) !important;

}



.monitor-metrics--icons{

  display:flex !important;

  flex-direction:column !important;

  gap:10px !important;

  margin:0 !important;

  flex:1 1 auto !important;

}



.monitor-metrics--icons .metric{

  min-height:0 !important;

  height:58px !important;

  padding:10px 14px !important;

  display:grid !important;

  grid-template-columns:34px 74px minmax(0,1fr) !important;

  align-items:center !important;

  gap:12px !important;

  border-radius:12px !important;

  background:rgba(255,255,255,.045) !important;

  border:1px solid rgba(255,255,255,.075) !important;

}



.metric-ico{

  width:30px !important;

  height:30px !important;

  border-radius:50% !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  margin:0 !important;

  font-size:17px !important;

  line-height:1 !important;

  background:rgba(111,174,149,.12) !important;

  color:#9fd8b8 !important;

}



.monitor-metrics--icons .metric strong{

  font-size:23px !important;

  line-height:1 !important;

  color:#fff !important;

  text-align:left !important;

}



.monitor-metrics--icons .metric em{

  margin:0 !important;

  font-size:11px !important;

  line-height:1.25 !important;

  color:rgba(255,255,255,.70) !important;

  text-align:left !important;

}



.monitor-metrics--icons .metric i{

  display:none !important;

}



.monitor-btn,

.monitor-card .premium-btn{

  position:static !important;

  width:100% !important;

  min-height:44px !important;

  margin-top:14px !important;

  flex-shrink:0 !important;

}



/* на всякий случай скрываем старые элементы, если где-то остались */

.monitor-card .section-note,

.monitor-card .section-more,

.monitor-card .live-label{

  display:none !important;

}






/* === LIGHT BRAND HEADER === */



.top-bar{

  background:#f6f8f5 !important;

  border-bottom:1px solid rgba(20,40,30,.08) !important;

}



.top-bar,

.top-bar a,

.top-bar-date,

.rpn-badge{

  color:rgba(20,35,30,.62) !important;

}



.site-header{

  background:#ffffff !important;

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}



.nia-main-logo{

  filter:none !important;

  opacity:1 !important;

}



.btn-subscribe{

  background:#ffffff !important;

  border:1px solid rgba(20,110,55,.28) !important;

  color:#17612f !important;

}



.btn-subscribe:hover{

  background:#eef7f0 !important;

}



.site-nav{

  background:#ffffff !important;

  border-top:1px solid rgba(20,40,30,.06) !important;

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}



.nav-menu a{

  color:#15221c !important;

}



.nav-menu a:hover,

.nav-menu .active a{

  color:#0b6b34 !important;

  border-bottom-color:#0b8f43 !important;

}



/* === RESTORE NORMAL WIDE LAYOUT === */



.container,

.footer-container{

  max-width:1520px !important;

  margin-left:auto !important;

  margin-right:auto !important;

  padding-left:32px !important;

  padding-right:32px !important;

}



.premium-hero-grid{

  grid-template-columns:minmax(0,1fr) 380px !important;

  gap:28px !important;

}



.home-main-grid{

  grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr) !important;

  gap:24px !important;

}



.lower-grid,

.service-calendar-grid{

  gap:24px !important;

}



.ticker-line-wrap{

  max-width:none !important;

  padding-left:0 !important;

  padding-right:0 !important;

}



.ticker-line-wrap .container{

  max-width:1520px !important;

}



.site-footer .footer-container{

  max-width:1520px !important;

}






/* === HERO BACKGROUND ONLY INSIDE CONTAINER === */



/* убираем тёмную полосу на всю ширину */

.premium-home,

.premium-hero-wrap,

.site-main{

  background:#eef3ef !important;

}



/* делаем тёмную область только внутри контейнера */

.premium-hero-wrap > .container{

  background:#071119 !important;

  border-radius:0 0 0 0 !important;

  padding-top:26px !important;

  padding-bottom:24px !important;

}



/* тикер тоже в рамках той же ширины */

.ticker-line-wrap{

  background:#eef3ef !important;

}



.ticker-line-wrap > .container{

  background:#071119 !important;

  padding-bottom:18px !important;

}






/* === FOOTER WIDTH FIX === */



/* общий фон страницы */

.site-footer{

  background:#eef3ef !important;

  border-top:none !important;

  padding-top:0 !important;

}



/* сам футер только в контейнере */

.site-footer > .footer-container{

  background:#071119 !important;



  border-radius:0 !important;



  padding-top:42px !important;

  padding-bottom:28px !important;



  margin-top:0 !important;

}



/* блок подписки тоже в контейнере */

.subscribe-wrap{

  background:#eef3ef !important;

  border:none !important;

  margin-top:28px !important;

  padding-top:0 !important;

  padding-bottom:0 !important;

}



.subscribe-wrap > .container{

  background:#10231b !important;



  padding-top:24px !important;

  padding-bottom:24px !important;



  border-radius:0 !important;

}






/* === REMOVE FULL-WIDTH STRIPES === */



/* общий фон */

body,

.site-main,

.premium-home{

  background:#eef3ef !important;

}



/* верхние full-width зоны делаем прозрачными */

.top-bar,

.site-header,

.site-nav{

  background:#eef3ef !important;

  border:none !important;

}



/* содержимое верхних зон — в контейнере */

.top-bar > .container,

.site-header > .container,

.site-nav > .container{

  background:#fff !important;

  border-left:1px solid rgba(20,40,30,.07) !important;

  border-right:1px solid rgba(20,40,30,.07) !important;

}



/* навигации дать нижнюю границу только внутри контейнера */

.site-nav > .container{

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}



/* убрать непонятную нижнюю полосу на всю ширину */

.subscribe-wrap,

.site-footer{

  background:#eef3ef !important;

  border:none !important;

}



/* подписка только внутри контейнера */

.subscribe-wrap > .container{

  background:#10231b !important;

}



/* футер только внутри контейнера */

.site-footer > .footer-container{

  background:#071119 !important;

}



/* если осталась тёмная промежуточная линия */

.footer-top,

.footer-bottom{

  background:transparent !important;

}






/* === REMOVE BOTTOM STRIP === */



.subscribe-wrap{

  display:none !important;

}



.site-footer{

  margin-top:32px !important;

  padding-top:0 !important;

  background:#eef3ef !important;

  border:none !important;

}



/* убираем серую подложку */

.site-footer::before,

.site-footer::after{

  display:none !important;

}



/* сам футер */

.site-footer > .footer-container{

  margin-top:0 !important;

  box-shadow:none !important;

}



/* если осталась линия */

.footer-bottom,

.footer-top{

  border:none !important;

}






/* === CLEAN SOLID LIGHT HEADER === */



.top-bar,

.site-header,

.site-nav{

  background:#fff !important;

  margin:0 auto !important;

  border:none !important;

}



.top-bar > .container,

.site-header > .container,

.site-nav > .container{

  background:transparent !important;

  border-left:none !important;

  border-right:none !important;

}



.top-bar{

  height:30px !important;

  border-bottom:1px solid rgba(20,40,30,.06) !important;

}



.site-header{

  padding:22px 0 18px !important;

}



.site-nav{

  border-top:1px solid rgba(20,40,30,.07) !important;

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}



.site-nav > .container{

  border-bottom:none !important;

}



body{

  background:#eef3ef !important;

}






/* === FIX FULL WIDTH HEADER === */



/* общий фон страницы */

body{

  background:#eef3ef !important;

}



/* сами зоны прозрачные */

.top-bar,

.site-header,

.site-nav{

  background:transparent !important;

}



/* белый блок только в контейнере */

.top-bar > .container,

.site-header > .container,

.site-nav > .container{

  max-width:1520px !important;



  background:#fff !important;



  margin-left:auto !important;

  margin-right:auto !important;



  padding-left:32px !important;

  padding-right:32px !important;

}



/* склеиваем */

.top-bar > .container{

  border-bottom:1px solid rgba(20,40,30,.06) !important;

}



.site-header > .container{

  border-bottom:1px solid rgba(20,40,30,.08) !important;

}



.site-nav > .container{

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}






/* === REAL SINGLE HEADER FRAME === */



body{

  background:#eef3ef !important;

}



.site-head-frame{

  max-width:1520px !important;

  margin:0 auto !important;

  background:#fff !important;

  border-left:1px solid rgba(20,40,30,.07) !important;

  border-right:1px solid rgba(20,40,30,.07) !important;

}



.site-head-frame .top-bar,

.site-head-frame .site-header,

.site-head-frame .site-nav{

  background:transparent !important;

  margin:0 !important;

  border:none !important;

}



.site-head-frame .container{

  max-width:none !important;

  width:100% !important;

  background:transparent !important;

  border:none !important;

  padding-left:32px !important;

  padding-right:32px !important;

}



.site-head-frame .top-bar{

  height:30px !important;

  border-bottom:1px solid rgba(20,40,30,.06) !important;

}



.site-head-frame .site-header{

  padding:22px 0 18px !important;

  border-bottom:1px solid rgba(20,40,30,.08) !important;

}



.site-head-frame .site-nav{

  border-bottom:1px solid rgba(20,40,30,.10) !important;

}






/* === DESKTOP SCALE BALANCE === */



@media (min-width:1200px){



  .site-head-frame .site-header{

    padding:16px 0 14px !important;

  }



  .site-head-frame .top-bar{

    height:26px !important;

  }



  .site-nav .nav-menu a{

    padding:12px 16px !important;

    font-size:11px !important;

  }



  .premium-hero-wrap > .container{

    padding-top:22px !important;

    padding-bottom:20px !important;

  }



  .premium-hero-grid{

    grid-template-columns:minmax(0,1fr) 360px !important;

    gap:24px !important;

  }



  .premium-hero-card,

  .monitor-card{

    height:500px !important;

    min-height:500px !important;

    max-height:500px !important;

  }



  .premium-hero-body{

    max-width:500px !important;

    padding:0 0 38px 38px !important;

  }



  .premium-hero-title{

    font-size:42px !important;

    line-height:1.04 !important;

    max-width:500px !important;

  }



  .premium-hero-excerpt{

    font-size:15px !important;

    line-height:1.55 !important;

    max-width:470px !important;

  }



  .monitor-card{

    padding:28px 24px 22px !important;

  }



  .monitor-card-top .monitor-title{

    font-size:28px !important;

  }



  .monitor-metrics--icons .metric{

    height:58px !important;

  }

}






/* === HERO MORE COMPACT === */



@media (min-width:1200px){



  /* общий контейнер */

  .container,

  .footer-container{

    max-width:1420px !important;

  }



  /* hero уже */

  .premium-hero-grid{

    grid-template-columns:

      minmax(0,920px)

      330px !important;



    justify-content:center !important;



    gap:22px !important;

  }



  /* высота меньше */

  .premium-hero-card,

  .monitor-card{

    height:470px !important;

    min-height:470px !important;

    max-height:470px !important;

  }



  /* текстовая колонка уже */

  .premium-hero-body{

    max-width:440px !important;

    padding:0 0 34px 34px !important;

  }



  /* заг компактнее */

  .premium-hero-title{

    font-size:36px !important;

    line-height:1.06 !important;

    max-width:430px !important;

    letter-spacing:-0.03em !important;

  }



  .premium-hero-excerpt{

    font-size:14px !important;

    line-height:1.5 !important;

    max-width:420px !important;

    margin-top:16px !important;

  }



  /* мониторинг компактнее */

  .monitor-card{

    padding:24px 22px 18px !important;

  }



  .monitor-card-top .monitor-title{

    font-size:24px !important;

  }



  .monitor-metrics--icons .metric{

    height:54px !important;

    padding:8px 12px !important;

  }



  .metric strong{

    font-size:20px !important;

  }

}






/* === HERO NEWS-SIZE FINAL === */



@media (min-width:1200px){



  .premium-hero-wrap > .container{

    padding-top:18px !important;

    padding-bottom:18px !important;

  }



  .premium-hero-grid{

    grid-template-columns:780px 300px !important;

    gap:20px !important;

    justify-content:center !important;

  }



  .premium-hero-card,

  .monitor-card{

    height:390px !important;

    min-height:390px !important;

    max-height:390px !important;

  }



  .premium-hero-body{

    max-width:370px !important;

    padding:0 0 28px 28px !important;

  }



  .premium-hero-title{

    font-size:30px !important;

    line-height:1.08 !important;

    max-width:360px !important;

  }



  .premium-hero-excerpt{

    font-size:13px !important;

    line-height:1.45 !important;

    max-width:350px !important;

    margin-top:14px !important;

  }



  .premium-meta{

    margin-top:16px !important;

    font-size:10px !important;

  }



  .premium-badges{

    margin-bottom:10px !important;

  }



  .monitor-card{

    padding:22px 20px 18px !important;

  }



  .monitor-card-top .monitor-title{

    font-size:22px !important;

  }



  .monitor-region{

    margin-bottom:12px !important;

  }



  .monitor-metrics--icons{

    gap:8px !important;

  }



  .monitor-metrics--icons .metric{

    height:48px !important;

  }



  .monitor-metrics--icons .metric strong{

    font-size:18px !important;

  }



  .monitor-metrics--icons .metric em{

    font-size:10px !important;

  }

}






/* === RUNNING NEWS TICKER === */



.ticker-line{

  display:flex !important;

  align-items:center !important;

  gap:16px !important;

  overflow:hidden !important;

}



.ticker-line strong,

.ticker-line .live-label{

  flex:0 0 auto !important;

}



.ticker-marquee{

  flex:1 1 auto !important;

  overflow:hidden !important;

  min-width:0 !important;

  position:relative !important;

}



.ticker-track{

  display:flex !important;

  align-items:center !important;

  gap:34px !important;

  width:max-content !important;

  white-space:nowrap !important;

  animation:niaTickerRun 65s linear infinite !important;

  will-change:transform !important;

}



.ticker-track:hover{

  animation-play-state:paused !important;

}



.ticker-track a{

  display:inline-flex !important;

  align-items:center !important;

  gap:8px !important;

  color:rgba(255,255,255,.78) !important;

  font-size:12px !important;

}



.ticker-track time{

  color:#8fd9b8 !important;

  font-size:11px !important;

  font-variant-numeric:tabular-nums !important;

}



.ticker-track span{

  max-width:none !important;

}



@keyframes niaTickerRun{

  from{ transform:translateX(0); }

  to{ transform:translateX(-50%); }

}



@media (prefers-reduced-motion:reduce){

  .ticker-track{

    animation:none !important;

  }

}






/* === FORCE RUNNING TICKER === */



.ticker-line{

  overflow:hidden !important;

  display:flex !important;

  align-items:center !important;

  gap:16px !important;

}



.ticker-line strong,

.ticker-line .live-label{

  flex:0 0 auto !important;

}



.ticker-marquee{

  flex:1 1 auto !important;

  overflow:hidden !important;

  min-width:0 !important;

}



.ticker-track{

  display:flex !important;

  align-items:center !important;

  gap:36px !important;

  width:max-content !important;

  white-space:nowrap !important;

  animation:niaTickerMove 45s linear infinite !important;

}



.ticker-track:hover{

  animation-play-state:paused !important;

}



.ticker-track a{

  display:inline-flex !important;

  align-items:center !important;

  gap:8px !important;

  color:rgba(255,255,255,.78) !important;

  font-size:12px !important;

}



.ticker-track time{

  color:#8fd9b8 !important;

  font-size:11px !important;

}



@keyframes niaTickerMove{

  0%{

    transform:translateX(0);

  }

  100%{

    transform:translateX(-33.333%);

  }

}






/* === TICKER 24H FULL TITLES === */



.ticker-line{

  display:flex !important;

  align-items:center !important;

  gap:18px !important;

  overflow:hidden !important;

  white-space:nowrap !important;

}



.ticker-line strong,

.ticker-line .live-label{

  flex:0 0 auto !important;

}



.ticker-marquee{

  flex:1 1 auto !important;

  min-width:0 !important;

  overflow:hidden !important;

}



.ticker-track{

  display:flex !important;

  align-items:center !important;

  gap:42px !important;

  width:max-content !important;

  white-space:nowrap !important;

  animation:niaTicker24h 90s linear infinite !important;

  will-change:transform !important;

}



.ticker-track:hover{

  animation-play-state:paused !important;

}



.ticker-track a{

  display:inline-flex !important;

  align-items:center !important;

  gap:10px !important;

  color:rgba(255,255,255,.82) !important;

  font-size:13px !important;

  max-width:none !important;

  overflow:visible !important;

  text-overflow:clip !important;

}



.ticker-track time{

  color:#8fd9b8 !important;

  font-size:12px !important;

  font-variant-numeric:tabular-nums !important;

}



.ticker-track span{

  overflow:visible !important;

  text-overflow:clip !important;

  max-width:none !important;

}



@keyframes niaTicker24h{

  from{ transform:translateX(0); }

  to{ transform:translateX(-50%); }

}






/* === JS TICKER OVERRIDE === */



.ticker-track{

  animation:none !important;

  transition:none !important;

  transform:translateX(0);

}



.ticker-marquee{

  overflow:hidden !important;

}






/* === TICKER JS FIX === */



.ticker-line{

  overflow:hidden !important;

}



.ticker-marquee{

  overflow:hidden !important;

  flex:1 1 auto !important;

  min-width:0 !important;

}



.ticker-track{

  display:flex !important;

  flex-wrap:nowrap !important;

  gap:42px !important;

  width:max-content !important;

  white-space:nowrap !important;

  animation:none !important;

  will-change:transform !important;

}



.ticker-track a{

  flex:0 0 auto !important;

  max-width:none !important;

}






/* === FINAL 24H MARQUEE TICKER === */



.ticker-line{

  overflow:hidden !important;

  display:flex !important;

  align-items:center !important;

  gap:18px !important;

  white-space:nowrap !important;

}



.ticker-line strong,

.ticker-line .live-label{

  flex:0 0 auto !important;

}



.ticker-marquee{

  flex:1 1 auto !important;

  min-width:0 !important;

  overflow:hidden !important;

}



.ticker-track{

  display:flex !important;

  flex-wrap:nowrap !important;

  align-items:center !important;

  gap:46px !important;

  width:max-content !important;

  white-space:nowrap !important;

  animation:tickerFinalMove 75s linear infinite !important;

}



.ticker-track a{

  flex:0 0 auto !important;

  display:inline-flex !important;

  align-items:center !important;

  gap:10px !important;

  max-width:none !important;

  overflow:visible !important;

  text-overflow:clip !important;

  color:rgba(255,255,255,.82) !important;

}



.ticker-track time{

  color:#8fd9b8 !important;

  font-size:12px !important;

}



@keyframes tickerFinalMove{

  from{transform:translateX(0);}

  to{transform:translateX(-50%);}

}









/* =========================================================

   FINAL LIGHT OPINION BLOCK

   ========================================================= */



.opinion-showcase{

  margin-top:26px !important;



  padding:24px !important;



  background:#ffffff !important;



  border:1px solid rgba(20,40,30,.08) !important;



  border-radius:18px !important;



  box-shadow:

    0 10px 30px rgba(0,0,0,.04) !important;

}



.opinion-showcase__head{

  display:flex !important;

  align-items:flex-start !important;

  justify-content:space-between !important;



  margin-bottom:18px !important;

}



.opinion-showcase__title{

  color:#1c2a24 !important;



  font-size:34px !important;



  line-height:1.05 !important;



  letter-spacing:-0.03em !important;

}



.opinion-showcase__subtitle{

  margin-top:6px !important;



  color:#6f7c75 !important;



  font-size:13px !important;



  line-height:1.5 !important;

}



.opinion-showcase__grid{

  display:grid !important;



  grid-template-columns:

    minmax(0,1.25fr)

    420px !important;



  gap:18px !important;

}



.opinion-hero-card,

.opinion-side-card{

  position:relative !important;



  overflow:hidden !important;



  border-radius:14px !important;



  border:none !important;



  background:#0a141d !important;



  box-shadow:

    0 10px 24px rgba(0,0,0,.14) !important;

}



.opinion-hero-card{

  min-height:420px !important;

}



.opinion-side-stack{

  display:grid !important;



  grid-template-rows:1fr 1fr !important;



  gap:18px !important;

}



.opinion-side-card{

  min-height:200px !important;

}



.opinion-hero-card__img,

.opinion-side-card__img{

  position:absolute !important;



  inset:0 !important;



  width:100% !important;

  height:100% !important;



  object-fit:cover !important;



  filter:

    saturate(.78)

    contrast(1.08)

    brightness(.58) !important;

}



.opinion-hero-card__shade{

  position:absolute !important;

  inset:0 !important;



  background:

    linear-gradient(

      90deg,

      rgba(4,10,15,.92) 0%,

      rgba(4,10,15,.72) 34%,

      rgba(4,10,15,.22) 70%,

      rgba(4,10,15,.08) 100%

    ) !important;

}



.opinion-side-card__shade{

  position:absolute !important;

  inset:0 !important;



  background:

    linear-gradient(

      90deg,

      rgba(4,10,15,.88) 0%,

      rgba(4,10,15,.66) 46%,

      rgba(4,10,15,.22) 100%

    ) !important;

}



.opinion-hero-card__content{

  position:relative !important;



  z-index:3 !important;



  width:52% !important;



  padding:28px !important;

}



.opinion-side-card__content{

  position:relative !important;



  z-index:3 !important;



  width:72% !important;



  padding:22px !important;

}



.opinion-label{

  display:inline-flex !important;



  align-items:center !important;



  padding:4px 8px !important;



  border-radius:4px !important;



  background:rgba(111,174,149,.12) !important;



  border:1px solid rgba(111,174,149,.16) !important;



  color:#b9dcc7 !important;



  font-size:10px !important;



  font-weight:700 !important;



  letter-spacing:.08em !important;



  text-transform:uppercase !important;

}



.opinion-hero-card h3,

.opinion-side-card h3{

  margin-top:14px !important;



  color:#ffffff !important;



  line-height:1.08 !important;



  letter-spacing:-0.03em !important;

}



.opinion-hero-card h3{

  font-size:42px !important;



  max-width:420px !important;

}



.opinion-side-card h3{

  font-size:28px !important;

}



.opinion-hero-card p,

.opinion-side-card p{

  margin-top:14px !important;



  color:rgba(255,255,255,.74) !important;



  font-size:14px !important;



  line-height:1.55 !important;

}



.opinion-meta{

  margin-top:18px !important;



  color:rgba(255,255,255,.52) !important;



  font-size:11px !important;

}



.opinion-read-btn{

  margin-top:18px !important;



  display:inline-flex !important;



  align-items:center !important;



  min-height:38px !important;



  padding:0 16px !important;



  border-radius:8px !important;



  border:1px solid rgba(111,174,149,.24) !important;



  color:#d8eedf !important;



  background:rgba(111,174,149,.10) !important;

}



.opinion-services{

  display:none !important;

}



@media (max-width:1200px){



  .opinion-showcase__grid{

    grid-template-columns:1fr !important;

  }



  .opinion-side-stack{

    grid-template-columns:1fr 1fr !important;

    grid-template-rows:none !important;

  }



  .opinion-hero-card{

    min-height:380px !important;

  }

}



@media (max-width:768px){



  .opinion-side-stack{

    grid-template-columns:1fr !important;

  }



  .opinion-hero-card__content,

  .opinion-side-card__content{

    width:100% !important;

  }



  .opinion-hero-card h3{

    font-size:32px !important;

  }



  .opinion-side-card h3{

    font-size:24px !important;

  }

}






/* === OPINIONS LIGHT MOCKUP BLOCK === */



.opinion-showcase--light{

  margin-top:28px !important;

  padding:28px !important;

  background:#fff !important;

  border:1px solid rgba(20,40,30,.08) !important;

  border-radius:18px !important;

  box-shadow:0 14px 34px rgba(0,0,0,.04) !important;

}



.opinion-showcase--light .opinion-showcase__head{

  display:flex !important;

  justify-content:space-between !important;

  align-items:flex-start !important;

  margin-bottom:22px !important;

}



.opinion-showcase--light .opinion-showcase__title{

  color:#1d2a24 !important;

  font-size:32px !important;

}



.opinion-showcase--light .opinion-showcase__subtitle{

  color:#6f7b74 !important;

}



.opinion-light-grid{

  display:grid !important;

  grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr) !important;

  gap:18px !important;

}



.opinion-light-lead,

.opinion-light-card{

  background:#f3f7f4 !important;

  border:1px solid rgba(20,40,30,.08) !important;

  border-radius:16px !important;

  overflow:hidden !important;

}



.opinion-light-link{

  display:grid !important;

  grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr) !important;

  min-height:330px !important;

}



.opinion-light-text{

  padding:28px !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

}



.opinion-light-text strong{

  margin-top:14px !important;

  color:#1d2a24 !important;

  font-family:var(--font-editorial) !important;

  font-size:34px !important;

  line-height:1.08 !important;

  letter-spacing:-.035em !important;

}



.opinion-light-text em,

.opinion-light-card__text em{

  margin-top:14px !important;

  color:#5f6b65 !important;

  font-style:normal !important;

  line-height:1.55 !important;

}



.opinion-light-text small,

.opinion-light-card__text small{

  margin-top:16px !important;

  color:#7a8780 !important;

  font-size:11px !important;

}



.opinion-light-image,

.opinion-light-card__image{

  display:block !important;

  min-height:100% !important;

  background:#dce7df !important;

}



.opinion-light-image img,

.opinion-light-card__image img{

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

}



.opinion-light-side{

  display:grid !important;

  grid-template-rows:1fr 1fr !important;

  gap:18px !important;

}



.opinion-light-card a{

  display:grid !important;

  grid-template-columns:minmax(0,1fr) 190px !important;

  min-height:156px !important;

}



.opinion-light-card__text{

  padding:20px !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

}



.opinion-light-card__text strong{

  margin-top:10px !important;

  color:#1d2a24 !important;

  font-family:var(--font-editorial) !important;

  font-size:22px !important;

  line-height:1.12 !important;

}



.opinion-showcase--light .opinion-label{

  align-self:flex-start !important;

  background:#e5f3ea !important;

  border:1px solid #b8dcc6 !important;

  color:#176b3c !important;

}



.opinion-showcase--light .opinion-read-btn{

  margin-top:20px !important;

  color:#176b3c !important;

  border-color:#b8dcc6 !important;

  background:#fff !important;

}



.opinion-showcase--light .opinion-services{

  display:none !important;

}



@media(max-width:1100px){

  .opinion-light-grid,

  .opinion-light-link{

    grid-template-columns:1fr !important;

  }



  .opinion-light-side{

    grid-template-columns:1fr 1fr !important;

    grid-template-rows:none !important;

  }

}






/* === OPINION MOCKUP POLISH === */



/* убираем кнопку */

.opinion-read-btn{

  display:none !important;

}



/* главный блок — фото важнее */

.opinion-light-link{

  grid-template-columns:

    minmax(320px,.78fr)

    minmax(0,1.22fr) !important;

}



/* текстовая часть уже */

.opinion-light-text{

  padding:24px !important;

}



/* заголовок меньше */

.opinion-light-text strong{

  font-size:28px !important;

  line-height:1.08 !important;

  max-width:320px !important;

}



/* описание компактнее */

.opinion-light-text em{

  font-size:13px !important;

  line-height:1.5 !important;

  max-width:310px !important;

}



/* правая колонка легче */

.opinion-light-card{

  min-height:180px !important;

}



.opinion-light-card a{

  grid-template-columns:

    minmax(0,1fr)

    170px !important;

}



/* заголовки справа компактнее */

.opinion-light-card__text strong{

  font-size:20px !important;

  line-height:1.15 !important;

}



/* меньше воздуха */

.opinion-light-card__text{

  padding:18px !important;

}



/* фото справа мягче */

.opinion-light-image img,

.opinion-light-card__image img{

  filter:

    saturate(.88)

    contrast(1.02)

    brightness(.96) !important;

}



/* мягче контейнер */

.opinion-showcase--light{

  box-shadow:

    0 6px 18px rgba(0,0,0,.03) !important;

}






/* === OPINION BLOCK COMPACT HEIGHT === */



.opinion-showcase--light{

  padding:22px !important;

}



.opinion-showcase--light .opinion-showcase__head{

  margin-bottom:16px !important;

}



.opinion-showcase--light .opinion-showcase__title{

  font-size:28px !important;

}



.opinion-showcase--light .opinion-showcase__subtitle{

  font-size:12px !important;

  margin-top:4px !important;

}



.opinion-light-grid{

  gap:14px !important;

}



/* главный блок */

.opinion-light-link{

  min-height:260px !important;



  grid-template-columns:

    minmax(280px,.82fr)

    minmax(0,1.18fr) !important;

}



.opinion-light-text{

  padding:20px !important;

}



.opinion-light-text strong{

  font-size:24px !important;

  line-height:1.05 !important;

  max-width:280px !important;

}



.opinion-light-text em{

  margin-top:10px !important;



  font-size:12px !important;

  line-height:1.42 !important;



  max-width:270px !important;

}



.opinion-light-text small{

  margin-top:12px !important;

}



/* правая колонка */

.opinion-light-side{

  gap:14px !important;

}



.opinion-light-card{

  min-height:122px !important;

}



.opinion-light-card a{

  min-height:122px !important;



  grid-template-columns:

    minmax(0,1fr)

    150px !important;

}



.opinion-light-card__text{

  padding:16px !important;

}



.opinion-light-card__text strong{

  font-size:18px !important;

  line-height:1.12 !important;

}



.opinion-light-card__text em{

  margin-top:8px !important;



  font-size:11px !important;

  line-height:1.38 !important;

}



.opinion-light-card__text small{

  margin-top:10px !important;



  font-size:10px !important;

}



/* фото ниже визуально */

.opinion-light-image img{

  object-position:center center !important;

}



.opinion-light-card__image img{

  object-position:center center !important;

}






/* === OPINION LEAD AS HERO STYLE === */



.opinion-light-lead{

  position:relative !important;

  overflow:hidden !important;

  background:#071119 !important;

}



.opinion-light-lead .opinion-light-link{

  position:relative !important;

  display:block !important;

  min-height:280px !important;

}



/* фото как в hero — от правого края, 80% ширины */

.opinion-light-lead .opinion-light-image{

  position:absolute !important;

  top:0 !important;

  right:0 !important;

  bottom:0 !important;



  width:80% !important;

  height:100% !important;



  z-index:1 !important;

}



.opinion-light-lead .opinion-light-image img{

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

  object-position:center center !important;

}



/* затемнение слева под текст */

.opinion-light-lead .opinion-light-link::after{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  z-index:2 !important;



  background:

    linear-gradient(

      90deg,

      rgba(4,10,15,.94) 0%,

      rgba(4,10,15,.88) 26%,

      rgba(4,10,15,.62) 44%,

      rgba(4,10,15,.22) 63%,

      rgba(4,10,15,.05) 100%

    ) !important;

}



/* текст поверх затемнения */

.opinion-light-lead .opinion-light-text{

  position:relative !important;

  z-index:3 !important;



  width:44% !important;

  max-width:360px !important;



  min-height:280px !important;



  padding:24px 24px 22px !important;



  color:#fff !important;

}



.opinion-light-lead .opinion-light-text strong{

  color:#fff !important;

  font-size:25px !important;

  line-height:1.06 !important;

  max-width:330px !important;

}



.opinion-light-lead .opinion-light-text em{

  color:rgba(255,255,255,.74) !important;

  max-width:310px !important;

}



.opinion-light-lead .opinion-light-text small{

  color:rgba(255,255,255,.58) !important;

}



.opinion-light-lead .opinion-label{

  background:rgba(111,174,149,.16) !important;

  border-color:rgba(111,174,149,.24) !important;

  color:#d7f0df !important;

}






/* === ECO CALENDAR STATIC LIGHT === */



.calendar-panel--light{

  margin-top:28px !important;

  padding:24px !important;

  background:#fff !important;

  border:1px solid rgba(20,40,30,.08) !important;

  border-radius:18px !important;

  box-shadow:0 10px 28px rgba(0,0,0,.035) !important;

}



.calendar-panel--light .section-title{

  color:#1d2a24 !important;

  font-size:30px !important;

}



.calendar-panel--light .section-note{

  color:#7a877f !important;

}



.calendar-strip--light{

  display:grid !important;

  grid-template-columns:repeat(6,minmax(0,1fr)) !important;

  gap:12px !important;

}



.calendar-strip--light .calendar-item{

  min-height:138px !important;

  padding:16px !important;

  border:1px solid rgba(20,40,30,.08) !important;

  border-radius:14px !important;

  background:#f4f8f5 !important;

  color:#1d2a24 !important;

}



.calendar-strip--light .calendar-item:hover{

  background:#edf6f0 !important;

  border-color:rgba(23,107,60,.22) !important;

}



.calendar-strip--light .cal-date strong{

  color:#176b3c !important;

  font-size:34px !important;

}



.calendar-strip--light .cal-date em{

  color:#6f7b74 !important;

}



.calendar-strip--light .calendar-item span:not(.cal-date){

  color:#1d2a24 !important;

  font-size:13px !important;

  line-height:1.35 !important;

  font-weight:600 !important;

}



.calendar-strip--light .calendar-item small{

  margin-top:auto !important;

  color:#7a877f !important;

  font-size:11px !important;

}



@media(max-width:1100px){

  .calendar-strip--light{

    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  }

}






/* === SPECIAL PROJECTS BLOCK === */



.special-projects-block{

  margin-top:28px !important;

  padding:24px !important;

  background:#fff !important;

  border:1px solid rgba(20,40,30,.08) !important;

  border-radius:18px !important;

  box-shadow:0 10px 28px rgba(0,0,0,.035) !important;

}



.special-projects-block .section-title{

  color:#1d2a24 !important;

  font-size:30px !important;

}



.special-projects-grid{

  display:grid !important;

  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:14px !important;

}



.special-project-card{

  overflow:hidden !important;

  border-radius:14px !important;

  background:#f4f8f5 !important;

  border:1px solid rgba(20,40,30,.08) !important;

}



.special-project-card:hover{

  background:#edf6f0 !important;

  border-color:rgba(23,107,60,.22) !important;

}



.special-project-card__img{

  display:block !important;

  height:145px !important;

  background:#dce7df !important;

}



.special-project-card__img img{

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

}



.special-project-card__body{

  display:block !important;

  padding:14px !important;

}



.special-project-card__body strong{

  display:block !important;

  color:#1d2a24 !important;

  font-size:15px !important;

  line-height:1.28 !important;

}



.special-project-card__body small{

  display:block !important;

  margin-top:10px !important;

  color:#7a877f !important;

  font-size:11px !important;

}



@media(max-width:1100px){

  .special-projects-grid{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  }

}






/* === SPECIAL PROJECT DIRECTIONS === */



.special-projects-directions{

  margin-top:28px !important;

}



.special-directions-grid{

  display:grid !important;

  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:14px !important;

}



.special-direction-card{

  position:relative !important;

  min-height:150px !important;

  overflow:hidden !important;

  border-radius:14px !important;

  background:#0b171f !important;

  border:1px solid rgba(20,40,30,.08) !important;

  display:flex !important;

  align-items:flex-end !important;

  padding:18px !important;

}



.special-direction-card::before{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  background:

    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.62)),

    radial-gradient(circle at 70% 20%,rgba(111,174,149,.28),transparent 35%) !important;

  z-index:1 !important;

}



.special-direction-card span{

  position:relative !important;

  z-index:2 !important;

  color:#fff !important;

  font-family:var(--font-editorial) !important;

  font-size:24px !important;

  line-height:1.1 !important;

}



.special-direction-card--arctic{

  background:

    linear-gradient(135deg,#10212a,#d8e6ee) !important;

}



.special-direction-card--baikal{

  background:

    linear-gradient(135deg,#0c2430,#77a9bf) !important;

}



.special-direction-card--water{

  background:

    linear-gradient(135deg,#0e2b34,#8fc7cf) !important;

}



.special-direction-card--reserve{

  background:

    linear-gradient(135deg,#17331f,#87b383) !important;

}



@media(max-width:1100px){

  .special-directions-grid{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  }

}






/* === SPECIAL PROJECTS NEWS DIRECTIONS === */



.special-directions-grid--news{

  display:grid !important;

  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:14px !important;

}



.special-direction-news-card{

  padding:18px !important;

  min-height:230px !important;

  border-radius:16px !important;

  background:#f4f8f5 !important;

  border:1px solid rgba(20,40,30,.08) !important;

}



.special-direction-news-card:hover{

  border-color:rgba(23,107,60,.22) !important;

  background:#f0f7f2 !important;

}



.special-direction-head{

  display:flex !important;

  align-items:center !important;

  gap:12px !important;

  margin-bottom:16px !important;

}



.special-direction-icon{

  width:46px !important;

  height:46px !important;

  border-radius:14px !important;



  display:flex !important;

  align-items:center !important;

  justify-content:center !important;



  background:

    radial-gradient(circle at 30% 25%,rgba(111,174,149,.28),transparent 38%),

    linear-gradient(135deg,#eaf4ee,#dcebe2) !important;



  color:#176b3c !important;

  font-size:27px !important;

  font-weight:700 !important;

}



.special-direction-head strong{

  color:#1d2a24 !important;

  font-family:var(--font-editorial) !important;

  font-size:23px !important;

  line-height:1.05 !important;

}



.special-direction-news-list{

  display:flex !important;

  flex-direction:column !important;

  gap:12px !important;

}



.special-direction-news-list li{

  padding-top:12px !important;

  border-top:1px solid rgba(20,40,30,.08) !important;

}



.special-direction-news-list li:first-child{

  padding-top:0 !important;

  border-top:none !important;

}



.special-direction-news-list a{

  display:block !important;

  color:#1d2a24 !important;

  font-size:13px !important;

  line-height:1.35 !important;

  font-weight:650 !important;

}



.special-direction-news-list a:hover{

  color:#176b3c !important;

}



.special-direction-news-list time{

  display:block !important;

  margin-top:5px !important;

  color:#7a877f !important;

  font-size:10px !important;

  letter-spacing:.04em !important;

  text-transform:uppercase !important;

}



.special-direction-empty{

  color:#7a877f !important;

  font-size:13px !important;

}



@media(max-width:1100px){

  .special-directions-grid--news{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  }

}






/* === PREMIUM SPECIAL PROJECT ICONS === */



.special-direction-icon{

  font-size:0 !important;

  position:relative !important;

  overflow:hidden !important;

}



.special-direction-icon::before,

.special-direction-icon::after{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  margin:auto !important;

}



/* Арктика — льдина/северное сияние */

.special-direction-news-card:nth-child(1) .special-direction-icon::before{

  width:28px;

  height:18px;

  border-radius:50% 50% 45% 45%;

  background:

    linear-gradient(135deg,#ffffff,#b9d8e6);

  clip-path:polygon(0 70%,20% 30%,42% 58%,60% 18%,82% 62%,100% 38%,100% 100%,0 100%);

}



.special-direction-news-card:nth-child(1) .special-direction-icon::after{

  width:34px;

  height:34px;

  border-radius:50%;

  border:2px solid rgba(23,107,60,.25);

  border-top-color:#176b3c;

  transform:rotate(-25deg);

}



/* Байкал — волна */

.special-direction-news-card:nth-child(2) .special-direction-icon::before{

  width:30px;

  height:18px;

  border-radius:50%;

  border-bottom:4px solid #176b3c;

  border-left:4px solid transparent;

  transform:translateY(-2px) rotate(-8deg);

}



.special-direction-news-card:nth-child(2) .special-direction-icon::after{

  width:22px;

  height:12px;

  border-radius:50%;

  border-bottom:3px solid rgba(23,107,60,.45);

  transform:translateY(8px) rotate(-8deg);

}



/* Чистая вода — капля */

.special-direction-news-card:nth-child(3) .special-direction-icon::before{

  width:22px;

  height:30px;

  background:#176b3c;

  border-radius:55% 55% 55% 55%;

  clip-path:path("M11 0 C18 9 22 15 22 21 C22 27 17 30 11 30 C5 30 0 27 0 21 C0 15 4 9 11 0 Z");

}



.special-direction-news-card:nth-child(3) .special-direction-icon::after{

  width:8px;

  height:8px;

  border-radius:50%;

  background:rgba(255,255,255,.72);

  transform:translate(-4px,-7px);

}



/* Заповедная Россия — лист/щит */

.special-direction-news-card:nth-child(4) .special-direction-icon::before{

  width:25px;

  height:31px;

  background:#176b3c;

  clip-path:polygon(50% 0,90% 16%,84% 62%,50% 100%,16% 62%,10% 16%);

}



.special-direction-news-card:nth-child(4) .special-direction-icon::after{

  width:16px;

  height:22px;

  border-radius:100% 0 100% 0;

  background:#dcebe2;

  transform:rotate(38deg);

}




/* === ECOMONITOR ONLY FINAL HARD FIX === */



body .monitor-card{

  padding:26px 30px !important;

  border-radius:22px !important;

  overflow:hidden !important;



  background:

    radial-gradient(circle at 86% 14%, rgba(57,150,88,.22), transparent 34%),

    linear-gradient(135deg,#071119 0%,#0b1b22 64%,#0b241d 100%) !important;



  border:1px solid rgba(111,174,149,.24) !important;

}



body .monitor-card::before,

body .monitor-card::after{

  display:none !important;

  content:none !important;

}



body .monitor-title{

  display:block !important;

  text-align:center !important;

  font-size:26px !important;

  line-height:1.05 !important;

  margin:0 !important;

  color:#fff !important;

}



body .monitor-region{

  position:static !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:7px !important;

  margin:8px 0 16px !important;

  padding:0 !important;

  border:0 !important;

  background:transparent !important;

  color:rgba(255,255,255,.72) !important;

  font-size:13px !important;

}



body .monitor-metrics--compact{

  display:flex !important;

  flex-direction:column !important;

  gap:7px !important;

  width:100% !important;

  max-height:none !important;

  overflow:visible !important;

  margin:0 !important;

  padding:0 !important;

  background:transparent !important;

  border:0 !important;

}



body .monitor-metrics--compact .metric,

body .monitor-metrics--compact .metric:nth-child(n){

  display:grid !important;

  grid-template-columns:28px 66px minmax(0,1fr) !important;

  align-items:center !important;

  gap:12px !important;



  height:36px !important;

  min-height:36px !important;

  max-height:36px !important;



  padding:0 12px !important;

  margin:0 !important;



  border-radius:10px !important;

  background:rgba(255,255,255,.045) !important;

  border:1px solid rgba(255,255,255,.075) !important;

}



body .metric-icon{

  display:flex !important;

  opacity:1 !important;

  width:22px !important;

  height:22px !important;

  border-radius:7px !important;

  align-items:center !important;

  justify-content:center !important;

  background:rgba(111,174,149,.14) !important;

  border:1px solid rgba(111,174,149,.28) !important;

}



body .monitor-metrics--compact strong{

  font-size:15px !important;

  line-height:1 !important;

  color:#fff !important;

  font-weight:800 !important;

  white-space:nowrap !important;

}



body .monitor-metrics--compact em{

  font-size:10px !important;

  line-height:1.15 !important;

  color:rgba(255,255,255,.68) !important;

  white-space:nowrap !important;

  overflow:hidden !important;

  text-overflow:ellipsis !important;

}






/* === REAL ECOMONITOR FIX (ICONS LAYOUT) === */



.monitor-card{

  padding:26px 30px !important;



  background:

    radial-gradient(circle at 84% 16%, rgba(55,150,88,.22), transparent 34%),

    linear-gradient(135deg,#071119 0%,#0b1b22 64%,#0b241d 100%) !important;



  border:1px solid rgba(111,174,149,.24) !important;

  border-radius:22px !important;

}



.monitor-card::before,

.monitor-card::after{

  display:none !important;

}



.monitor-card-top{

  margin-bottom:16px !important;

}



.monitor-card-top .monitor-title{

  font-size:26px !important;

  text-align:center !important;

  line-height:1.05 !important;

}



.monitor-metrics--icons{

  display:flex !important;

  flex-direction:column !important;

  gap:8px !important;

}



.monitor-metrics--icons .metric{

  display:grid !important;



  grid-template-columns:

    28px

    64px

    minmax(0,1fr) !important;



  align-items:center !important;

  gap:12px !important;



  height:40px !important;

  min-height:40px !important;



  padding:0 12px !important;



  border-radius:10px !important;



  background:rgba(255,255,255,.045) !important;

  border:1px solid rgba(255,255,255,.075) !important;

}



.monitor-metrics--icons .metric strong{

  font-size:15px !important;

  line-height:1 !important;

  white-space:nowrap !important;

}



.monitor-metrics--icons .metric em{

  font-size:10px !important;

  line-height:1.15 !important;



  white-space:nowrap !important;

  overflow:hidden !important;

  text-overflow:ellipsis !important;



  color:rgba(255,255,255,.68) !important;

}



.metric-ico{

  width:22px !important;

  height:22px !important;



  border-radius:7px !important;



  background:rgba(111,174,149,.14) !important;

  border:1px solid rgba(111,174,149,.28) !important;

}






/* === REAL ECOMONITOR FIX (ICONS LAYOUT) === */



.monitor-card{

  padding:26px 30px !important;



  background:

    radial-gradient(circle at 84% 16%, rgba(55,150,88,.22), transparent 34%),

    linear-gradient(135deg,#071119 0%,#0b1b22 64%,#0b241d 100%) !important;



  border:1px solid rgba(111,174,149,.24) !important;

  border-radius:22px !important;

}



.monitor-card::before,

.monitor-card::after{

  display:none !important;

}



.monitor-card-top{

  margin-bottom:16px !important;

}



.monitor-card-top .monitor-title{

  font-size:26px !important;

  text-align:center !important;

  line-height:1.05 !important;

}



.monitor-metrics--icons{

  display:flex !important;

  flex-direction:column !important;

  gap:8px !important;

}



.monitor-metrics--icons .metric{

  display:grid !important;



  grid-template-columns:

    28px

    64px

    minmax(0,1fr) !important;



  align-items:center !important;

  gap:12px !important;



  height:40px !important;

  min-height:40px !important;



  padding:0 12px !important;



  border-radius:10px !important;



  background:rgba(255,255,255,.045) !important;

  border:1px solid rgba(255,255,255,.075) !important;

}



.monitor-metrics--icons .metric strong{

  font-size:15px !important;

  line-height:1 !important;

  white-space:nowrap !important;

}



.monitor-metrics--icons .metric em{

  font-size:10px !important;

  line-height:1.15 !important;



  white-space:nowrap !important;

  overflow:hidden !important;

  text-overflow:ellipsis !important;



  color:rgba(255,255,255,.68) !important;

}



.metric-ico{

  width:22px !important;

  height:22px !important;



  border-radius:7px !important;



  background:rgba(111,174,149,.14) !important;

  border:1px solid rgba(111,174,149,.28) !important;

}






/* === EXTRA MONITOR METRICS === */



.metric-icon--geo::before{

  content:"◎";

  color:#9fd8b8;

  font-size:14px;

}



.metric-icon--fire::before{

  content:"♨";

  color:#9fd8b8;

  font-size:14px;

}






/* === EDITORIAL CORNER SYSTEM === */



.premium-panel,

.topic-column,

.calendar-item,

.special-direction-news-card,

.news-row,

.premium-news-card,

.incident-panel,

.dejure-panel,

.rating-panel{

  border-radius:14px !important;

}



.news-row__thumb img,

.topic-lead__img img,

.premium-news-imglink img{

  border-radius:10px !important;

}



.premium-hero-card,

.monitor-card,

.opinion-light-lead{

  border-radius:22px !important;

}






/* === WORLD-CLASS POLISH: PROJECTS / CALENDAR / FOOTER / MOTION === */



/* 1. Microinteractions */

.premium-news-card,

.news-row,

.topic-column,

.rating-panel,

.incident-panel,

.dejure-panel,

.opinion-light-lead,

.opinion-light-card,

.special-direction-news-card,

.calendar-item{

  transition:

    transform .28s cubic-bezier(.22,.61,.36,1),

    box-shadow .28s ease,

    border-color .28s ease,

    background-color .28s ease !important;

}



.premium-news-card:hover,

.news-row:hover,

.topic-column:hover,

.rating-panel:hover,

.incident-panel:hover,

.dejure-panel:hover,

.opinion-light-lead:hover,

.opinion-light-card:hover,

.special-direction-news-card:hover,

.calendar-item:hover{

  transform:translateY(-2px);

  box-shadow:0 18px 38px rgba(15,35,28,.10) !important;

}



.premium-news-card img,

.topic-lead__img img,

.opinion-light-image img,

.opinion-light-card__image img,

.special-direction-news-card img{

  transition:transform .75s cubic-bezier(.22,.61,.36,1);

}



.premium-news-card:hover img,

.topic-column:hover .topic-lead__img img,

.opinion-light-lead:hover .opinion-light-image img,

.opinion-light-card:hover .opinion-light-card__image img{

  transform:scale(1.025);

}



/* 2. Typography hierarchy */

.premium-news-card h3,

.news-row__title,

.topic-lead__title,

.topic-list a,

.special-direction-news-list a{

  letter-spacing:-.01em;

  font-weight:700;

}



.premium-news-card time,

.news-row__time,

.topic-lead__time,

.topic-list time,

.special-direction-news-list time,

.calendar-item small{

  color:rgba(36,55,68,.52) !important;

  font-size:12px !important;

  letter-spacing:.08em;

}



.premium-news-excerpt,

.card-excerpt,

.topic-column p,

.opinion-light-card em{

  color:rgba(36,55,68,.68) !important;

}



/* 3. Special projects identity */

.special-direction-news-card{

  position:relative;

  overflow:hidden;

  background:#f2f7f3 !important;

  border:1px solid rgba(20,78,52,.10) !important;

}



.special-direction-news-card::after{

  content:"";

  position:absolute;

  right:-36px;

  top:-36px;

  width:120px;

  height:120px;

  border-radius:50%;

  background:rgba(255,255,255,.42);

  pointer-events:none;

}



.special-direction-news-card:nth-child(1){

  background:linear-gradient(180deg,#f4f8fb 0%,#edf5f8 100%) !important;

}



.special-direction-news-card:nth-child(2){

  background:linear-gradient(180deg,#eef8f8 0%,#e6f2f4 100%) !important;

}



.special-direction-news-card:nth-child(3){

  background:linear-gradient(180deg,#fbf4ef 0%,#f6ece6 100%) !important;

}



.special-direction-news-card:nth-child(4){

  background:linear-gradient(180deg,#eef8f2 0%,#e5f1ea 100%) !important;

}



.special-direction-news-card:nth-child(5){

  background:linear-gradient(180deg,#f4f7ef 0%,#edf3e5 100%) !important;

}



.special-direction-news-card:nth-child(6){

  background:linear-gradient(180deg,#f8f4ed 0%,#f0eadf 100%) !important;

}



.special-direction-news-card:nth-child(7){

  background:linear-gradient(180deg,#f6f3ec 0%,#eee8dc 100%) !important;

}



.special-direction-icon{

  box-shadow:

    inset 0 0 0 1px rgba(255,255,255,.55),

    0 8px 20px rgba(16,60,42,.08);

}



.special-direction-head strong{

  letter-spacing:-.015em;

}



/* 4. Calendar breathing space */

.service-calendar-grid,

.calendar-panel{

  margin-bottom:56px !important;

}



.calendar-panel{

  padding-bottom:30px !important;

}



.calendar-item{

  background:linear-gradient(180deg,#f7fbf8 0%,#eef5f1 100%) !important;

  border:1px solid rgba(20,78,52,.10) !important;

}



.calendar-item:hover{

  border-color:rgba(20,120,72,.22) !important;

}



/* 5. Footer lighter / editorial */

.site-footer{

  margin-top:0 !important;

  border-top:1px solid rgba(160,190,176,.16);

}



.site-footer::before{

  content:"LIVE DATA · ENVIRONMENTAL INTELLIGENCE · CLIMATE · BIODIVERSITY · INVESTIGATIONS";

  display:block;

  max-width:1280px;

  margin:0 auto;

  padding:18px 24px 0;

  color:rgba(180,210,198,.48);

  font-size:10px;

  letter-spacing:.22em;

  text-transform:uppercase;

}



.footer-links a{

  opacity:.72;

  transition:opacity .22s ease, transform .22s ease, color .22s ease;

}



.footer-links a:hover{

  opacity:1;

  color:#dff5ea !important;

  transform:translateX(2px);

}



.footer-col__title{

  opacity:.78;

  letter-spacing:.18em;

}



.footer-desc{

  opacity:.72;

}



/* accessibility */

@media (prefers-reduced-motion: reduce){

  *{

    transition:none !important;

    animation:none !important;

  }

}






/* === RATING PANEL POLISH === */



.rating-panel{

  background:

    linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%) !important;

  border-top:3px solid rgba(99,190,139,.55) !important;

}



.rating-tabs{

  gap:18px !important;

  border-bottom:1px solid rgba(30,80,58,.08);

  padding-bottom:10px;

}



.rating-tabs span{

  font-size:12px !important;

  letter-spacing:.02em;

}



.rating-tabs span:first-child{

  color:#3ab978 !important;

  font-weight:700 !important;

}



.rating-list{

  margin-top:18px !important;

}



.rating-list li{

  padding:9px 0 !important;

  border-bottom:1px solid rgba(20,78,52,.06);

}



.rating-list li:last-child{

  border-bottom:0;

}



.rating-list b{

  color:rgba(36,55,68,.34) !important;

  font-size:11px !important;

  font-weight:700 !important;

}



.rating-list span{

  font-size:13px !important;

  color:rgba(23,36,48,.78) !important;

}



.rating-list strong{

  font-size:18px !important;

  font-weight:800 !important;

  color:#0b1624 !important;

}



.rating-list em{

  font-size:12px !important;

  font-weight:700 !important;

}



.rating-map{

  opacity:.72 !important;

  filter:saturate(.85);

}



.rating-btn{

  margin-top:18px !important;

}






/* === RATING PANEL POLISH === */



.rating-panel{

  background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%) !important;

  border-top:3px solid rgba(99,190,139,.55) !important;

}



.rating-tabs{

  gap:18px !important;

  border-bottom:1px solid rgba(30,80,58,.08);

  padding-bottom:10px;

}



.rating-tabs span{

  font-size:12px !important;

  letter-spacing:.02em;

}



.rating-tabs span:first-child{

  color:#2f9f66 !important;

  font-weight:700 !important;

}



.rating-list{

  margin-top:18px !important;

}



.rating-list li{

  padding:9px 0 !important;

  border-bottom:1px solid rgba(20,78,52,.06);

}



.rating-list li:last-child{

  border-bottom:0;

}



.rating-list b{

  color:rgba(36,55,68,.34) !important;

  font-size:11px !important;

  font-weight:700 !important;

}



.rating-list span{

  font-size:13px !important;

  color:rgba(23,36,48,.78) !important;

}



.rating-list strong{

  font-size:18px !important;

  font-weight:800 !important;

  color:#0b1624 !important;

}



.rating-list em{

  font-size:12px !important;

  font-weight:700 !important;

}



.rating-map{

  opacity:.72 !important;

  filter:saturate(.85);

}



.rating-btn{

  margin-top:18px !important;

}






/* === EDITORIAL FLATTENING === */



/* вторичные карточки менее boxed */

.premium-news-card,

.topic-column,

.special-direction-news-card,

.calendar-item,

.news-row,

.rating-panel,

.incident-panel,

.dejure-panel{

  border:1px solid rgba(20,60,42,.06) !important;

  box-shadow:none !important;

}



/* hover не glow, а subtle lift */

.premium-news-card:hover,

.topic-column:hover,

.special-direction-news-card:hover,

.calendar-item:hover{

  box-shadow:

    0 10px 24px rgba(20,35,28,.06) !important;

}



/* calmer surfaces */

.premium-news-card{

  background:

    linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%) !important;

}



/* rows меньше похожи на карточки */

.news-row{

  background:transparent !important;

  border-radius:0 !important;

  border-left:0 !important;

  border-right:0 !important;

  border-top:0 !important;

  border-bottom:1px solid rgba(20,60,42,.08) !important;

}



/* topic lists quieter */

.topic-list li{

  border-bottom:1px solid rgba(20,60,42,.06);

}



/* calmer panels */

.rating-panel,

.incident-panel,

.dejure-panel{

  background:

    linear-gradient(180deg,#ffffff 0%,#f9fbfa 100%) !important;

}



/* less SaaS shadows */

.premium-panel{

  box-shadow:

    0 10px 28px rgba(0,0,0,.05) !important;

}






/* === MOBILE PREMIUM POLISH === */



@media (max-width: 768px){



  .container,

  .footer-container{

    padding-left:16px !important;

    padding-right:16px !important;

  }



  .site-header{

    padding:12px 0 !important;

  }



  .nia-main-logo{

    max-width:168px !important;

    height:auto !important;

  }



  .btn-subscribe{

    padding:7px 11px !important;

    font-size:11px !important;

  }



  .premium-hero-wrap{

    padding-top:14px !important;

  }



  .premium-hero-card{

    min-height:420px !important;

    border-radius:18px !important;

  }



  .premium-hero-body{

    padding:22px !important;

  }



  .premium-hero-title{

    font-size:30px !important;

    line-height:1.05 !important;

  }



  .premium-hero-excerpt{

    font-size:13px !important;

    line-height:1.5 !important;

  }



  .monitor-card{

    border-radius:18px !important;

    padding:20px !important;

  }



  .home-main-grid{

    gap:18px !important;

  }



  .premium-news-grid{

    grid-template-columns:1fr !important;

  }



  .premium-news-card--lead{

    grid-column:auto !important;

  }



  .premium-news-card--lead h3{

    font-size:24px !important;

  }



  .topic-columns-grid{

    grid-template-columns:1fr !important;

    gap:16px !important;

  }



  .opinion-light-grid{

    grid-template-columns:1fr !important;

  }



  .opinion-light-link{

    min-height:360px !important;

  }



  .opinion-light-lead .opinion-light-text{

    width:100% !important;

    max-width:none !important;

  }



  .special-directions-grid--news{

    grid-auto-columns:82% !important;

  }



  .calendar-strip--light{

    grid-template-columns:1fr !important;

  }



  .calendar-item{

    min-height:auto !important;

  }



  .site-footer::before{

    padding-left:16px !important;

    padding-right:16px !important;

    line-height:1.5 !important;

  }

}






/* === FINAL FOOTER / TICKER / MOTION POLISH === */



/* Лента событий — более дорогая, терминальная */

.ticker-line{

  border-radius:12px !important;

  background:

    linear-gradient(90deg,#071119 0%,#0b1c1f 55%,#071119 100%) !important;

  border:1px solid rgba(111,174,149,.18) !important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;

}



.ticker-line strong{

  color:#e9f4ee !important;

  letter-spacing:-.02em;

}



.ticker-track a{

  transition:color .22s ease, opacity .22s ease;

}



.ticker-track a:hover{

  color:#dff5ea !important;

  opacity:1 !important;

}



/* Footer — легче, федеральнее */

.site-footer{

  background:

    linear-gradient(180deg,#071119 0%,#050b10 100%) !important;

  padding-top:28px !important;

  padding-bottom:28px !important;

}



.footer-top{

  gap:34px !important;

}



.footer-logo__name{

  font-size:22px !important;

}



.footer-col__title{

  margin-bottom:14px !important;

  color:rgba(220,240,230,.72) !important;

  font-size:10px !important;

}



.footer-links{

  gap:9px !important;

}



.footer-links a{

  color:rgba(230,245,238,.52) !important;

  font-size:12px !important;

}



.footer-desc{

  color:rgba(230,245,238,.50) !important;

}



/* Навигация — мягче hover */

.nav-menu a{

  transition:color .22s ease, border-color .22s ease, background .22s ease;

}



.nav-menu a:hover{

  background:rgba(255,255,255,.025);

}



/* Кнопки */

.premium-btn,

.btn-subscribe,

.subscribe-block__btn,

.subscribe-block__tg{

  transition:

    transform .24s cubic-bezier(.22,.61,.36,1),

    background .24s ease,

    border-color .24s ease,

    color .24s ease !important;

}



.premium-btn:hover,

.btn-subscribe:hover,

.subscribe-block__btn:hover,

.subscribe-block__tg:hover{

  transform:translateY(-1px);

}



/* Спецпроекты — ощущение карусели */

.special-directions-grid--news{

  scroll-behavior:smooth !important;

  padding-bottom:14px !important;

}



.special-direction-news-card:hover .special-direction-icon{

  transform:scale(1.04);

}



.special-direction-icon{

  transition:transform .28s cubic-bezier(.22,.61,.36,1);

}



/* ЭкоКалендарь — чище */

.calendar-panel{

  border-radius:18px !important;

}



.calendar-item{

  transition:

    transform .28s cubic-bezier(.22,.61,.36,1),

    border-color .24s ease,

    background .24s ease !important;

}



.calendar-item:hover .cal-date strong{

  color:#0d7f4b !important;

}



/* Подписка — меньше рекламности */

.subscribe-wrap{

  background:

    linear-gradient(90deg,rgba(15,55,38,.70),rgba(8,28,24,.68)) !important;

  border-top:1px solid rgba(111,174,149,.18) !important;

  border-bottom:1px solid rgba(111,174,149,.12) !important;

}



.subscribe-block__title{

  letter-spacing:-.02em;

}



.subscribe-block__input{

  box-shadow:none !important;

}



/* финальная плавность */

a,

button{

  -webkit-tap-highlight-color:transparent;

}






/* === FIX: MAIN LEAD CARD DARK OVERLAY + MONITOR ICONS === */



/* Возвращаем тёмную первую карточку в «Актуальном» */

.premium-news-card--lead{

  background:#172634 !important;

  color:#fff !important;

  overflow:hidden !important;

}



.premium-news-card--lead .premium-news-imglink{

  position:relative !important;

}



.premium-news-card--lead .premium-news-imglink::after{

  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  background:linear-gradient(

    180deg,

    rgba(8,17,25,.02) 0%,

    rgba(8,17,25,.48) 55%,

    rgba(8,17,25,.88) 100%

  ) !important;

  pointer-events:none !important;

}



.premium-news-card--lead .premium-news-body{

  background:linear-gradient(180deg,rgba(23,38,52,.94),#172634) !important;

  color:#fff !important;

}



.premium-news-card--lead h3 a,

.premium-news-card--lead .premium-news-excerpt,

.premium-news-card--lead time{

  color:#fff !important;

}



.premium-news-card--lead .premium-news-excerpt{

  color:rgba(255,255,255,.72) !important;

}



.premium-news-card--lead time{

  color:rgba(255,255,255,.58) !important;

}



/* Верхние иконки Экомониторинга */

.metric-icon--air::before{

  content:"≋";

  color:#9fd8b8;

  font-size:15px;

  line-height:1;

}



.metric-icon--weather::before{

  content:"☁";

  color:#9fd8b8;

  font-size:14px;

  line-height:1;

}



.metric-icon--rad::before{

  content:"☢";

  color:#9fd8b8;

  font-size:13px;

  line-height:1;

}



.metric-icon--geo::before{

  content:"◎";

  color:#9fd8b8;

  font-size:14px;

  line-height:1;

}



.metric-icon--fire::before{

  content:"♨";

  color:#9fd8b8;

  font-size:14px;

  line-height:1;

}



/* чтобы иконки были по центру */

.metric-icon,

.metric-ico{

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

}






/* === MOBILE HOME FIX === */



@media (max-width: 768px){



  body{

    overflow-x:hidden !important;

  }



  .container,

  .footer-container{

    width:100% !important;

    max-width:100% !important;

    padding-left:16px !important;

    padding-right:16px !important;

    box-sizing:border-box !important;

  }



  .top-bar,

  .site-head-frame,

  .nav-bar{

    width:100% !important;

  }



  .site-brand{

    padding:18px 16px !important;

  }



  .site-logo img,

  .nia-logo img{

    max-width:170px !important;

    height:auto !important;

  }



  .main-nav,

  .nav-menu{

    overflow-x:auto !important;

    white-space:nowrap !important;

    scrollbar-width:none;

  }



  .main-nav::-webkit-scrollbar,

  .nav-menu::-webkit-scrollbar{

    display:none;

  }



  .premium-hero-grid,

  .home-main-grid,

  .topic-columns-grid,

  .opinion-light-grid,

  .service-calendar-grid{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:18px !important;

  }



  .premium-hero-wrap{

    padding:16px 0 10px !important;

  }



  .premium-hero-card{

    min-height:430px !important;

    height:auto !important;

    border-radius:18px !important;

  }



  .premium-hero-body{

    padding:22px !important;

  }



  .premium-hero-title{

    font-size:30px !important;

    line-height:1.05 !important;

    max-width:100% !important;

  }



  .premium-hero-excerpt{

    font-size:14px !important;

    line-height:1.45 !important;

  }



  .monitor-card{

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    border-radius:18px !important;

    padding:22px !important;

  }



  .monitor-title{

    font-size:26px !important;

  }



  .monitor-metrics,

  .monitor-metrics--compact{

    display:flex !important;

    flex-direction:column !important;

    gap:8px !important;

  }



  .monitor-metrics .metric{

    min-height:38px !important;

    height:auto !important;

  }



  .ticker-line-wrap{

    padding:0 0 16px !important;

  }



  .ticker-line{

    border-radius:0 !important;

    overflow:hidden !important;

  }



  .premium-news-grid{

    grid-template-columns:1fr !important;

  }



  .premium-news-card,

  .premium-news-card--lead{

    grid-column:auto !important;

    min-height:auto !important;

  }



  .premium-news-card--lead h3{

    font-size:25px !important;

    line-height:1.08 !important;

  }



  .news-rows{

    grid-template-columns:1fr !important;

  }



  .news-row{

    display:grid !important;

    grid-template-columns:82px minmax(0,1fr) !important;

    gap:12px !important;

  }



  .news-row__thumb{

    width:82px !important;

    height:62px !important;

  }



  .rating-panel,

  .incident-panel,

  .dejure-panel,

  .topic-column,

  .opinion-showcase,

  .special-projects-block,

  .calendar-panel{

    border-radius:18px !important;

    padding:20px !important;

  }



  .opinion-light-link,

  .opinion-light-card a{

    display:grid !important;

    grid-template-columns:1fr !important;

  }



  .opinion-light-image,

  .opinion-light-card__image{

    order:-1 !important;

    width:100% !important;

    height:210px !important;

  }



  .opinion-light-image img,

  .opinion-light-card__image img{

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

  }



  .special-directions-grid--news{

    display:grid !important;

    grid-auto-flow:column !important;

    grid-auto-columns:82% !important;

    overflow-x:auto !important;

    gap:14px !important;

    padding-bottom:14px !important;

    scroll-snap-type:x mandatory !important;

  }



  .special-direction-news-card{

    scroll-snap-align:start !important;

  }



  .calendar-strip,

  .calendar-strip--light{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:12px !important;

  }



  .footer-top{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:24px !important;

  }



  .subscribe-block{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:14px !important;

  }



  .subscribe-block__form{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;

  }

}






/* === MOBILE DENSITY / APP FEEL === */



@media (max-width:768px){



  /* tighter vertical rhythm */

  section,

  .premium-panel,

  .topic-column,

  .calendar-panel,

  .special-projects-block,

  .opinion-showcase{

    margin-bottom:16px !important;

  }



  .premium-home{

    gap:16px !important;

  }



  .home-main-grid,

  .topic-columns-grid,

  .service-calendar-grid{

    gap:16px !important;

  }



  /* hero tighter */

  .premium-hero-card{

    min-height:390px !important;

  }



  .premium-hero-body{

    padding:18px !important;

  }



  .premium-hero-title{

    font-size:28px !important;

    line-height:1.02 !important;

  }



  .premium-hero-excerpt{

    font-size:13px !important;

    line-height:1.42 !important;

    margin-top:12px !important;

  }



  /* monitor tighter */

  .monitor-card{

    padding:18px !important;

  }



  .monitor-title{

    font-size:24px !important;

  }



  .monitor-metrics .metric{

    min-height:34px !important;

  }



  /* актуальное */

  .premium-news-card--lead h3{

    font-size:22px !important;

    line-height:1.05 !important;

  }



  .premium-news-card h3{

    font-size:19px !important;

  }



  .premium-news-excerpt{

    font-size:13px !important;

    line-height:1.4 !important;

  }



  /* rows denser */

  .news-row{

    padding:10px 0 !important;

  }



  .news-row__title{

    font-size:14px !important;

    line-height:1.35 !important;

  }



  /* analytics */

  .opinion-light-link{

    min-height:320px !important;

  }



  .opinion-light-lead strong{

    font-size:19px !important;

    line-height:1.08 !important;

  }



  .opinion-light-card strong{

    font-size:16px !important;

  }



  /* спецпроекты — swipe feel */

  .special-directions-grid--news{

    grid-auto-columns:88% !important;

    padding-bottom:10px !important;

  }



  .special-direction-news-card{

    padding:16px !important;

  }



  .special-direction-head strong{

    font-size:20px !important;

  }



  .special-direction-news-list li{

    margin-bottom:12px !important;

  }



  /* ЭкоКалендарь — горизонтальный swipe */

  .calendar-strip--light{

    display:grid !important;

    grid-auto-flow:column !important;

    grid-auto-columns:86% !important;

    overflow-x:auto !important;

    gap:14px !important;

    scroll-snap-type:x mandatory !important;

    padding-bottom:10px !important;

  }



  .calendar-strip--light::-webkit-scrollbar{

    display:none;

  }



  .calendar-item{

    scroll-snap-align:start !important;

    min-height:180px !important;

    padding:18px !important;

  }



  .calendar-item span{

    font-size:14px !important;

    line-height:1.35 !important;

  }



  /* footer drastically lighter */

  .site-footer{

    padding-top:18px !important;

    padding-bottom:24px !important;

  }



  .site-footer::before{

    display:none !important;

  }



  .footer-top{

    gap:18px !important;

  }



  .footer-col{

    border-top:1px solid rgba(255,255,255,.06);

    padding-top:12px !important;

  }



  .footer-col__title{

    margin-bottom:8px !important;

    font-size:11px !important;

  }



  .footer-links{

    gap:6px !important;

  }



  .footer-links a{

    font-size:12px !important;

    opacity:.62 !important;

  }



  .footer-desc{

    font-size:12px !important;

    line-height:1.5 !important;

  }



  /* app-like touch feel */

  a,

  button{

    -webkit-tap-highlight-color:transparent;

  }



}






/* === MOBILE OVERFLOW / HERO TEXT FIX === */



@media (max-width:768px){



  html,

  body{

    width:100% !important;

    max-width:100% !important;

    overflow-x:hidden !important;

  }



  .premium-hero-card,

  .premium-hero-link,

  .premium-hero-body,

  .premium-hero-title,

  .premium-hero-excerpt,

  .premium-meta{

    max-width:100% !important;

    box-sizing:border-box !important;

  }



  .premium-hero-body{

    left:0 !important;

    right:0 !important;

    width:100% !important;

    padding:18px !important;

  }



  .premium-hero-title{

    display:block !important;

    width:100% !important;

    max-width:100% !important;



    font-size:25px !important;

    line-height:1.08 !important;



    overflow-wrap:break-word !important;

    word-break:normal !important;

    hyphens:auto !important;

  }



  .premium-hero-excerpt{

    width:100% !important;

    max-width:100% !important;

    font-size:13px !important;

    line-height:1.42 !important;

    overflow:hidden !important;

    display:-webkit-box !important;

    -webkit-line-clamp:4 !important;

    -webkit-box-orient:vertical !important;

  }



  .premium-meta{

    font-size:10px !important;

    gap:6px !important;

    flex-wrap:wrap !important;

  }



  .premium-hero-card{

    min-height:370px !important;

    overflow:hidden !important;

  }



  .premium-hero-img{

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

  }



  /* актуальное: первая карточка не должна вылезать под браузерную панель */

  .premium-news-card--lead{

    overflow:hidden !important;

  }



  .premium-news-card--lead h3,

  .premium-news-card--lead h3 a{

    font-size:22px !important;

    line-height:1.08 !important;

    max-width:100% !important;

    overflow-wrap:break-word !important;

  }



  /* Аналитика: чуть меньше заголовок, чтобы не забивать карточку */

  .opinion-light-lead strong{

    font-size:25px !important;

    line-height:1.06 !important;

  }



  .opinion-light-lead em{

    font-size:14px !important;

    line-height:1.42 !important;

  }



  /* ЭкоКалендарь: меньше пустоты в карточке */

  .calendar-item{

    min-height:150px !important;

    padding:16px !important;

  }



  .calendar-item .cal-date strong{

    font-size:34px !important;

  }



  /* Footer: меньше простыня */

  .footer-brand{

    margin-bottom:4px !important;

  }



  .footer-col:nth-of-type(n+4){

    display:none !important;

  }

}






/* === FIX: ACTUAL LEAD IMAGE + LONG CATEGORY BADGE === */



/* 1. Первая карточка «Актуальное»: фото нормальное, затемнение только снизу */

.premium-news-card--lead .premium-news-imglink img{

  opacity:1 !important;

  filter:none !important;

}



.premium-news-card--lead .premium-news-imglink::after{

  background:linear-gradient(

    180deg,

    rgba(8,17,25,0) 0%,

    rgba(8,17,25,.12) 42%,

    rgba(8,17,25,.62) 100%

  ) !important;

}



/* Если затемнение шло через саму карточку/hover */

.premium-news-card--lead::before,

.premium-news-card--lead::after{

  opacity:1 !important;

}



/* 2. Длинные рубрики: бейдж не должен упираться в край */

.cat-badge,

.news-row__cat{

  display:inline-flex !important;

  align-items:center !important;

  max-width:100% !important;



  padding:4px 8px !important;

  box-sizing:border-box !important;



  font-size:10px !important;

  line-height:1.1 !important;

  letter-spacing:.06em !important;



  white-space:normal !important;

  overflow-wrap:anywhere !important;

}



.premium-news-card:not(.premium-news-card--lead) .cat-badge{

  max-width:calc(100% - 12px) !important;

}



/* В маленьких карточках лучше компактнее */

.premium-news-grid .premium-news-card:not(.premium-news-card--lead) .cat-badge{

  font-size:9px !important;

  padding:3px 7px !important;

}






/* === SPECIAL PROJECTS MOSAIC LAYOUT === */



.special-projects-block{

  padding:34px !important;

}



.special-directions-grid--news{

  display:grid !important;

  grid-template-columns:1.25fr 1fr 1fr 1.05fr !important;

  grid-auto-rows:minmax(190px, auto) !important;

  gap:16px !important;

  overflow:visible !important;

}



.special-direction-news-card{

  position:relative !important;

  min-height:220px !important;

  padding:24px !important;

  overflow:hidden !important;

  border-radius:16px !important;

  background:#f2f7f3 !important;

  border:1px solid rgba(20,70,50,.10) !important;

  box-shadow:none !important;

}



.special-direction-news-card::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:0;

  pointer-events:none;

  opacity:.9;

}



.special-direction-news-card > *{

  position:relative;

  z-index:2;

}



.special-direction-head{

  margin-bottom:20px !important;

}



.special-direction-head strong{

  font-size:24px !important;

  line-height:1.05 !important;

}



.special-direction-news-list{

  display:grid !important;

  gap:14px !important;

}



.special-direction-news-list li{

  padding-bottom:14px !important;

  border-bottom:1px solid rgba(20,70,50,.10) !important;

}



.special-direction-news-list a{

  font-size:14px !important;

  line-height:1.28 !important;

  font-weight:700 !important;

}



.special-direction-news-list time{

  margin-top:6px !important;

  display:block !important;

  font-size:11px !important;

  letter-spacing:.08em !important;

  color:rgba(34,52,45,.48) !important;

}



/* 1. Арктика — крупная feature-card */

.special-direction-news-card:nth-child(1){

  grid-column:span 2 !important;

  grid-row:span 2 !important;

  min-height:430px !important;

  color:#fff !important;

  background:#0b2636 !important;

}



.special-direction-news-card:nth-child(1)::before{

  background:

    linear-gradient(90deg,rgba(3,20,32,.88) 0%,rgba(3,20,32,.54) 44%,rgba(3,20,32,.18) 100%),

    radial-gradient(circle at 78% 22%,rgba(93,180,230,.34),transparent 32%),

    linear-gradient(135deg,#123a55 0%,#0a2236 54%,#061520 100%);

}



.special-direction-news-card:nth-child(1) .special-direction-news-list{

  max-width:52%;

  margin-top:90px;

}



.special-direction-news-card:nth-child(1) a,

.special-direction-news-card:nth-child(1) time,

.special-direction-news-card:nth-child(1) strong{

  color:#fff !important;

}



/* 2. Байкал */

.special-direction-news-card:nth-child(2){

  background:linear-gradient(180deg,#eef8f8 0%,#e4f1f3 100%) !important;

}



/* 3. Болевая точка */

.special-direction-news-card:nth-child(3){

  background:linear-gradient(180deg,#fbf4ef 0%,#f5ebe3 100%) !important;

}



/* 4. Заповедный дайджест — высокая карточка справа */

.special-direction-news-card:nth-child(4){

  grid-row:span 2 !important;

  background:linear-gradient(180deg,#eef8f2 0%,#e3f0e8 100%) !important;

}



/* 5. Нацпроект — крупная нижняя feature-card */

.special-direction-news-card:nth-child(5){

  grid-column:span 2 !important;

  min-height:300px !important;

  color:#fff !important;

  background:#113c28 !important;

}



.special-direction-news-card:nth-child(5)::before{

  background:

    linear-gradient(90deg,rgba(9,45,29,.92) 0%,rgba(9,45,29,.66) 50%,rgba(9,45,29,.28) 100%),

    radial-gradient(circle at 82% 22%,rgba(136,210,146,.22),transparent 34%),

    linear-gradient(135deg,#144d31 0%,#0b2b1f 100%);

}



.special-direction-news-card:nth-child(5) a,

.special-direction-news-card:nth-child(5) time,

.special-direction-news-card:nth-child(5) strong{

  color:#fff !important;

}



/* 6. ЭкоКонфликт */

.special-direction-news-card:nth-child(6){

  background:linear-gradient(180deg,#f8f2e9 0%,#efe6d8 100%) !important;

}



/* 7. ЭкоУроки истории — широкий нижний */

.special-direction-news-card:nth-child(7){

  grid-column:span 2 !important;

  background:linear-gradient(180deg,#eef7f2 0%,#e5f1ec 100%) !important;

}



/* ссылка внутри карточек */

.special-direction-news-card .all-link,

.special-direction-news-card .special-direction-more{

  margin-top:auto !important;

  color:#147746 !important;

}



/* hover */

.special-direction-news-card{

  transition:

    transform .28s cubic-bezier(.22,.61,.36,1),

    box-shadow .28s ease,

    border-color .28s ease !important;

}



.special-direction-news-card:hover{

  transform:translateY(-2px);

  box-shadow:0 18px 38px rgba(15,35,28,.10) !important;

  border-color:rgba(20,110,70,.18) !important;

}



/* mobile */

@media (max-width:768px){

  .special-projects-block{

    padding:24px !important;

  }



  .special-directions-grid--news{

    display:grid !important;

    grid-auto-flow:column !important;

    grid-auto-columns:88% !important;

    grid-template-columns:none !important;

    grid-auto-rows:auto !important;

    overflow-x:auto !important;

    gap:14px !important;

    scroll-snap-type:x mandatory !important;

    padding-bottom:12px !important;

  }



  .special-direction-news-card,

  .special-direction-news-card:nth-child(n){

    grid-column:auto !important;

    grid-row:auto !important;

    min-height:320px !important;

    scroll-snap-align:start !important;

  }



  .special-direction-news-card:nth-child(1) .special-direction-news-list{

    max-width:100%;

    margin-top:40px;

  }

}






/* === SPECIAL PROJECTS MOSAIC V2 — FIXED GRID AREAS === */



@media (min-width: 1024px){



  .special-projects-block{

    padding:34px !important;

  }



  .special-directions-grid--news{

    display:grid !important;

    grid-template-columns:repeat(12,1fr) !important;

    grid-auto-rows:210px !important;

    gap:16px !important;

    overflow:visible !important;

    align-items:stretch !important;

  }



  .special-direction-news-card,

  .special-direction-news-card:nth-child(n){

    grid-column:auto !important;

    grid-row:auto !important;

    min-height:0 !important;

    height:100% !important;

    padding:24px !important;

    border-radius:16px !important;

    overflow:hidden !important;

  }



  /* Арктика — большая верхняя */

  .special-direction-news-card:nth-child(1){

    grid-column:1 / 7 !important;

    grid-row:1 / 3 !important;

    color:#fff !important;

    background:

      radial-gradient(circle at 82% 18%,rgba(90,180,230,.28),transparent 34%),

      linear-gradient(135deg,#0a2436 0%,#061722 100%) !important;

  }



  /* Байкал */

  .special-direction-news-card:nth-child(2){

    grid-column:7 / 10 !important;

    grid-row:1 / 2 !important;

    background:linear-gradient(180deg,#eef8f8,#e4f1f3) !important;

  }



  /* Болевая точка */

  .special-direction-news-card:nth-child(3){

    grid-column:10 / 13 !important;

    grid-row:1 / 2 !important;

    background:linear-gradient(180deg,#fbf4ef,#f5ebe3) !important;

  }



  /* Заповедный дайджест — вертикальная */

  .special-direction-news-card:nth-child(4){

    grid-column:7 / 10 !important;

    grid-row:2 / 4 !important;

    background:linear-gradient(180deg,#eef8f2,#e2f0e7) !important;

  }



  /* Нацпроект — большая нижняя */

  .special-direction-news-card:nth-child(5){

    grid-column:1 / 7 !important;

    grid-row:3 / 5 !important;

    color:#fff !important;

    background:

      radial-gradient(circle at 84% 20%,rgba(115,190,120,.22),transparent 34%),

      linear-gradient(135deg,#123f2b 0%,#092719 100%) !important;

  }



  /* ЭкоКонфликт */

  .special-direction-news-card:nth-child(6){

    grid-column:10 / 13 !important;

    grid-row:2 / 3 !important;

    background:linear-gradient(180deg,#f8f2e9,#efe6d8) !important;

  }



  /* ЭкоУроки истории — широкий нижний */

  .special-direction-news-card:nth-child(7){

    grid-column:7 / 13 !important;

    grid-row:4 / 5 !important;

    background:linear-gradient(180deg,#eef7f2,#e5f1ec) !important;

  }



  .special-direction-news-card:nth-child(1) a,

  .special-direction-news-card:nth-child(1) time,

  .special-direction-news-card:nth-child(1) strong,

  .special-direction-news-card:nth-child(5) a,

  .special-direction-news-card:nth-child(5) time,

  .special-direction-news-card:nth-child(5) strong{

    color:#fff !important;

  }



  .special-direction-news-list{

    gap:12px !important;

  }



  .special-direction-news-list li{

    padding-bottom:11px !important;

  }



  .special-direction-news-list a{

    font-size:13px !important;

    line-height:1.28 !important;

  }



  .special-direction-head strong{

    font-size:22px !important;

    line-height:1.05 !important;

  }



  .special-direction-news-card:nth-child(1) .special-direction-head strong,

  .special-direction-news-card:nth-child(5) .special-direction-head strong{

    font-size:24px !important;

  }

}



/* планшет */

@media (min-width:769px) and (max-width:1023px){

  .special-directions-grid--news{

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:14px !important;

  }



  .special-direction-news-card:nth-child(n){

    grid-column:auto !important;

    grid-row:auto !important;

    min-height:260px !important;

  }

}






/* === SPECIAL PROJECTS MOSAIC IMAGES === */



@media (min-width:1024px){



  /* Арктика — ледяной feature */

  .special-direction-news-card:nth-child(1){

    background:

      linear-gradient(90deg,rgba(3,18,30,.92) 0%,rgba(3,18,30,.66) 46%,rgba(3,18,30,.20) 100%),

      url('/wp-content/uploads/2026/05/arctic-special.jpg') center/cover no-repeat,

      linear-gradient(135deg,#0a2436 0%,#061722 100%) !important;

  }



  /* Нацпроект — лесной feature */

  .special-direction-news-card:nth-child(5){

    background:

      linear-gradient(90deg,rgba(7,42,25,.94) 0%,rgba(7,42,25,.70) 48%,rgba(7,42,25,.28) 100%),

      url('/wp-content/uploads/2026/05/national-project-special.jpg') center/cover no-repeat,

      linear-gradient(135deg,#123f2b 0%,#092719 100%) !important;

  }



  /* Мир — если будет 8-я карточка или отдельный широкий блок */

  .special-direction-news-card.special-direction--world{

    background:

      linear-gradient(180deg,rgba(5,20,30,.18) 0%,rgba(5,20,30,.84) 100%),

      url('/wp-content/uploads/2026/05/world-forest-special.jpg') center/cover no-repeat,

      #0b2636 !important;

    color:#fff !important;

  }



  .special-direction-news-card:nth-child(1)::after,

  .special-direction-news-card:nth-child(5)::after{

    content:"";

    position:absolute;

    inset:auto -80px -80px auto;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.10);

    pointer-events:none;

  }



  .special-direction-news-card:nth-child(1) .special-direction-news-list,

  .special-direction-news-card:nth-child(5) .special-direction-news-list{

    max-width:58%;

  }



  .special-direction-news-card:nth-child(1) .special-direction-news-list li,

  .special-direction-news-card:nth-child(5) .special-direction-news-list li{

    border-bottom:1px solid rgba(255,255,255,.14) !important;

  }



  .special-direction-news-card:nth-child(1) time,

  .special-direction-news-card:nth-child(5) time{

    color:rgba(255,255,255,.58) !important;

  }



  .special-direction-news-card:nth-child(1) .special-direction-icon,

  .special-direction-news-card:nth-child(5) .special-direction-icon{

    background:rgba(255,255,255,.13) !important;

    border-color:rgba(255,255,255,.25) !important;

  }

}



/* пока нет картинок — оставляем красивый fallback, чтобы не ломалось */

.special-direction-news-card:nth-child(1),

.special-direction-news-card:nth-child(5){

  background-blend-mode:normal !important;

}






/* === SPECIAL PROJECTS MOSAIC HORIZONTAL FINAL === */



@media (min-width:1024px){



  .special-projects-block{

    padding:34px !important;

  }



  .special-directions-grid--news{

    display:grid !important;

    grid-template-columns:repeat(12,1fr) !important;

    grid-template-rows:210px 210px 165px 165px !important;

    grid-template-areas:

      "ar ar ar ar ar ar ba ba ba bt bt bt"

      "ar ar ar ar ar ar ba ba ba zd zd zd"

      "np np np np np ec ec ec zd zd zd"

      "np np np np np eh eh eh eh eh eh eh" !important;

    gap:16px !important;

    overflow:visible !important;

    align-items:stretch !important;

  }



  .special-direction-news-card,

  .special-direction-news-card:nth-child(n){

    grid-column:auto !important;

    grid-row:auto !important;

    width:auto !important;

    height:100% !important;

    min-height:0 !important;

    max-height:none !important;

    padding:24px !important;

    border-radius:16px !important;

    overflow:hidden !important;

  }



  .special-direction-news-card:nth-child(1){ grid-area:ar !important; }

  .special-direction-news-card:nth-child(2){ grid-area:ba !important; }

  .special-direction-news-card:nth-child(3){ grid-area:bt !important; }

  .special-direction-news-card:nth-child(4){ grid-area:zd !important; }

  .special-direction-news-card:nth-child(5){ grid-area:np !important; }

  .special-direction-news-card:nth-child(6){ grid-area:ec !important; }

  .special-direction-news-card:nth-child(7){ grid-area:eh !important; }



  /* крупные feature */

  .special-direction-news-card:nth-child(1){

    color:#fff !important;

    background:

      linear-gradient(90deg,rgba(3,18,30,.92),rgba(3,18,30,.54),rgba(3,18,30,.12)),

      radial-gradient(circle at 80% 20%,rgba(80,170,220,.28),transparent 34%),

      linear-gradient(135deg,#0a2639,#061620) !important;

  }



  .special-direction-news-card:nth-child(5){

    color:#fff !important;

    background:

      linear-gradient(90deg,rgba(7,42,25,.94),rgba(7,42,25,.62),rgba(7,42,25,.16)),

      radial-gradient(circle at 82% 20%,rgba(115,190,120,.24),transparent 34%),

      linear-gradient(135deg,#123f2b,#082417) !important;

  }



  .special-direction-news-card:nth-child(1) *,

  .special-direction-news-card:nth-child(5) *{

    color:#fff !important;

  }



  .special-direction-news-card:nth-child(1) time,

  .special-direction-news-card:nth-child(5) time{

    color:rgba(255,255,255,.62) !important;

  }



  .special-direction-news-card:nth-child(1) li,

  .special-direction-news-card:nth-child(5) li{

    border-bottom-color:rgba(255,255,255,.14) !important;

  }



  /* малые карточки */

  .special-direction-news-card:nth-child(2){

    background:linear-gradient(180deg,#eef8f8,#e4f1f3) !important;

  }



  .special-direction-news-card:nth-child(3){

    background:linear-gradient(180deg,#fbf4ef,#f5ebe3) !important;

  }



  .special-direction-news-card:nth-child(4){

    background:linear-gradient(180deg,#eef8f2,#e2f0e7) !important;

  }



  .special-direction-news-card:nth-child(6){

    background:linear-gradient(180deg,#f8f2e9,#efe6d8) !important;

  }



  .special-direction-news-card:nth-child(7){

    background:linear-gradient(180deg,#eef7f2,#e5f1ec) !important;

  }



  .special-direction-head{

    margin-bottom:18px !important;

  }



  .special-direction-head strong{

    font-size:22px !important;

    line-height:1.05 !important;

  }



  .special-direction-news-list{

    display:grid !important;

    gap:12px !important;

  }



  .special-direction-news-list li{

    padding-bottom:11px !important;

  }



  .special-direction-news-list a{

    font-size:13px !important;

    line-height:1.28 !important;

  }



  .special-direction-news-list time{

    font-size:10px !important;

    letter-spacing:.08em !important;

  }



  /* широкая нижняя карточка — в 2 колонки */

  .special-direction-news-card:nth-child(7) .special-direction-news-list{

    grid-template-columns:1fr 1fr !important;

    column-gap:22px !important;

  }

}






/* === SPECIAL PROJECTS RESTORE STABLE GRID === */



.special-projects-block{

  padding:34px !important;

}



.special-directions-grid--news{

  display:grid !important;

  grid-template-columns:repeat(4, minmax(0,1fr)) !important;

  grid-auto-flow:row !important;

  grid-auto-rows:auto !important;

  gap:16px !important;

  overflow:visible !important;

  align-items:stretch !important;

}



.special-direction-news-card,

.special-direction-news-card:nth-child(n){

  grid-column:auto !important;

  grid-row:auto !important;

  grid-area:auto !important;



  width:auto !important;

  height:auto !important;

  min-height:260px !important;

  max-height:none !important;



  padding:22px !important;

  overflow:hidden !important;



  border-radius:16px !important;

  color:#10251c !important;



  background:#f2f7f3 !important;

  border:1px solid rgba(20,70,50,.10) !important;

}



.special-direction-news-card:nth-child(1){

  background:linear-gradient(180deg,#f4f8fb 0%,#edf5f8 100%) !important;

}



.special-direction-news-card:nth-child(2){

  background:linear-gradient(180deg,#eef8f8 0%,#e4f1f3 100%) !important;

}



.special-direction-news-card:nth-child(3){

  background:linear-gradient(180deg,#fbf4ef 0%,#f5ebe3 100%) !important;

}



.special-direction-news-card:nth-child(4){

  background:linear-gradient(180deg,#eef8f2 0%,#e2f0e7 100%) !important;

}



.special-direction-news-card:nth-child(5){

  background:linear-gradient(180deg,#f4f7ef 0%,#edf3e5 100%) !important;

}



.special-direction-news-card:nth-child(6){

  background:linear-gradient(180deg,#f8f2e9 0%,#efe6d8 100%) !important;

}



.special-direction-news-card:nth-child(7){

  background:linear-gradient(180deg,#eef7f2 0%,#e5f1ec 100%) !important;

}



.special-direction-news-card *,

.special-direction-news-card:nth-child(n) *{

  color:inherit !important;

}



.special-direction-news-card time{

  color:rgba(34,52,45,.48) !important;

}



.special-direction-news-list{

  display:grid !important;

  grid-template-columns:1fr !important;

  gap:12px !important;

}



.special-direction-news-list li{

  padding-bottom:12px !important;

  border-bottom:1px solid rgba(20,70,50,.10) !important;

}



.special-direction-news-list a{

  font-size:13px !important;

  line-height:1.3 !important;

  font-weight:700 !important;

}



.special-direction-head strong{

  font-size:21px !important;

  line-height:1.08 !important;

}



@media (max-width:768px){

  .special-directions-grid--news{

    display:grid !important;

    grid-auto-flow:column !important;

    grid-auto-columns:86% !important;

    grid-template-columns:none !important;

    overflow-x:auto !important;

    gap:14px !important;

    scroll-snap-type:x mandatory !important;

  }



  .special-direction-news-card,

  .special-direction-news-card:nth-child(n){

    min-height:300px !important;

    scroll-snap-align:start !important;

  }

}






/* === SPECIAL PROJECTS HARD RESET + HORIZONTAL MOSAIC === */



@media (min-width:1024px){



  body .special-projects-block{

    padding:34px !important;

    overflow:hidden !important;

  }



  body .special-directions-grid--news{

    display:grid !important;

    grid-template-columns:repeat(12,1fr) !important;

    grid-template-rows:260px 260px 240px !important;

    grid-template-areas:

      "ar ar ar ar ar ba ba ba bt bt bt bt"

      "ar ar ar ar ar zd zd zd zd ec ec ec"

      "np np np np np eh eh eh eh eh eh eh" !important;

    gap:16px !important;

    overflow:visible !important;

    align-items:stretch !important;

  }



  body .special-direction-news-card,

  body .special-direction-news-card:nth-child(n){

    position:relative !important;

    grid-column:auto !important;

    grid-row:auto !important;



    width:auto !important;

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;



    margin:0 !important;

    padding:22px !important;



    overflow:hidden !important;

    border-radius:16px !important;

    box-sizing:border-box !important;



    color:#10251c !important;

  }



  body .special-direction-news-card:nth-child(1){ grid-area:ar !important; }

  body .special-direction-news-card:nth-child(2){ grid-area:ba !important; }

  body .special-direction-news-card:nth-child(3){ grid-area:bt !important; }

  body .special-direction-news-card:nth-child(4){ grid-area:zd !important; }

  body .special-direction-news-card:nth-child(5){ grid-area:np !important; }

  body .special-direction-news-card:nth-child(6){ grid-area:ec !important; }

  body .special-direction-news-card:nth-child(7){ grid-area:eh !important; }



  body .special-direction-news-card:nth-child(1),

  body .special-direction-news-card:nth-child(5){

    color:#fff !important;

  }



  body .special-direction-news-card:nth-child(1){

    background:

      radial-gradient(circle at 82% 22%,rgba(90,180,230,.25),transparent 34%),

      linear-gradient(135deg,#0b2a3f 0%,#061620 100%) !important;

  }



  body .special-direction-news-card:nth-child(5){

    background:

      radial-gradient(circle at 82% 22%,rgba(115,190,120,.22),transparent 34%),

      linear-gradient(135deg,#12442e 0%,#082417 100%) !important;

  }



  body .special-direction-news-card:nth-child(2){

    background:linear-gradient(180deg,#eef8f8,#e4f1f3) !important;

  }



  body .special-direction-news-card:nth-child(3){

    background:linear-gradient(180deg,#fbf4ef,#f5ebe3) !important;

  }



  body .special-direction-news-card:nth-child(4){

    background:linear-gradient(180deg,#eef8f2,#e2f0e7) !important;

  }



  body .special-direction-news-card:nth-child(6){

    background:linear-gradient(180deg,#f8f2e9,#efe6d8) !important;

  }



  body .special-direction-news-card:nth-child(7){

    background:linear-gradient(180deg,#eef7f2,#e5f1ec) !important;

  }



  body .special-direction-news-card:nth-child(1) *,

  body .special-direction-news-card:nth-child(5) *{

    color:#fff !important;

  }



  body .special-direction-news-list{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;

  }



  body .special-direction-news-list li{

    padding-bottom:10px !important;

    margin:0 !important;

  }



  body .special-direction-news-list a{

    font-size:13px !important;

    line-height:1.28 !important;

  }



  body .special-direction-head strong{

    font-size:22px !important;

  }

}






/* === SPECIAL PROJECTS MOSAIC STABILIZE === */



@media (min-width:1024px){



  body .special-directions-grid--news{

    grid-template-rows:280px 280px 260px !important;

  }



  body .special-direction-news-card,

  body .special-direction-news-card:nth-child(n){

    overflow:hidden !important;

  }



  body .special-direction-news-card:nth-child(1),

  body .special-direction-news-card:nth-child(5){

    padding:28px !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list,

  body .special-direction-news-card:nth-child(5) .special-direction-news-list{

    gap:16px !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list li,

  body .special-direction-news-card:nth-child(5) .special-direction-news-list li{

    padding-bottom:14px !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list a,

  body .special-direction-news-card:nth-child(5) .special-direction-news-list a{

    font-size:14px !important;

    line-height:1.3 !important;

  }



  body .special-direction-news-card:nth-child(7) .special-direction-news-list{

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:14px 22px !important;

  }



  body .special-direction-news-card:nth-child(7){

    padding:24px 28px !important;

  }

}






/* === SPECIAL PROJECTS CLOSER TO MOCKUP === */



@media (min-width:1024px){



  body .special-projects-block{

    padding:38px !important;

  }



  body .special-directions-grid--news{

    display:grid !important;

    grid-template-columns:repeat(12,1fr) !important;

    grid-template-rows:230px 230px 260px !important;

    grid-template-areas:

      "ar ar ar ar ar ar ba ba bt bt zd zd"

      "ar ar ar ar ar ar ba ba bt bt zd zd"

      "np np np np ec ec ec eh eh eh eh eh" !important;

    gap:16px !important;

    overflow:visible !important;

    align-items:stretch !important;

  }



  body .special-direction-news-card,

  body .special-direction-news-card:nth-child(n){

    grid-column:auto !important;

    grid-row:auto !important;

    min-height:0 !important;

    height:100% !important;

    padding:24px !important;

    overflow:hidden !important;

    border-radius:18px !important;

  }



  body .special-direction-news-card:nth-child(1){ grid-area:ar !important; }

  body .special-direction-news-card:nth-child(2){ grid-area:ba !important; }

  body .special-direction-news-card:nth-child(3){ grid-area:bt !important; }

  body .special-direction-news-card:nth-child(4){ grid-area:zd !important; }

  body .special-direction-news-card:nth-child(5){ grid-area:np !important; }

  body .special-direction-news-card:nth-child(6){ grid-area:ec !important; }

  body .special-direction-news-card:nth-child(7){ grid-area:eh !important; }



  /* feature-карточки */

  body .special-direction-news-card:nth-child(1),

  body .special-direction-news-card:nth-child(5){

    color:#fff !important;

    padding:30px !important;

  }



  body .special-direction-news-card:nth-child(1){

    background:

      linear-gradient(90deg,rgba(3,18,30,.92),rgba(3,18,30,.62),rgba(3,18,30,.22)),

      radial-gradient(circle at 78% 25%,rgba(90,180,230,.30),transparent 36%),

      linear-gradient(135deg,#0b2b42,#061722) !important;

  }



  body .special-direction-news-card:nth-child(5){

    background:

      linear-gradient(90deg,rgba(7,42,25,.94),rgba(7,42,25,.66),rgba(7,42,25,.24)),

      radial-gradient(circle at 78% 24%,rgba(115,190,120,.26),transparent 36%),

      linear-gradient(135deg,#12442e,#082417) !important;

  }



  body .special-direction-news-card:nth-child(1) *,

  body .special-direction-news-card:nth-child(5) *{

    color:#fff !important;

  }



  body .special-direction-news-card:nth-child(1) time,

  body .special-direction-news-card:nth-child(5) time{

    color:rgba(255,255,255,.62) !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-head,

  body .special-direction-news-card:nth-child(5) .special-direction-head{

    margin-bottom:34px !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-head strong,

  body .special-direction-news-card:nth-child(5) .special-direction-head strong{

    font-size:25px !important;

  }



  /* малые карточки как editorial columns */

  body .special-direction-news-card:nth-child(2){

    background:linear-gradient(180deg,#eef8f8,#e4f1f3) !important;

  }



  body .special-direction-news-card:nth-child(3){

    background:linear-gradient(180deg,#fbf4ef,#f5ebe3) !important;

  }



  body .special-direction-news-card:nth-child(4){

    background:linear-gradient(180deg,#eef8f2,#e2f0e7) !important;

  }



  body .special-direction-news-card:nth-child(6){

    background:linear-gradient(180deg,#f8f2e9,#efe6d8) !important;

  }



  body .special-direction-news-card:nth-child(7){

    background:linear-gradient(180deg,#eef7f2,#e5f1ec) !important;

  }



  body .special-direction-news-list{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:13px !important;

  }



  body .special-direction-news-list li{

    padding-bottom:12px !important;

    border-bottom:1px solid rgba(20,70,50,.10) !important;

  }



  body .special-direction-news-list a{

    font-size:13px !important;

    line-height:1.28 !important;

    font-weight:700 !important;

  }



  body .special-direction-news-list time{

    font-size:10px !important;

    letter-spacing:.08em !important;

  }



  /* в компактных карточках оставляем 2 новости, чтобы не было каши */

  body .special-direction-news-card:nth-child(2) .special-direction-news-list li:nth-child(n+3),

  body .special-direction-news-card:nth-child(3) .special-direction-news-list li:nth-child(n+3),

  body .special-direction-news-card:nth-child(4) .special-direction-news-list li:nth-child(n+3),

  body .special-direction-news-card:nth-child(6) .special-direction-news-list li:nth-child(n+3){

    display:none !important;

  }



  /* нижняя широкая карточка в 2 колонки */

  body .special-direction-news-card:nth-child(7) .special-direction-news-list{

    grid-template-columns:1fr 1fr !important;

    column-gap:24px !important;

  }



  body .special-direction-news-card:nth-child(7) .special-direction-news-list li:nth-child(n+3){

    display:none !important;

  }

}






/* === SPECIAL PROJECTS HERO CARDS LIKE MOCKUP === */



@media (min-width:1024px){



  /* АРКТИКА */

  body .special-direction-news-card:nth-child(1){



    position:relative !important;

    overflow:hidden !important;



    display:flex !important;

    flex-direction:column !important;

    justify-content:space-between !important;



    padding:26px !important;



    background:

      linear-gradient(90deg,

        rgba(5,18,30,.88) 0%,

        rgba(5,18,30,.58) 48%,

        rgba(5,18,30,.14) 100%

      ),

      url('/wp-content/uploads/2026/05/arctic-special.jpg')

      center/cover no-repeat !important;



    border-radius:20px !important;

  }



  body .special-direction-news-card:nth-child(1)::before{

    content:"";

    position:absolute;

    inset:0;

    background:

      radial-gradient(circle at 82% 18%,

      rgba(140,210,255,.22),

      transparent 34%);

    pointer-events:none;

  }



  /* верх */

  body .special-direction-news-card:nth-child(1) .special-direction-head{

    margin-bottom:0 !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-head strong{

    font-size:24px !important;

    line-height:1.05 !important;

    font-weight:700 !important;

  }



  /* контент */

  body .special-direction-news-card:nth-child(1) .special-direction-news-list{



    display:grid !important;



    grid-template-columns:

      1.2fr

      .9fr !important;



    column-gap:34px !important;



    align-items:end !important;



    margin-top:auto !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list li{



    border-bottom:1px solid rgba(255,255,255,.14) !important;



    padding-bottom:14px !important;

  }



  /* главный headline */

  body .special-direction-news-card:nth-child(1) .special-direction-news-list li:first-child{



    grid-row:span 3 !important;



    display:flex !important;

    flex-direction:column !important;

    justify-content:flex-end !important;



    min-height:220px !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list li:first-child a{



    font-size:20px !important;

    line-height:1.14 !important;

    font-weight:700 !important;



    max-width:92% !important;

  }



  body .special-direction-news-card:nth-child(1) .special-direction-news-list li:first-child time{

    margin-top:14px !important;

  }



  /* вторичные справа */

  body .special-direction-news-card:nth-child(1) .special-direction-news-list li:not(:first-child) a{



    font-size:13px !important;

    line-height:1.28 !important;

    font-weight:600 !important;

  }



  /* НАЦПРОЕКТ */

  body .special-direction-news-card:nth-child(5){



    position:relative !important;

    overflow:hidden !important;



    background:

      linear-gradient(90deg,

        rgba(7,42,25,.92) 0%,

        rgba(7,42,25,.60) 46%,

        rgba(7,42,25,.18) 100%

      ),

      url('/wp-content/uploads/2026/05/national-project-special.jpg')

      center/cover no-repeat !important;



    border-radius:20px !important;



    display:flex !important;

    flex-direction:column !important;

    justify-content:space-between !important;



    padding:26px !important;

  }



  body .special-direction-news-card:nth-child(5)::before{

    content:"";

    position:absolute;

    inset:0;

    background:

      radial-gradient(circle at 84% 20%,

      rgba(130,220,120,.20),

      transparent 34%);

    pointer-events:none;

  }



  body .special-direction-news-card:nth-child(5) .special-direction-head strong{

    font-size:23px !important;

  }



  body .special-direction-news-card:nth-child(5) .special-direction-news-list{

    max-width:52% !important;

    gap:16px !important;

  }



  body .special-direction-news-card:nth-child(5) .special-direction-news-list a{

    font-size:14px !important;

    line-height:1.28 !important;

  }

}






/* === SPECIAL PROJECTS DYNAMIC BACKGROUND === */



@media (min-width:1024px){



  body .special-direction-news-card:nth-child(1){

    background:

      linear-gradient(90deg,

        rgba(5,18,30,.92) 0%,

        rgba(5,18,30,.58) 48%,

        rgba(5,18,30,.18) 100%

      ),

      

      linear-gradient(135deg,#0b2b42,#061722) !important;



    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

  }



  body .special-direction-news-card:nth-child(5){

    background:

      linear-gradient(90deg,

        rgba(7,42,25,.92) 0%,

        rgba(7,42,25,.60) 46%,

        rgba(7,42,25,.20) 100%

      ),

      

      linear-gradient(135deg,#12442e,#082417) !important;



    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

  }

}