/* ВестиВЛГ — стили сайта. Шрифт Montserrat (локально), без внешних библиотек. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/montserrat-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#15191e;--ink2:#3a4148;--muted:#5b636b;--muted2:#6f777e;
  --bg:#f3f4f1;--card:#fff;--line:#e3e6e0;--line2:#eef0ec;--chip:#f1f2ef;
  --brand:#6dbb2f;--brand-ink:#3f7f17;--brand-soft:#eef6e7;--brand-soft-ink:#2f6410;--red:#d7191f;--red-soft:#fdeeee;
  --r:16px;--r-sm:12px;--r-xs:10px;--shadow:0 1px 2px rgba(21,25,30,.04);
  --font:'Montserrat',Arial,sans-serif;
  --w:1280px;
  }
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;vertical-align:middle}
img{height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand-ink)}
h1,h2,h3,h4{margin:0;line-height:1.2}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:8px 14px;border-radius:8px}
.skip:focus{left:8px}
.container{max-width:var(--w);margin:0 auto;padding:0 24px}
.topbar .container,.header .container{max-width:1280px}
.container:has(> .layout--art){max-width:1520px}
[hidden]{display:none!important}

/* ---------- кнопки, чипы ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:var(--r-xs);background:var(--brand-ink);color:#fff;font-weight:700;font-size:15px;line-height:1.2;transition:background .15s,color .15s}
.btn:hover{background:#346a12;color:#fff}
.btn--line{background:var(--chip);color:var(--ink)}
.btn--line:hover{background:#e6e8e3;color:var(--ink)}
.btn--sm{min-height:36px;padding:7px 14px;font-size:14px}
.btn--lg{min-height:50px;padding:12px 24px;font-size:16px}
.btn--tg{background:#229ed9}
.btn--tg:hover{background:#1b8bc0}
.btn:disabled{opacity:.6;cursor:default}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--chip);color:var(--ink);flex:none}
.icon-btn:hover{background:#e6e8e3;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a,.chips span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border-radius:999px;background:var(--chip);font-size:14px;font-weight:600;line-height:1.2;color:var(--ink)}
.chips a:hover{background:#e6e8e3;color:var(--ink)}
.chips a.is-active{background:var(--ink);color:#fff}
.chips small{font-size:12px;font-weight:600;color:var(--muted2)}
.chips a.is-active small{color:#c9cdd2}
.chips--green a{background:var(--brand-soft);color:var(--brand-soft-ink)}
.chips--green a:hover{background:#e1f0d4;color:var(--brand-soft-ink)}
.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:var(--chip);font-size:13px;font-weight:700;color:var(--ink)}
.chip--green{background:var(--brand-soft);color:var(--brand-soft-ink)}
.chip--hot{background:var(--red);color:#fff}
.tag{display:inline-block;font-size:12px;font-weight:700;color:var(--brand-ink);text-transform:uppercase;letter-spacing:.04em}
.tag--hot{color:var(--red)}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--brand-ink)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(109,187,47,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(109,187,47,.45)}70%{box-shadow:0 0 0 7px rgba(109,187,47,0)}100%{box-shadow:0 0 0 0 rgba(109,187,47,0)}}

/* ---------- верхняя строка и шапка ---------- */
.topbar{background:var(--ink);color:#c9cdd2;font-size:13px}
.topbar .container{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;min-height:36px;padding-top:6px;padding-bottom:6px}
.tb-link{color:#c9cdd2;display:inline-flex;align-items:center;gap:6px}
.tb-link:hover{color:#fff}
.tb-strong{color:#fff;font-weight:600}
.tb-sp{flex:1}
.header{background:#e9eaec;border-bottom:1px solid #dcdee1;position:relative;z-index:30}
.mainbar{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:14px;flex:none}
.logo__img{height:52px;width:auto}
.hsearch{flex:1 1 280px;display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9dbdf;color:var(--muted2);max-width:560px;margin:0 auto}
.hsearch input{flex:1;min-width:0;border:0;background:transparent;font-size:15px;color:var(--ink);outline:none}
.hsearch:focus-within{background:#fff;box-shadow:0 0 0 2px var(--brand)}
.hweather{display:flex;align-items:center;gap:10px;color:var(--muted2);flex:none}
.hweather b{display:block;font-size:20px;line-height:1.1;color:var(--ink)}
.hweather small{font-size:12px;color:var(--muted)}
.push-btn.is-on{background:var(--brand-soft);color:var(--brand-ink)}
.mobile-toggle,.search-toggle{display:none}
.nav{display:flex;align-items:stretch;gap:2px;font-weight:600;font-size:14px;margin:0 -12px;position:relative}
.nav__item{position:relative;display:flex}
.nav__item.is-hidden{display:none}
.nav__link{display:flex;align-items:center;gap:4px;padding:12px;border:0;background:none;border-bottom:3px solid transparent;color:var(--ink);white-space:nowrap;font-weight:600}
.nav__link:hover{color:var(--brand-ink)}
.nav__link.is-current{border-bottom-color:var(--brand)}
.nav__more{margin-left:auto}
.dropdown{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 12px 32px rgba(21,25,30,.12);padding:8px;z-index:40}
.dropdown--cols{display:none;grid-template-columns:repeat(2,minmax(160px,1fr));min-width:380px}
.dropdown--right{left:auto;right:0}
.dropdown a{display:block;padding:8px 12px;border-radius:8px;font-weight:500;font-size:15px;white-space:nowrap}
.dropdown a:hover{background:var(--chip);color:var(--ink)}
.has-dd:hover>.dropdown,.has-dd:focus-within>.dropdown{display:block}
.has-dd:hover>.dropdown--cols,.has-dd:focus-within>.dropdown--cols{display:grid}
.breaking{background:#fff;border-bottom:1px solid var(--line)}
.breaking .container{display:flex;align-items:center;gap:14px;min-height:48px;padding-top:8px;padding-bottom:8px;font-size:15px;font-weight:600}
.breaking__label{flex:none;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:4px 9px}
.breaking a{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breaking time{flex:none;font-size:13px;color:var(--muted2);font-weight:500}
.ad-top,.vb-top{background:#fff;text-align:center;padding:6px 0}

/* ---------- мобильное меню ---------- */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden}
.drawer.is-open{visibility:visible}
.drawer__bg{position:absolute;inset:0;background:rgba(21,25,30,.45);opacity:0;transition:opacity .2s}
.drawer.is-open .drawer__bg{opacity:1}
.drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(360px,88vw);background:#fff;overflow:auto;padding:14px 18px 30px;transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column;gap:2px}
.drawer.is-open .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.drawer__head img{height:40px;width:auto}
.drawer__search{display:flex;gap:8px;margin-bottom:8px}
.drawer__search input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:var(--r-xs);padding:0 12px}
.d-link,.drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 4px;font-weight:600;font-size:16px;border:0;border-bottom:1px solid var(--line2);background:none;text-align:left;width:100%;cursor:pointer;list-style:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer details a{display:block;padding:9px 12px;font-size:15px;color:var(--ink2)}
.drawer .btn{margin-top:12px}
.d-push{justify-content:flex-start;gap:8px}

/* ---------- раскладка ---------- */
main{display:block;padding:22px 0 56px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.main-col{min-width:0;display:flex;flex-direction:column;gap:24px}
.side{display:flex;flex-direction:column;gap:22px;min-width:0}
.page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:20px}
.page-title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.page-title small{font-size:.55em;color:var(--muted);font-weight:600;letter-spacing:0}
.page-sub{font-size:14px;color:var(--muted)}
.page-desc{margin-top:8px;font-size:16px;line-height:1.5;color:var(--muted);max-width:820px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;color:var(--muted);margin-bottom:16px}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--brand-ink)}
.crumbs i{font-style:normal;color:#b8bdb4}
.crumbs span{color:var(--ink2)}
.hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.hero__text{flex:1 1 520px;min-width:0}
.hero__stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:14px;color:var(--muted)}
.hero__actions{display:flex;gap:10px;align-items:center}
.hero__chips{flex-basis:100%}
.hero__weather{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:14px;padding:10px 18px;color:var(--muted2)}
.hero__weather b{display:block;font-size:22px;color:var(--ink);line-height:1.1}
.hero__weather small{font-size:13px;color:var(--muted)}
a.hero__weather:hover{background:#ebede8}

/* ---------- блоки ---------- */
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.box__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.box__title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.box__head .box__title{margin:0}
.box__more{display:block;text-align:center;margin-top:12px;background:var(--chip);border-radius:var(--r-xs);padding:11px;font-weight:700;font-size:14px}
.box__more:hover{background:#e6e8e3;color:var(--ink)}
.sec{padding:22px 26px}
.sec__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.sec__title{font-size:19px;font-weight:700;letter-spacing:-.01em}
.sec__title a:hover{color:var(--brand-ink)}
.sec__link{font-size:14px;font-weight:600;color:var(--brand-ink)}
.sec__more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:14px;color:var(--brand-ink)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rows{display:flex;flex-direction:column;gap:14px}
.rows2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.rows2--top{margin-top:20px;padding-top:18px;border-top:1px solid var(--line2)}

/* ---------- карточки ---------- */
.story__media{position:relative;overflow:hidden;background:#dfe3db;aspect-ratio:16/10;border-radius:inherit}
.story__media>img,.story__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story__ph{position:absolute;inset:0;display:block;background:#e3e7df}
.media-count{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(21,25,30,.75);color:#fff;font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card__img{display:block}
.card__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px}
.card__title{font-size:15px;font-weight:700;line-height:1.35}
.card__title a:hover{color:var(--brand-ink)}
.card--main .story__media{aspect-ratio:16/8}
.card--main .card__body{padding:22px 26px 24px}
.card--main .card__title{font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.18}
.card__lead{font-size:15px;line-height:1.5;color:var(--ink2)}
.kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--muted2)}
.kicker__rub{color:var(--brand-ink);font-weight:700}
.kicker__hot{background:var(--red);color:#fff;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:2px 7px}
.story__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted2)}
.story__meta>*{display:inline-flex;align-items:center;gap:5px}
.row{display:flex;gap:14px;align-items:flex-start}
.row__img{flex:none;width:112px;border-radius:10px;overflow:hidden}
.row__img .story__media{aspect-ratio:3/2}
.row__time{font-size:12px;color:var(--muted2);margin-bottom:3px}
.row__title{font-size:14.5px;font-weight:600;line-height:1.32}
.row__title a:hover{color:var(--brand-ink)}
.side .row__img{width:88px}
.side .row__title{font-size:15px}
.top3{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:24px}
.top3__side{display:grid;gap:20px}
.top3 .card--main .card__title{font-size:22px}
.top3__side .story__media{aspect-ratio:16/8}

/* лента */
.feed__list{list-style:none;margin:0;padding:0}
.f-day{font-size:12px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;padding:12px 0 4px}
.f-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line2);font-size:14px;line-height:1.35}
.f-day+.f-item{border-top:0}
.f-item time{flex:none;min-width:40px;font-size:13px;font-weight:600;color:var(--muted2);padding-top:1px}
.f-item.is-important a{font-weight:700}
.f-item.is-off{display:none}
.f-item.is-new{background:var(--brand-soft);margin:0 -8px;padding:10px 8px;border-radius:8px}
.f-ico{display:inline-flex;margin-left:6px;color:var(--muted2);vertical-align:middle}
.feed--home .feed__list{max-height:1240px;overflow:auto;scrollbar-width:thin;margin-right:-8px;padding-right:8px}
.feed__fresh{display:block;width:100%;margin:6px 0;padding:9px;border:0;border-radius:var(--r-xs);background:var(--brand-soft);color:var(--brand-soft-ink);font-weight:600;font-size:14px}
.feed__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.feed__foot .box__more{margin:0;flex:1}
.top-list{list-style:none;margin:0;padding:0}
.top-list li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line2);font-size:14px;font-weight:600;line-height:1.35}
.top-list li:first-child{border-top:0}
.top-list li>span{flex:none;min-width:22px;font-size:22px;font-weight:700;color:var(--brand);line-height:1}
.sub-card{background:var(--ink);color:#c9cdd2;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px}
.sub-card b{color:#fff;font-size:17px}
.sub-card p{font-size:14px}
.sub-card .btn{width:100%}
.sub-card .btn:not(.btn--tg){background:var(--brand);color:#15191e}
.sub-card .btn:not(.btn--tg):hover{background:#7fcb40}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tiles--wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tile{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:#fff}
.tile b{font-size:15px;font-weight:700}
.tile small{font-size:13px;color:var(--muted)}
.tile:hover{border-color:var(--brand);color:var(--ink)}
.loc-group{margin-bottom:28px}
.loc-group .sec__title{margin-bottom:14px}

/* списки рубрик */
.day-sep{font-size:13px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;padding:6px 2px 0}
.n-item{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}
.day-sep+.n-item{margin-top:10px}
#nList>.n-item:first-child{margin-top:0}
.n-item__img{flex:none;width:220px;border-radius:10px;overflow:hidden}
.n-item__img .story__media{aspect-ratio:16/10.5}
.n-item__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.n-item__top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--muted2)}
.n-item__title{font-size:16.5px;font-weight:700;line-height:1.28}
.n-item__title a:hover{color:var(--brand-ink)}
.n-item__lead{font-size:14px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.n-item__meta{display:flex;gap:14px;font-size:13px;color:var(--muted2)}
.n-item__meta span{display:inline-flex;align-items:center;gap:5px}
.load-more{text-align:center;margin-top:20px}
.load-more .btn{min-width:240px}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;font-weight:700;font-size:15px}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-xs);background:#fff;border:1px solid var(--line)}
.pager span{border-color:transparent;background:none}
.pager .is-current{background:var(--brand-ink);color:#fff;border-color:var(--brand-ink)}
.pager a:hover{border-color:var(--brand);color:var(--ink)}
.seo-links{margin-top:28px}
.seo-links h2{font-size:18px;font-weight:700;margin-bottom:12px}
.seo-text{margin-top:28px;font-size:15px;line-height:1.65;color:var(--ink2);max-width:900px}
.seo-text h2{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 8px}
.seo-text p{margin:0 0 10px}
.seo-text a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}
.seo-text--home{padding:0 4px;color:var(--muted)}
.empty-box{background:#fff;border:1px dashed #c8cdc4;border-radius:var(--r);padding:20px;color:var(--muted)}
.empty-box a{color:var(--brand-ink);font-weight:600}
.msg-box{max-width:640px;margin:40px auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.err-code{font-size:96px;font-weight:700;color:var(--brand);line-height:1}
.search-page{display:flex;gap:10px;margin-top:14px;width:100%;max-width:640px}
.search-page input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:var(--r-xs);padding:0 16px;font-size:16px;background:#fff}
.related{margin-top:32px}

/* ---------- статья ---------- */
.progress{position:fixed;top:0;left:0;height:3px;background:var(--brand);width:0;z-index:95}
.art{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 40px 36px;min-width:0}
.art--page .art__title{margin-bottom:20px}
.preview-note{background:#fff7e0;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-weight:600;color:#7a5800}
.art__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.art__title{font-size:27px;font-weight:700;letter-spacing:-.015em;line-height:1.22}
.art__lead{margin-top:12px;font-size:16px;line-height:1.55;color:var(--ink2);font-weight:500}
.art__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:20px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line2);font-size:14px;color:var(--muted)}
.art__author{display:flex;align-items:center;gap:10px;color:var(--muted)}
.art__author b{display:block;color:var(--ink);font-size:14px}
.art__author small{font-size:13px}
.ava{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand-soft-ink);font-weight:700;font-size:14px;overflow:hidden;flex:none}
.ava img{width:100%;height:100%;object-fit:cover}
.art__stat{display:inline-flex;align-items:center;gap:5px}
.art__tools{display:inline-flex;gap:6px;margin-left:auto}
.tool{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:0;border-radius:50%;background:var(--chip);color:var(--ink);font-weight:700;font-size:13px}
.tool:hover{background:#e6e8e3;color:var(--ink)}
.art__fig{margin:0 0 26px}
.art__fig .story__media{border-radius:14px;aspect-ratio:auto;min-height:200px;max-height:560px}
.art__fig .story__media>img{position:static;width:100%;height:auto;max-height:560px;object-fit:cover}
.art__fig figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.art__fig--full .story__media>img{object-fit:contain;background:#f3f4f1}
.art__body{--fs:15.5px;font-size:var(--fs);line-height:1.75;overflow-wrap:anywhere}
.art__body>*{margin:0 0 18px}
.art__body h2{font-size:1.4em;font-weight:700;margin:30px 0 12px;line-height:1.25}
.art__body h3{font-size:1.2em;font-weight:700;margin:26px 0 10px}
.art__body a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}
.art__body ul,.art__body ol{padding-left:1.3em}
.art__body li{margin:0 0 6px}
.art__body img{border-radius:12px;display:block;margin:0 auto;cursor:zoom-in}
.art__body figure{margin:22px 0}
.art__body figcaption,.wp-caption figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.art__body iframe{max-width:100%;border:0;border-radius:12px}
.quote,.art__body blockquote{border:0;background:var(--brand-soft);border-radius:14px;padding:18px 22px;margin:22px 0;font-size:1.02em;color:var(--ink)}
.quote p:last-child{margin:0}
.tbl-wrap{overflow-x:auto;margin:20px 0}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.tbl th{background:var(--bg)}
.video-embed{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%}
.also{display:flex!important;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;margin:22px 0!important;background:#fafbf8;text-decoration:none!important;color:var(--ink)!important}
.also .story__media{width:120px;flex:none;border-radius:10px;aspect-ratio:3/2}
.also small{display:block;font-size:12px;font-weight:700;color:var(--brand-ink);text-transform:uppercase;letter-spacing:.05em}
.also b{display:block;font-size:16px;line-height:1.3;margin-top:4px}
.also:hover b{color:var(--brand-ink)}
.tg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding:18px 20px;border-radius:14px;background:var(--ink);color:#c9cdd2}
.tg-cta b{display:block;color:#fff;font-size:16px}
.tg-cta span{font-size:14px}
.tg-cta .btn{background:var(--brand);color:#15191e}
.tg-cta .btn:hover{background:#7fcb40}
.art__tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.art__tags>span{color:var(--muted);font-size:14px;margin-right:4px}
.art__tags a{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;background:var(--chip);font-size:14px;font-weight:600}
.art__tags a:hover{background:#e6e8e3;color:var(--ink)}
.art__tags .art__loc{background:var(--brand-soft);color:var(--brand-soft-ink)}
.react{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line2)}
.react__btns{display:flex;flex-wrap:wrap;gap:8px}
.react__btns button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:14px}
.react__btns button.is-on{border-color:var(--brand);background:var(--brand-soft)}
.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--muted)}
.tool--vk{background:#2787f5;color:#fff}.tool--tg{background:#229ed9;color:#fff}.tool--ok{background:#ee8208;color:#fff}.tool--wa{background:#25d366;color:#fff}
.tool--vk:hover,.tool--tg:hover,.tool--ok:hover,.tool--wa:hover{filter:brightness(.92);color:#fff}
.typo-note{margin-top:14px;font-size:13px;color:var(--muted2)}
kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line);border-radius:5px;background:var(--bg);font-size:12px;font-family:inherit}
.more-topic{margin-top:32px;padding-top:24px;border-top:1px solid var(--line2)}
.more-topic .sec__title{font-size:18px;margin-bottom:14px}
.comments{margin-top:32px;padding-top:24px;border-top:1px solid var(--line2)}
.comments__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.comments__head h2{font-size:18px;font-weight:700}
.comments__head h2 span{color:var(--muted2);font-weight:600}
.seg{display:inline-flex;background:var(--chip);border-radius:999px;padding:3px}
.seg button{border:0;background:none;padding:6px 14px;border-radius:999px;font-weight:600;font-size:13px}
.seg button.is-active{background:#fff;box-shadow:var(--shadow)}
.c-form{display:flex;flex-direction:column;gap:10px;background:#f7f8f5;border-radius:14px;padding:18px}
.c-form input,.c-form textarea{border:1px solid #dde1d9;border-radius:var(--r-xs);background:#fff;padding:11px 12px;font-size:15px;width:100%}
.c-form textarea{min-height:96px;resize:vertical}
.c-form__name{max-width:320px}
.c-form__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.c-form__foot a{color:var(--brand-ink)}
.c-form__reply{font-size:14px;color:var(--muted)}
.c-form__cancel{border:0;background:none;color:var(--red);font-size:13px}
.c-list{list-style:none;margin:16px 0 0;padding:0}
.c{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line2)}
.c--reply{margin-left:50px}
.c.is-new{background:var(--brand-soft);border-radius:10px;padding:14px 10px}
.c__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.c__head time{color:var(--muted2);font-size:13px}
.c__badge{background:var(--brand-soft);color:var(--brand-soft-ink);font-size:11px;font-weight:700;border-radius:5px;padding:1px 6px}
.c p{margin:4px 0 6px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.c__acts{display:flex;gap:6px}
.c-vote,.c-reply{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--muted2);font-size:13px;padding:4px 6px;border-radius:6px}
.c-vote:hover,.c-reply:hover{background:var(--chip)}
.c-vote.is-on{color:var(--brand-ink)}
.c-empty{color:var(--muted);margin-top:14px}

/* шорткоды старых новостей */
.sc-update{border-top:1px solid #f2c4c6;border-bottom:1px solid #f2c4c6;padding:16px 0;margin:26px 0!important}
.sc-update__h,.sc-important__h{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#b01318;margin-bottom:6px}
.sc-update__h i,.sc-important__h i,.sc-upd-inline i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e8676b;animation:pulse 2s infinite}
.sc-update__h span{text-transform:none;letter-spacing:0;color:#c94a4f}
.sc-update p:last-child,.sc-important p:last-child{margin-bottom:0}
.sc-important{background:var(--red-soft);border:1px solid #f2c4c6;border-radius:14px;padding:16px 20px;margin:22px 0!important}
.sc-important__h{text-transform:none;letter-spacing:0;font-size:14px;font-weight:700}
.sc-upd-inline{display:inline-flex;align-items:center;gap:6px;background:var(--red-soft);color:#b01318;font-size:12px;border-radius:999px;padding:2px 9px}
.sc-tg{display:flex;flex-direction:column;gap:12px;max-width:620px;margin:24px 0!important;padding:16px 18px 18px;border:1px solid #d6eaf6;border-radius:16px;background:linear-gradient(135deg,#f2f9fe 0%,#fff 70%)}
.sc-tg__head{display:flex;align-items:center;gap:12px;min-width:0}
.sc-tg__ava{position:relative;flex:none;width:44px;height:44px}
.sc-tg__ava img{width:44px;height:44px;border-radius:50%;object-fit:cover;margin:0!important;cursor:default!important;background:#fff;box-shadow:0 0 0 1px #d6eaf6}
.sc-tg__ava .fab{position:absolute;right:-3px;bottom:-3px;font-size:17px;color:#229ed9;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff}
.sc-tg__who{min-width:0;flex:1;line-height:1.25}
.sc-tg__who b{display:flex;align-items:center;gap:5px;font-size:15px;color:var(--ink)}
.sc-tg__ok{font-size:13px;color:#229ed9}
.sc-tg__who small{display:block;font-size:12.5px;color:var(--muted2)}
.sc-tg__time{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted2);white-space:nowrap}
.sc-tg__time .far{font-size:11px}
.sc-tg__text{position:relative;margin-left:56px;padding:12px 14px;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 1px 2px rgba(21,25,30,.06),0 0 0 1px #e3eef6;font-size:15px;line-height:1.55;color:var(--ink)}
.sc-tg__btn{align-self:flex-start;margin-left:56px;display:inline-flex!important;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#229ed9;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:background .15s,transform .15s}
.sc-tg__btn:hover{background:#1b8bc0;transform:translateY(-1px)}
.sc-tg__btn .fab{font-size:16px}
@media (max-width:560px){.sc-tg__text,.sc-tg__btn{margin-left:0}.sc-tg__time{display:none}}
.sc-attention{font-weight:500}
.sc-expert{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fafbf8}
.sc-expert__who{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sc-expert__who img{width:56px;height:56px;border-radius:50%;object-fit:cover;margin:0;cursor:default}
.sc-expert__who b{display:block;font-size:16px}
.sc-expert__who small{font-size:13px;color:var(--muted);line-height:1.35;display:block}
.sc-expert__text{font-style:italic}
.sc-expert__text p:last-child{margin:0}
.sc-expert__qa{margin-top:10px}
.sc-poll{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff}
.sc-poll__q{display:block;font-size:17px;line-height:1.35;margin-bottom:12px}
.sc-poll ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sc-poll li{margin:0}
.sc-poll button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-xs);background:#fff;text-align:left;overflow:hidden;font-size:15px}
.sc-poll button:hover{border-color:var(--brand)}
.sc-poll__bar{position:absolute;left:0;top:0;bottom:0;background:var(--brand-soft);width:0;transition:width .4s;z-index:0}
.sc-poll__t,.sc-poll__p{position:relative;z-index:1}
.sc-poll__p{font-weight:700;color:var(--brand-ink);opacity:0}
.sc-poll.is-voted .sc-poll__p{opacity:1}
.sc-poll:not(.is-voted) .sc-poll__bar{width:0!important}
.sc-poll.is-voted button{cursor:default}
.sc-poll button.is-mine{border-color:var(--brand)}
.sc-poll__n{display:block;margin-top:10px;font-size:13px;color:var(--muted2)}
.sc-video video{width:100%;height:auto;border-radius:12px;background:#000}
.sc-gallery{display:grid;gap:8px}
.sc-gallery--2{grid-template-columns:repeat(2,1fr)}.sc-gallery--3{grid-template-columns:repeat(3,1fr)}.sc-gallery--4{grid-template-columns:repeat(4,1fr)}.sc-gallery--1{grid-template-columns:1fr}
.sc-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:10px}
.sc-gallery img{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.sc-sub{background:var(--brand-soft);border-radius:14px;padding:16px 18px}
.sc-sub b{display:block;margin-bottom:8px}

/* формы */
.sub-form{display:flex;gap:8px;flex-wrap:wrap}
.sub-form input[type=email]{flex:1 1 200px;min-width:0;height:44px;border:1px solid #3a4148;border-radius:var(--r-xs);background:#20252b;color:#fff;padding:0 14px}
.sc-sub .sub-form input[type=email]{background:#fff;color:var(--ink);border-color:var(--line)}
.ad-form{margin-top:28px}
.ad-form h2{font-size:22px;font-weight:700;margin-bottom:8px}
.ad-form p{color:var(--muted);margin-bottom:16px}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ad-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
.ad-form input,.ad-form select,.field input,.field textarea,.form textarea{height:46px;border:1px solid #dde1d9;border-radius:var(--r-xs);padding:0 12px;font-size:15px;background:#fff;color:var(--ink);width:100%}
.form textarea,.field textarea{height:auto;padding:12px;min-height:150px}
.form-note{font-size:12px!important;margin-top:10px}
.form-note a{color:var(--brand-ink)}
.send-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 36px}
.send-box .art__title{font-size:26px}
.send-box .art__lead{margin-bottom:20px}
.form{display:flex;flex-direction:column;gap:12px}
.field{display:block}
.file-drop{display:block;border:2px dashed #c8cdc4;border-radius:14px;padding:22px;text-align:center;cursor:pointer;color:var(--muted)}
.file-drop input{display:none}
.file-drop span{display:flex;flex-direction:column;align-items:center;gap:4px}
.file-drop b{color:var(--ink)}
.file-list{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}
.file-list span{background:var(--chip);border-radius:6px;padding:3px 8px}
.agree{display:flex;gap:8px;font-size:13px;color:var(--muted)}
.agree a{color:var(--brand-ink)}
.form-ok{display:none;text-align:center;padding:30px 10px}
[data-form-wrap].is-sent form{display:none}
[data-form-wrap].is-sent .form-ok{display:flex;flex-direction:column;align-items:center;gap:8px}
.form-ok__ico{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center}

/* автор, архив, афиша, модули */
.author-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;margin-bottom:22px}
.author-hero h1{font-size:30px;font-weight:700}
.ava-xl{width:96px;height:96px;border-radius:50%;background:var(--brand-soft);color:var(--brand-soft-ink);font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ava-xl img{width:100%;height:100%;object-fit:cover}
.author-role{color:var(--brand-ink);font-weight:600;margin-top:4px}
.author-bio{margin-top:10px;color:var(--ink2)}
.author-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.author-topics a{background:var(--chip);border-radius:999px;padding:4px 10px;font-size:13px}
.author-side{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.a-stats{display:flex;gap:18px}
.a-stat b{display:block;font-size:20px}
.a-stat small{color:var(--muted);font-size:13px}
.a-contacts{display:flex;gap:8px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tabs a{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14px}
.tabs a.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.tabs span{font-size:12px;color:var(--muted2)}
.others{margin-top:32px}
.others h2{font-size:22px;font-weight:700;margin-bottom:12px}
.others__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.o-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.o-card b{display:block}
.o-card small{color:var(--muted);font-size:13px}
.cal{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.cal__head h2{font-size:22px;font-weight:700;margin-bottom:12px}
.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal__wd{font-size:12px;color:var(--muted2);text-align:center;font-weight:700}
.cal__day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;border-radius:10px;background:var(--brand-soft);color:var(--brand-soft-ink)}
.cal__day small{font-size:11px}
.cal__day.is-empty{background:var(--bg);color:#b8bdb4}
a.cal__day:hover{background:var(--brand);color:#fff}
.module-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;min-height:300px}
.module-seo{margin-top:20px}
.events{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.ev-date{position:absolute;left:10px;top:10px;background:#fff;border-radius:10px;padding:4px 10px;text-align:center;font-size:12px;line-height:1.1}
.ev-date b{display:block;font-size:20px}
.ev-age{position:absolute;right:10px;top:10px;background:rgba(21,25,30,.75);color:#fff;border-radius:6px;padding:2px 7px;font-size:12px}
.ev-price{font-size:14px;font-weight:700;color:var(--brand-ink)}
.evp{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}
.evp__media img{border-radius:14px;width:100%}
.evp__title{font-size:30px;font-weight:700;margin:8px 0}
.evp__facts{display:grid;gap:8px}
.evp__facts dt{font-size:13px;color:var(--muted)}
.evp__facts dd{margin:0;font-weight:600}
.evp__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ev-empty,.ev-archive{color:var(--muted);margin-top:14px}

/* реклама */
.vb{position:relative;text-align:center;min-width:0;overflow:hidden}
.vb img{border-radius:12px;display:block;margin:0 auto}
.vb__mark{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.85);border-radius:4px;font-size:10px;padding:1px 5px;color:var(--muted)}
.art__body .vb{margin:24px 0}
.main-col > .vb{margin:0}

/* ---------- подвал ---------- */
.footer{background:var(--ink);color:#c9cdd2;font-size:14px}
.footer a{color:#c9cdd2}
.footer a:hover{color:#fff}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:32px;padding-top:40px;padding-bottom:30px}
.footer__logo img{height:56px;width:auto}
.footer__brand p{margin:12px 0 16px;line-height:1.55}
.footer h2{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer__contacts{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.socials{display:flex;gap:8px;margin-top:14px}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#2a3036}
.socials a:hover{background:#3a4148}
.footer__bottom{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #2a3036;padding-top:16px;padding-bottom:28px;color:#8c949b;font-size:13px}
.age{flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #5b636b;border-radius:6px;padding:1px 6px;font-size:12px;font-weight:700;color:#c9cdd2}

/* ---------- всплывающее ---------- */
.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
.to-top.is-show{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:120;max-width:90vw}
.toast.is-show{opacity:1;transform:translate(-50%,0)}
.pmodal{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px}
.pmodal__bg{position:absolute;inset:0;background:rgba(21,25,30,.5)}
.pmodal__box{position:relative;background:#fff;border-radius:18px;padding:26px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px}
.pmodal__x{position:absolute;right:12px;top:12px}
.pmodal__ico{width:52px;height:52px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center}
.pmodal h3{font-size:20px;font-weight:700}
.pmodal p{font-size:14px;color:var(--muted)}
.pm-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
.pm-opt b{display:block;font-size:15px}
.pm-opt small{font-size:13px;color:var(--muted)}
.pm-sel{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
.pm-sel select{height:44px;border:1px solid var(--line);border-radius:var(--r-xs);padding:0 10px;background:#fff}
.pmodal__btns{display:flex;gap:8px}
.pmodal__note{color:var(--red)!important}
.pprompt{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(21,25,30,.18);padding:12px 12px 12px 16px;width:min(560px,calc(100vw - 24px))}
.pprompt__ico{width:42px;height:42px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;flex:none}
.pprompt>div:nth-child(2){flex:1;min-width:0}
.pprompt b{display:block;font-size:15px}
.pprompt span{font-size:13px;color:var(--muted)}
.lbox{position:fixed;inset:0;z-index:130;background:rgba(10,12,14,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .2s}
.lbox.is-open{opacity:1}
.lbox__img{max-width:94vw;max-height:84vh;border-radius:8px}
.lbox__cap{color:#ddd;font-size:14px;margin-top:10px;max-width:90vw;text-align:center}
.lbox__btn{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:1}
.lbox__x{right:16px;top:16px}.lbox__prev{left:16px;top:50%}.lbox__next{right:16px;top:50%}
.lbox__cnt{position:absolute;left:18px;top:24px;color:#ccc;font-size:14px}

/* панель редактора */
.abar{position:fixed;left:12px;bottom:12px;z-index:140;display:flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:12px;padding:6px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.abar a,.abar span,.abar button{color:#fff;background:#2a3036;border:0;border-radius:8px;padding:6px 10px}
.abar a:hover{background:var(--brand-ink);color:#fff}
.abar.is-min>*:not(.abar__x):not(.abar__logo){display:none}

/* ---------- адаптив ---------- */
@media (max-width:1180px){
  .layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}
  .footer__top{grid-template-columns:repeat(3,1fr)}
  .footer__brand{grid-column:1/-1}
}
@media (max-width:980px){
  .container{padding:0 16px}
  .layout{grid-template-columns:minmax(0,1fr)}
  .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .feed--home .feed__list{max-height:520px}
  .nav,.hweather{display:none}
  .mobile-toggle,.search-toggle{display:inline-flex}
  .mainbar{gap:10px;padding-top:10px;padding-bottom:10px}
  .logo{margin-right:auto}
  .logo__img{height:42px}
  .hsearch{display:none;position:absolute;left:16px;right:16px;top:100%;margin:0;max-width:none;background:#fff;box-shadow:0 10px 30px rgba(21,25,30,.15);z-index:50}
  .hsearch.is-open{display:flex}
  .header .container:last-child{display:none}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top3{grid-template-columns:1fr}
  .top3__side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evp,.author-hero{grid-template-columns:1fr}
  .author-side{align-items:flex-start}
}
@media (max-width:760px){
  body{font-size:14.5px}
  main{padding:14px 0 40px}
  .tb-hide-sm,.tb-date{display:none}
  .page-title{font-size:21px}
  .page-head{margin-bottom:14px}
  .side{grid-template-columns:1fr}
  .grid3,.grid2,.rows2{grid-template-columns:1fr}
  .grid3{gap:14px}
  .grid3 .card--mid{flex-direction:row}
  .grid3 .card--mid .card__img{width:120px;flex:none;overflow:hidden;position:relative;min-height:110px}
  .grid3 .card--mid .story__media{aspect-ratio:auto;position:absolute;inset:0;height:auto;border-radius:0}
  .grid3 .card--mid .card__body{padding:10px 12px}
  .grid3 .card--mid .card__title{font-size:15px}
  .card--main .card__body{padding:14px 16px 16px}
  .card--main .card__title{font-size:18px}
  .card__lead{font-size:15px}
  .card--main .story__media{aspect-ratio:16/10}
  .sec{padding:16px}
  .sec__title{font-size:17px}
  .box{padding:14px 16px}
  .hero{padding:16px;border-radius:14px}
  .hero__weather{padding:8px 12px}
  .n-item{gap:12px;padding:12px}
  .n-item__img{width:110px}
  .n-item__img .story__media{aspect-ratio:1/1}
  .n-item__title{font-size:15px}
  .n-item__lead{display:none}
  .art{padding:18px 16px 22px;border-radius:14px;margin:0 -4px}
  .art__title{font-size:21px}
  .art__lead{font-size:15px}
  .art__body{--fs:15.5px}
  .art__tools{margin-left:0}
  .also .story__media{width:88px}
  .tiles{gap:8px}
  .top3__side{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr;gap:24px}
  .sc-tg__text{padding-left:0}.sc-tg__btn{margin-left:0}
  .send-box{padding:20px 16px}
  .c--reply{margin-left:24px}
  .breaking .container{font-size:14px}
  .breaking time{display:none}
  .chips a{min-height:38px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- оформление v2: иконки, цвета рубрик, акценты ---------- */
.btn .fas,.btn .far,.btn .fab{font-size:1.05em}
.icon-btn{background:#fff}
.header .icon-btn{box-shadow:inset 0 0 0 1px #d9dbdf}
.header .icon-btn:hover{background:#f6f7f8}
.topbar{background:linear-gradient(90deg,#15191e 0%,#1b2420 60%,#15191e 100%)}
.tb-date,.tb-link{display:inline-flex;align-items:center;gap:7px}
.topbar .fas,.topbar .far{color:var(--brand);font-size:12px}
.tb-strong .fab{color:#2aabee}
/* меню рубрик */
.nav{gap:2px;margin:0 -8px;padding:2px 0 10px}
.nav__item{align-items:center}
.nav__link{gap:7px;padding:9px 10px;border:0;border-radius:10px;font-size:14px;transition:background .15s,color .15s,box-shadow .15s}
.nav__link .fas{color:#3f7f17;font-size:14px;transition:transform .2s}
.nav__link:hover{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(21,25,30,.06)}
.nav__link:hover .fas:first-child{transform:scale(1.15)}
.nav__link.is-current{background:#fff;box-shadow:0 1px 2px rgba(21,25,30,.06)}
.nav__caret{font-size:10px!important;color:var(--muted2)!important;margin-left:-2px}
.nav__home{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;background:var(--brand-ink);color:#fff;margin-right:6px}
.nav__home .fas{color:#fff;font-size:17px}
.nav__home:hover,.nav__home.is-current{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(63,127,23,.3)}
.nav__home.is-current{box-shadow:0 4px 12px rgba(63,127,23,.3)}
.dropdown{top:calc(100% + 2px)}
.dropdown a{display:flex;align-items:center;gap:10px}
.dropdown a .fas{width:18px;text-align:center;color:var(--brand-ink);font-size:13px}
.dropdown a b{font-weight:600}
/* мобильное меню */
.d-link span,.drawer summary span{display:inline-flex;align-items:center;gap:12px}
.d-link .fas,.drawer summary span .fas{width:22px;text-align:center;color:#3f7f17}
.drawer details a{display:flex;align-items:center;gap:10px}
.drawer details a .fas{width:18px;text-align:center;color:#3f7f17;font-size:13px}
.drawer details[open] summary{color:var(--brand-ink)}
/* срочно */
.breaking{background:linear-gradient(90deg,#fff5f5,#fff 40%)}
.breaking__label{display:inline-flex;align-items:center;gap:6px;box-shadow:0 0 0 0 rgba(215,25,31,.5);animation:hot 2s infinite}
@keyframes hot{0%{box-shadow:0 0 0 0 rgba(215,25,31,.45)}70%{box-shadow:0 0 0 8px rgba(215,25,31,0)}100%{box-shadow:0 0 0 0 rgba(215,25,31,0)}}
/* заголовки */
.ttl-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.6em;height:1.6em;margin-right:.5em;border-radius:50%;vertical-align:middle;font-size:.72em;color:#fff;background:linear-gradient(135deg,var(--rc,var(--brand)),color-mix(in srgb,var(--rc,var(--brand)) 70%,#000));box-shadow:0 3px 8px color-mix(in srgb,var(--rc,var(--brand)) 30%,transparent)}
.ttl-ico .fas,.ttl-ico .far{font-size:.95em}
.page-title .ttl-ico{font-size:.6em;position:relative;top:-.12em}
.sec__title,.box__title,.comments__head h2,.more-topic .sec__title{display:flex;align-items:center}
.sec__head{position:relative;padding-bottom:12px;border-bottom:2px solid var(--line2)}
.sec__head::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:2px;background:var(--brand)}
.sec__link,.sec__more{display:inline-flex;align-items:center;gap:6px}
.sec__more .fas{transition:transform .2s}
.sec__more:hover .fas{transform:translateX(3px)}
.box__more{display:flex;align-items:center;justify-content:center;gap:8px}
.page-sub{display:inline-flex;align-items:center;gap:8px}
.page-sub .live i{display:inline-block}
.comments__head h2{display:flex;align-items:center}
/* карточки */
.card,.n-item,.tile,.row{transition:box-shadow .2s,transform .2s,border-color .2s}
.card:hover,.n-item:hover{box-shadow:0 12px 28px rgba(21,25,30,.09);transform:translateY(-2px)}
.story__media>img{transition:transform .5s}
.card:hover .story__media>img,.n-item:hover .story__media>img,.row:hover .story__media>img{transform:scale(1.04)}
.kicker{gap:6px 8px}
.kicker__rub{display:inline-flex;align-items:center;gap:5px;color:var(--rc,var(--brand-ink));background:color-mix(in srgb,var(--rc,var(--brand)) 10%,#fff);border-radius:999px;padding:3px 10px 3px 8px;font-size:12px}
.kicker__rub .fas{font-size:11px}
.kicker__hot{display:inline-flex;align-items:center;gap:4px}
.kicker__time,.n-item__time,.row__time{display:inline-flex;align-items:center;gap:5px}
.kicker__time .far,.n-item__time .far,.row__time .far{font-size:11px;opacity:.75}
.tag{display:inline-flex;align-items:center;gap:5px;color:var(--rc,var(--brand-ink));background:color-mix(in srgb,var(--rc,var(--brand)) 10%,#fff);border-radius:999px;padding:3px 10px 3px 8px;text-transform:none;letter-spacing:0;font-size:12px}
.tag--hot{background:var(--red);color:#fff}
.tag .fas{font-size:11px}
.media-count .fas{font-size:11px}
.chips a .fas,.chips span .fas{font-size:12px;color:var(--brand-ink)}
.chips a.is-active .fas{color:var(--brand)}
.chips--green a .fas{color:var(--brand)}
.chip--rub{color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,#fff)}
.chip--rub:hover{background:color-mix(in srgb,var(--rc) 16%,#fff);color:var(--rc)}
.chip .fas{font-size:12px}
.tile{position:relative;padding:12px 8px 12px 40px;overflow:hidden;min-width:0}
.tile b{font-size:12.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile small{font-size:12px}
.tile__ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .2s,color .2s}
.tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,25,30,.08)}
.tile:hover .tile__ico{background:var(--brand);color:#fff}
/* лента: точки-таймлайн */
.f-item{position:relative;padding-left:16px}
.f-item::before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:#cfd5ca}
.f-item.is-important::before{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.f-item:hover::before{background:var(--brand)}
.f-item.is-new{padding-left:22px}
.f-item.is-new::before{left:8px}
.f-day{display:flex;align-items:center;gap:10px}
.f-day::after{content:"";flex:1;height:1px;background:var(--line2)}
.top-list li>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-ink))}
.top-list li:nth-child(n+4)>span{background:var(--chip);color:var(--muted)}
/* подписка */
.sub-card{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,#2c4a1b 0,rgba(44,74,27,0) 60%),var(--ink)}
.sub-card__ico{position:absolute;right:-10px;top:-12px;font-size:92px;color:rgba(109,187,47,.13);transform:rotate(18deg);pointer-events:none}
.sub-card__ico .fas{font-size:inherit}
.sub-card>*{position:relative}
.tg-cta{background:linear-gradient(120deg,#15191e 0%,#17324a 100%);position:relative;overflow:hidden}
.tg-cta::after{content:"\f2c6";font-family:"VVIB";position:absolute;right:120px;top:-18px;font-size:110px;color:rgba(42,171,238,.10);pointer-events:none}
.tg-cta>*{position:relative;z-index:1}
/* статья */
.art__stat .fas,.art__stat .far{color:var(--brand-ink);font-size:14px}
.art__tags>span,.share-row>span,.typo-note{display:inline-flex;align-items:center;gap:6px}
.art__tags a .fas{font-size:12px}
.react b{display:inline-flex;align-items:center;gap:8px}
.react b .far{color:var(--brand-ink);font-size:18px}
.art__body blockquote,.quote{position:relative;padding-left:56px}
.art__body blockquote::before,.quote::before{content:"\f10d";font-family:"VVI";font-weight:900;position:absolute;left:20px;top:18px;font-size:22px;color:var(--brand)}
.crumbs a{display:inline-flex;align-items:center;gap:6px}
.crumbs a .fas{font-size:12px}
.crumbs__sep{font-size:9px;color:#b8bdb4}
.pager a .fas{font-size:13px}
.to-top{background:var(--brand-ink);box-shadow:0 6px 18px rgba(63,127,23,.35)}
.to-top:hover{background:var(--brand)}
.form-ok__ico .fas{font-size:26px}
.load-more .btn .fas{transition:transform .4s}
.load-more .btn:hover .fas{transform:rotate(180deg)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 60%,#f1f8ea)}
.hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(109,187,47,.07);pointer-events:none}
.hero>*{position:relative;z-index:1}
/* подвал */
.footer__wave{line-height:0;margin-top:8px;background:var(--bg)}
.footer__wave svg{display:block;width:100%;height:60px}
.footer__wave .fw1{fill:var(--brand);opacity:.28}
.footer__wave .fw2{fill:var(--ink)}
.footer{background:radial-gradient(50% 90% at 100% 0,rgba(109,187,47,.08) 0,rgba(109,187,47,0) 70%),var(--ink)}
.footer h2{display:flex;align-items:center;gap:8px}
.footer h2 .fas{color:var(--brand);font-size:14px}
.footer ul a,.footer__contacts a,.footer__contacts span{display:inline-flex;align-items:center;gap:8px}
.footer ul a .fas{width:16px;text-align:center;color:#7d8790;font-size:12px}
.footer ul a:not(:has(i))::before{content:"\f105";font-family:"VVI";font-weight:900;font-size:11px;color:#5d666e;transition:transform .15s,color .15s}
.footer ul a:hover::before,.footer ul a:hover .fas{color:var(--brand)}
.footer__contacts .fas,.footer__contacts .far{width:16px;text-align:center;color:var(--brand)}
.socials a{transition:background .15s,transform .15s}
.socials a:hover{background:var(--brand-ink);transform:translateY(-2px)}
@media (max-width:980px){
  .header::before{height:2px}
  .tg-cta::after{right:10px}
}
@media (max-width:760px){
  .tb-hide-sm,.tb-date{display:none}
  .card:hover,.n-item:hover,.tile:hover{transform:none}
  .ttl-ico{margin-right:.35em}
  .footer__wave svg{height:36px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- страница новости: три колонки, компактная типографика ---------- */
.layout--art{grid-template-columns:260px minmax(0,1fr) 330px;gap:24px}
.lside{display:flex;flex-direction:column;gap:18px;position:sticky;top:14px;min-width:0}
.lside__box{padding:14px}
.lside__box .box__title{font-size:15px;margin-bottom:10px}
.minis{display:flex;flex-direction:column;gap:14px}
.mini{display:flex;flex-direction:column;gap:6px}
.mini__img{display:block;border-radius:10px;overflow:hidden}
.mini__img .story__media{aspect-ratio:16/10}
.mini:hover .story__media>img{transform:scale(1.04)}
.mini__time{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted2)}
.mini__time .far{font-size:10px}
.mini__title{font-size:13px;font-weight:600;line-height:1.35}
.mini__title a:hover{color:var(--brand-ink)}
.mini+.mini{padding-top:14px;border-top:1px solid var(--line2)}
.lside__list{list-style:none;margin:0;padding:0}
.lside__list li{padding:9px 0;border-top:1px solid var(--line2);font-size:13px;font-weight:600;line-height:1.35}
.lside__list li:first-child{border-top:0;padding-top:0}
.lside__list span{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--muted2);margin-bottom:3px}
.lside__list .far{font-size:10px}
.lside .box__more{padding:9px;font-size:13px}
.art{padding:28px 36px 32px;border-radius:16px}
.art__chips{gap:6px;margin-bottom:12px}
.art__chips .chip{padding:4px 10px;font-size:12px;font-weight:600}
.art__bar{gap:6px 14px;margin:14px 0 18px;padding:12px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:12.5px}
.art__author{gap:8px}
.art__author b{font-size:13px}
.art__author small{font-size:11.5px}
.art__bar .ava{width:32px;height:32px;font-size:12px}
.art__stat .fas,.art__stat .far{font-size:12px}
.art__tools{gap:4px}
.art__tools .tool{min-width:32px;height:32px;font-size:12px;padding:0 8px}
.art__fig{margin:0 0 20px}
.art__fig .story__media{border-radius:12px;max-height:440px}
.art__fig .story__media>img{max-height:440px}
.art__fig figcaption{font-size:12px}
.art__body>*{margin:0 0 15px}
.art__body h2{font-size:1.2em;margin:24px 0 10px}
.art__body h3{font-size:1.08em;margin:20px 0 8px}
.art__body strong,.art__body b{font-weight:600}
.art__body blockquote,.quote{font-size:1em;padding:14px 18px 14px 50px}
.art__body blockquote::before,.quote::before{left:18px;top:15px;font-size:18px}
.tg-cta{margin-top:20px;padding:14px 16px;border-radius:12px}
.tg-cta b{font-size:14.5px}
.tg-cta span{font-size:13px}
.tg-cta .btn{min-height:38px;padding:8px 14px;font-size:14px}
.art__tags{gap:6px;margin-top:18px}
.art__tags>span{font-size:13px}
.art__tags a{padding:5px 11px;font-size:12.5px}
.react{gap:10px;margin-top:18px;padding-top:16px;font-size:14px}
.react__btns button{height:34px;padding:0 11px;font-size:13px}
.share-row{margin-top:12px;font-size:13px}
.share-row .tool{min-width:34px;height:34px}
.typo-note{font-size:12px}
.more-topic,.comments{margin-top:24px;padding-top:18px}
.c p{font-size:14px}
.related .sec__title{font-size:18px}
@media (max-width:1180px){
  .layout--art{grid-template-columns:minmax(0,1fr) 300px}
  .lside{display:none}
}
@media (max-width:980px){
  .layout--art{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .art{padding:16px 14px 20px}
  .art__tools .tool:last-child{display:none}
}

/* ---------- правки v3: верхняя строка, главная новость, мета статьи ---------- */
.topbar .container{min-height:34px;gap:6px 22px}
.tb-link svg{width:18px;height:18px;flex:none}
.tb-link b{color:#fff;font-weight:600;margin-left:2px}
.tb-strong .fas{color:var(--brand)}
.sec>.chips{margin-bottom:18px}
/* главная новость + заголовки рядом */
.lead-box{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lead-box__main{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;min-width:0;background:#1d2228;isolation:isolate}
.lead-box__img{position:absolute;inset:0;z-index:-2}
.lead-box__img .story__media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;height:100%}
.lead-box__main:hover .story__media>img{transform:scale(1.03)}
.lead-box__main::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,16,19,0) 30%,rgba(13,16,19,.55) 58%,rgba(13,16,19,.92) 100%)}
.lead-box__body{display:flex;flex-direction:column;gap:9px;padding:22px 24px 20px;color:#fff}
.lead-box__body .kicker{color:rgba(255,255,255,.75)}
.lead-box__body .kicker__rub{background:#fff;color:var(--rc,var(--brand-ink))}
.lead-box__body .kicker__time .far{opacity:1}
.lead-box__title{font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.lead-box__title a{color:#fff}
.lead-box__title a::after{content:"";position:absolute;inset:0;z-index:1}
.lead-box__title a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--brand)}
.lead-box__lead{font-size:14px;line-height:1.5;color:rgba(255,255,255,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lead-box__body .story__meta{color:rgba(255,255,255,.7)}
.lead-box__more{list-style:none;margin:0;padding:6px 18px;display:flex;flex-direction:column}
.lead-box__more li{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--line2);flex:1;justify-content:center}
.lead-box__more li:first-child{border-top:0}
.lead-box__more h3{font-size:15px;font-weight:600;line-height:1.35}
.lead-box__more h3 a:hover{color:var(--brand-ink)}
/* мета статьи */
.art__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'by tools' 'facts facts';align-items:center;gap:10px 14px;margin:16px 0 20px;padding:12px 14px;background:#f6f7f5;border-radius:14px}
.art__by{grid-area:by;display:flex;align-items:center;gap:10px;min-width:0}
.art__by .ava{width:38px;height:38px;font-size:13px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--brand)}
.art__by b{display:block;font-size:13.5px;color:var(--ink);line-height:1.25}
.art__by small{display:block;font-size:11.5px;color:var(--muted2)}
a.art__by:hover b{color:var(--brand-ink)}
.art__facts{grid-area:facts;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:10px;border-top:1px solid #e6e9e3;font-size:12.5px;color:var(--muted);min-width:0}
.art__facts>*{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.art__facts .far,.art__facts .fas{color:var(--brand-ink);font-size:12px}
.art__facts a:hover{color:var(--brand-ink)}
.art__meta .art__tools{grid-area:tools;display:inline-flex;gap:0;margin-left:auto;background:#fff;border:1px solid #e1e4de;border-radius:10px;overflow:hidden}
.art__meta .art__tools button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 10px;border:0;background:none;font-weight:700;font-size:13px;color:var(--ink2)}
.art__meta .art__tools button+button{border-left:1px solid #e1e4de}
.art__meta .art__tools button:hover{background:var(--brand-soft);color:var(--brand-ink)}
.art__meta .art__tools sup{font-size:9px;margin-left:1px}
@media (max-width:760px){
  .topbar .container{flex-wrap:nowrap;gap:14px;font-size:12px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .tb-link .tb-hide-sm{display:none}
  .lead-box{grid-template-columns:1fr}
  .lead-box__main{min-height:340px}
  .lead-box__body{padding:16px 16px 16px}
  .lead-box__title{font-size:19px}
  .lead-box__more{padding:2px 16px}
  .lead-box__more li{padding:12px 0}
  .lead-box__more h3{font-size:14.5px}
  .art__meta{gap:10px;padding:10px 12px}
  .art__facts{gap:6px 14px}
}

.c__badge--vk{display:inline-flex;align-items:center;gap:4px;background:#e8f0fb;color:#2163c7}
.c__badge--vk .fab{font-size:11px}

/* ---------- шаблоны материалов: интервью, лонгрид, видео, фоторепортаж ---------- */
.chip--type{background:var(--ink);color:#fff;font-weight:600}
.chip--type .fas{color:var(--brand)}
.chip--glass{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(6px)}
a.chip--glass:hover{background:rgba(255,255,255,.24);color:#fff}
/* оглавление (лонгрид, интервью) */
.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.toc a{display:flex;gap:9px;padding:7px 8px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink2)}
.toc a span{flex:none;font-size:11px;font-weight:700;color:var(--muted2);padding-top:1px;font-variant-numeric:tabular-nums}
.toc a:hover{background:var(--chip);color:var(--ink)}
.toc a.is-active{background:var(--brand-soft);color:var(--brand-soft-ink)}
.toc a.is-active span{color:var(--brand-ink)}
.art--longread .art__body h2,.art--interview .art__body h2{scroll-margin-top:16px}
/* нумерованные главы */
.art--longread .art__body,.art--interview .art__body{counter-reset:sec}
.art--longread .art__body h2,.art--interview .art__body h2{counter-increment:sec;position:relative;margin-top:34px;padding-top:16px;border-top:1px solid var(--line2);font-size:1.25em;line-height:1.3}
.art--longread .art__body h2::before,.art--interview .art__body h2::before{content:counter(sec,decimal-leading-zero);display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--brand-ink)}

/* ИНТЕРВЬЮ */
.art--interview .art__title{font-size:30px;line-height:1.2}
.art--interview .art__lead{position:relative;margin-top:16px;padding:16px 18px 16px 62px;border-radius:14px;background:var(--bg);font-size:16px;font-weight:500;color:var(--ink)}
.art__lead-ico{position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px}
.art--interview .art__body blockquote,.art--interview .art__body .quote{position:relative;margin:26px 0;padding:6px 0 6px 58px;background:none;border-radius:0;font-size:1.16em;line-height:1.55;font-weight:500;color:var(--ink)}
.art--interview .art__body blockquote::before,.art--interview .art__body .quote::before{content:"\f10d";font-family:"VVI";font-weight:900;position:absolute;left:0;top:4px;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-size:16px;display:flex;align-items:center;justify-content:center}
.art--interview .art__body blockquote p{margin:0}
.art--interview .art__body blockquote p+p{margin-top:10px}
/* вопрос журналиста: абзац, начинающийся с жирного текста */
.art--interview .art__body>p>strong:first-child,.art--interview .art__body>p>b:first-child{color:var(--brand-ink)}
.art--interview .art__body h2+blockquote,.art--interview .art__body h2+.quote{margin-top:14px}
.art__end{margin:22px 0 0;text-align:center;color:var(--brand);font-size:14px}
.art__end::before,.art__end::after{content:"";display:inline-block;width:60px;height:1px;background:var(--line);vertical-align:middle;margin:0 12px}

/* ЛОНГРИД: обложка на всю ширину */
.lr-hero{position:relative;overflow:hidden;margin-bottom:22px;border-radius:20px;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;
  background:radial-gradient(120% 120% at 100% 0,#2d5a1a 0,rgba(45,90,26,0) 55%),radial-gradient(80% 90% at 0 100%,#1f3324 0,rgba(31,51,36,0) 60%),#121619}
.lr-hero:not(.has-img)::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 14px)}
.lr-hero__img{position:absolute;inset:0;z-index:-2}
.lr-hero__img .story__media{position:absolute;inset:0;aspect-ratio:auto;height:100%;border-radius:0}
.lr-hero.has-img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,14,.15) 0,rgba(10,12,14,.55) 45%,rgba(10,12,14,.92) 100%)}
.lr-hero__in{max-width:900px;padding:40px 44px 34px}
.lr-hero .art__chips{margin-bottom:16px}
.lr-hero__title{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.lr-hero__lead{margin-top:14px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.88);max-width:760px}
.lr-hero__cap{position:absolute;right:16px;top:14px;margin:0;font-size:11.5px;color:rgba(255,255,255,.7);max-width:50%;text-align:right}
.art--longread .art__meta{margin-top:0}
.art--longread .art__body>p:first-of-type::first-letter{float:left;font-size:3.4em;line-height:.9;font-weight:700;margin:6px 10px 0 0;color:var(--brand-ink)}
.art--longread .art__body{--fs:16.5px}
.art--longread .art__body blockquote,.art--longread .art__body .quote{background:none;border-radius:0;padding:4px 0 4px 26px;border-left:3px solid var(--brand);font-size:1.12em;font-weight:500}
.art--longread .art__body blockquote::before,.art--longread .art__body .quote::before{display:none}

/* ВИДЕО */
.art--video .art__fig--video{margin:-24px -28px 20px;border-radius:16px 16px 0 0;overflow:hidden;background:#000}
.art--video .art__fig--video .video-embed{border-radius:0}
.art--video .art__fig--video figcaption{padding:8px 16px;background:#15191e;color:#c9cdd2;margin:0}

/* ФОТОРЕПОРТАЖ */
.art--photo .art__fig .story__media{max-height:none}
.art--photo .art__fig .story__media>img{max-height:none}
.art--photo .art__body{counter-reset:ph}
.art--photo .art__body figure,.art--photo .art__body p>img:only-child{counter-increment:ph}
.art--photo .art__body figure{position:relative;margin:26px -28px}
.art--photo .art__body figure img{width:100%;border-radius:0}
.art--photo .art__body figure::before{content:counter(ph);position:absolute;left:18px;top:14px;z-index:1;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:rgba(21,25,30,.75);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.art--photo .art__body figcaption{padding:10px 28px 0;font-size:13.5px;color:var(--muted)}
.art--photo .art__body p>img{width:100%;border-radius:12px}

@media (max-width:760px){
  .lr-hero{min-height:300px;border-radius:14px;margin:0 -4px 16px}
  .lr-hero__in{padding:22px 18px 20px}
  .lr-hero__title{font-size:25px}
  .lr-hero__lead{font-size:15px}
  .lr-hero__cap{display:none}
  .art--interview .art__title{font-size:22px}
  .art--interview .art__lead{padding:14px 14px 14px 56px;font-size:15px}
  .art--interview .art__body blockquote,.art--interview .art__body .quote{padding-left:48px;font-size:1.08em}
  .art--interview .art__body blockquote::before,.art--interview .art__body .quote::before{width:34px;height:34px;font-size:13px}
  .art--video .art__fig--video{margin:-16px -14px 16px;border-radius:14px 14px 0 0}
  .art--photo .art__body figure{margin:20px -14px}
  .art--photo .art__body figcaption{padding:8px 14px 0}
}

.comments__head h2 span{margin-left:8px}
.toc-m{display:none;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:#fafbf8}
.toc-m summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:700;font-size:14px;cursor:pointer;list-style:none}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m summary .fas{color:var(--brand-ink)}
.toc-m summary small{margin-left:auto;font-weight:500;color:var(--muted2);font-size:12px}
.toc-m ol{list-style:none;margin:0;padding:0 8px 10px}
.toc-m a{display:flex;gap:9px;padding:8px 6px;font-size:14px;font-weight:600;border-top:1px solid var(--line2)}
.toc-m a span{flex:none;font-size:11px;font-weight:700;color:var(--brand-ink);padding-top:2px}
@media (max-width:1180px){.toc-m{display:block}}

/* icons:start — сгенерировано app/tools/build_icons.py, не править вручную */
@font-face{font-family:"VVI";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/vvi-solid.woff2) format("woff2")}
@font-face{font-family:"VVI";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/vvi-regular.woff2) format("woff2")}
@font-face{font-family:"VVIB";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/vvi-brands.woff2) format("woff2")}
.fa,.fas,.far,.fab{display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa,.fas{font-family:"VVI";font-weight:900}.far{font-family:"VVI";font-weight:400}.fab{font-family:"VVIB";font-weight:400}
.fa-angle-right:before{content:"\f105"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-balance-scale:before{content:"\f24e"}.fa-bars:before{content:"\f0c9"}.fa-bell:before{content:"\f0f3"}.fa-bolt:before{content:"\f0e7"}.fa-book-open:before{content:"\f518"}.fa-box-archive:before{content:"\f187"}.fa-building:before{content:"\f1ad"}.fa-bus:before{content:"\f207"}.fa-calendar:before{content:"\f133"}.fa-camera:before{content:"\f030"}.fa-car-burst:before{content:"\f5e1"}.fa-chart-line:before{content:"\f201"}.fa-check:before{content:"\f00c"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-circle-check:before{content:"\f058"}.fa-circle-exclamation:before{content:"\f06a"}.fa-circle-info:before{content:"\f05a"}.fa-city:before{content:"\f64f"}.fa-clock:before{content:"\f017"}.fa-cloud-sun:before{content:"\f6c4"}.fa-comment:before{content:"\f075"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-database:before{content:"\f1c0"}.fa-ellipsis:before{content:"\f141"}.fa-envelope:before{content:"\f0e0"}.fa-eye:before{content:"\f06e"}.fa-face-smile:before{content:"\f118"}.fa-faucet-drip:before{content:"\e006"}.fa-fire:before{content:"\f06d"}.fa-flag:before{content:"\f024"}.fa-futbol:before{content:"\f1e3"}.fa-gas-pump:before{content:"\f52f"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-handcuffs:before{content:"\e4f8"}.fa-hashtag:before{content:"\23"}.fa-heart-pulse:before{content:"\f21e"}.fa-house:before{content:"\f015"}.fa-house-chimney:before{content:"\e3af"}.fa-industry:before{content:"\f275"}.fa-info-circle:before{content:"\f05a"}.fa-jet-fighter-up:before{content:"\e518"}.fa-landmark:before{content:"\f66f"}.fa-leaf:before{content:"\f06c"}.fa-level-up-alt:before{content:"\f3bf"}.fa-lightbulb:before{content:"\f0eb"}.fa-link:before{content:"\f0c1"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-location-dot:before{content:"\f3c5"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-magnifying-glass:before{content:"\f002"}.fa-map:before{content:"\f279"}.fa-map-location-dot:before{content:"\f5a0"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-masks-theater:before{content:"\f630"}.fa-microphone:before{content:"\f130"}.fa-minus:before{content:"\f068"}.fa-monument:before{content:"\f5a6"}.fa-newspaper:before{content:"\f1ea"}.fa-odnoklassniki:before{content:"\f263"}.fa-paper-plane:before{content:"\f1d8"}.fa-pen-nib:before{content:"\f5ad"}.fa-phone:before{content:"\f095"}.fa-play:before{content:"\f04b"}.fa-quote-left:before{content:"\f10d"}.fa-receipt:before{content:"\f543"}.fa-rotate:before{content:"\f2f1"}.fa-rss:before{content:"\f09e"}.fa-satellite-dish:before{content:"\f7c0"}.fa-scale-balanced:before{content:"\f24e"}.fa-share-nodes:before{content:"\f1e0"}.fa-spell-check:before{content:"\f891"}.fa-spinner:before{content:"\f110"}.fa-square:before{content:"\f0c8"}.fa-star:before{content:"\f005"}.fa-telegram:before{content:"\f2c6"}.fa-temperature-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-tint:before{content:"\f043"}.fa-toolbox:before{content:"\f552"}.fa-tree:before{content:"\f1bb"}.fa-triangle-exclamation:before{content:"\f071"}.fa-umbrella:before{content:"\f0e9"}.fa-user-pen:before{content:"\f4ff"}.fa-user-secret:before{content:"\f21b"}.fa-users:before{content:"\f0c0"}.fa-vk:before{content:"\f189"}.fa-whatsapp:before{content:"\f232"}.fa-wind:before{content:"\f72e"}.fa-xmark:before{content:"\f00d"}
/* icons:end */
.side{
      position: sticky;
    top: 14px;
}
/* ---------- блоки из админки: отключения, опрос, спорт ---------- */
.outs__now{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#c92a2a}
.outs__now i,.out__when .dot{width:8px;height:8px;border-radius:50%;background:#e03131;display:inline-block;animation:pulse-red 2s infinite}
@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(224,49,49,.45)}70%{box-shadow:0 0 0 7px rgba(224,49,49,0)}100%{box-shadow:0 0 0 0 rgba(224,49,49,0)}}
.outs__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.out{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line2)}
.out:first-child{border-top:0;padding-top:4px}
.out__ico{flex:0 0 36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--oc) 12%,#fff);color:var(--oc);font-size:16px}
.out__b{min-width:0;flex:1}
.out__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;line-height:1.3}
.out__h b{font-size:14px}
.out__h span{font-size:12px;color:var(--muted);font-weight:600}
.out__when{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:700;color:var(--ink2)}
.out__when .fas{font-size:11px;color:var(--muted2)}
.out.is-now .out__when{color:#c92a2a}
.out__addr{margin-top:4px;font-size:13px;line-height:1.45;color:var(--ink2);overflow-wrap:anywhere}
.out__note{margin-top:6px;font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:baseline}
.outs--page .box__title{display:flex;align-items:center;gap:8px;font-size:18px}
.outs--page .box__title .fas{color:var(--muted2);font-size:15px}
.outs__cnt{font-size:12px;font-weight:700;color:var(--muted2);background:var(--chip);border-radius:999px;padding:2px 8px}
.outs--page .out__ico{flex-basis:42px;height:42px;font-size:18px}
.outs--page .out__addr{font-size:14px}
.outs-chips{margin-bottom:12px}
.outs-chips a[style] .fas{color:var(--oc)}
.outs-chips a.is-active[style] .fas{color:#fff}
.outs-empty{display:flex;gap:14px;align-items:flex-start}
.outs-empty__ico{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);font-size:20px}
.outs-empty p{margin-top:6px;color:var(--ink2);font-size:14px}
.outs-empty a{color:var(--brand-ink);font-weight:600}

.poll__q{font-weight:700;font-size:15px;line-height:1.35;margin:2px 0 12px}
.poll__opts{display:flex;flex-direction:column;gap:8px}
.poll__opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-xs);background:#fff;text-align:left;font-size:14px;font-weight:600;overflow:hidden;transition:border-color .15s,background .15s}
.poll__opt:hover{border-color:var(--brand)}
.poll__bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand-soft);transition:width .6s ease;z-index:0}
.poll__t,.poll__pct{position:relative;z-index:1}
.poll__pct{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.poll:not(.is-voted) .poll__pct{visibility:hidden}
.poll.is-voted .poll__opt{cursor:default}
.poll.is-voted .poll__opt:hover{border-color:var(--line)}
.poll__opt.is-mine{border-color:var(--brand)}
.poll__opt.is-mine .poll__bar{background:#dcefc9}
.poll__opt.is-mine .poll__pct{color:var(--brand-ink);font-weight:800}
.poll__note{margin-top:10px;font-size:12px;color:var(--muted)}

.mts__list{list-style:none;margin:6px 0 0;padding:0}
.mt{padding:10px 0;border-top:1px solid var(--line2)}
.mt:first-child{border-top:0;padding-top:2px}
.mt__sport{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600}
.mt__live{display:inline-flex;align-items:center;gap:5px;color:#c92a2a;font-weight:700}
.mt__live i{width:7px;height:7px;border-radius:50%;background:#e03131;animation:pulse-red 2s infinite}
.mt__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:4px}
.mt__team{font-weight:700;font-size:14px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.mt__team--b{text-align:right}
.mt__sc{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;background:var(--chip);border-radius:8px;padding:3px 10px}
.mt--live .mt__sc{background:#fff0f0;color:#c92a2a}
.mt__vs{color:var(--muted2);font-weight:700}

/* ---------- кнопка билетов ---------- */
.ev-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}
.ev-buy{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:999px;background:var(--brand-ink);color:#fff;font-size:13px;font-weight:700;line-height:1.2}
.ev-buy:hover{background:#346a12;color:#fff}
.ev-buy .fas{font-size:12px}
.ev-buy-main small{font-weight:600;opacity:.85;font-size:13px;margin-left:2px}
.ev-sticky{display:none}
@media (max-width:760px){
  .ev-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(21,25,30,.08)}
  .ev-sticky div{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.25}
  .ev-sticky b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ev-sticky span{font-size:12px;color:var(--muted)}
  .ev-sticky .btn{flex:0 0 auto}
  body:has(.ev-sticky) .to-top{bottom:84px}
  body:has(.ev-sticky) .footer{padding-bottom:72px}
}
/* кнопка «Купить» — <button> вместо ссылки (переход через JS) */
button.ev-buy,button.ev-buy-main,.ev-sticky button.btn{border:0;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none}
button.ev-buy:focus-visible,button.ev-buy-main:focus-visible,.ev-sticky button.btn:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}

/* ===================== Афиша v2: страница события, сетка, фильтры, форма заявки ===================== */
/* страница события: постер узкой колонкой, факты — аккуратная таблица */
.evp{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px;align-items:start}
.evp__media{position:relative;align-self:start;min-width:0}
.evp__media>img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:14px;background:#dfe3db}
.evp__media .story__ph{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden}
.ev-date--lg{left:12px;top:12px;padding:6px 12px;font-size:13px;box-shadow:0 2px 10px rgba(21,25,30,.14)}
.ev-date--lg b{font-size:26px;line-height:1.05}
.evp__media .ev-age{right:12px;top:12px;font-size:13px;padding:3px 8px}
.evp__info{min-width:0}
.evp__title{font-size:30px;line-height:1.15;margin:8px 0 6px}
.evp__facts{display:grid;gap:0;margin:16px 0 4px;border-top:1px solid var(--line2)}
.evp__fact{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line2);align-items:baseline}
.evp__fact dt{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--muted)}
.evp__fact dt .fas{flex:none;width:18px;text-align:center;font-size:15px;color:var(--brand-ink)}
.evp__fact dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere;line-height:1.4}
.evp__fact dd small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}
.evp__fact dd a{color:var(--brand-ink)}
.evp__actions{margin-top:20px;gap:10px}
.evp__desc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin-top:20px}
.evp__desc h2{margin-top:0}

/* карточки событий: ровный низ с ценой и кнопкой */
.events .card__body{flex:1;display:flex;flex-direction:column}
.events .ev-foot{margin-top:auto;padding-top:10px}

/* фильтры афиши */
.af-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:18px}
.af-head .page-desc{margin:4px 0 0}
.af-filters{display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:22px}
.af-row{display:flex;align-items:center;gap:16px;min-width:0}
.af-label{flex:none;width:66px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.af-chips{display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0}
.af-chips a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--chip);font-size:14px;font-weight:600;line-height:1.2;color:var(--ink);white-space:nowrap;transition:background .15s}
.af-chips a:hover{background:#e6e8e3;color:var(--ink)}
.af-chips a.is-active{background:var(--ink);color:#fff}
.af-chips small{font-size:12px;font-weight:600;color:var(--muted2)}
.af-chips a.is-active small{color:#c9cdd2}
.af-chips .fas{font-size:13px;color:var(--brand-ink)}
.af-chips a.is-active .fas{color:var(--brand)}
.af-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.af-empty{margin:10px 0 20px}
.af-cta{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;background:var(--brand-soft);border-radius:16px;padding:18px 22px;margin:28px 0 14px}
.af-cta b{display:block;font-size:17px;margin-bottom:2px}
.af-cta span{font-size:14px;color:var(--brand-soft-ink)}
.af-foot{text-align:center;font-size:14px;color:var(--muted)}

/* форма «Добавить мероприятие» и правила */
.container--narrow{max-width:880px}
.af-note{display:flex;gap:12px;align-items:flex-start;background:var(--brand-soft);color:var(--brand-soft-ink);border-radius:14px;padding:14px 16px;margin:14px 0 18px;line-height:1.5}
.af-note .fas{font-size:18px;margin-top:2px;color:var(--brand-ink)}
.af-note a{color:var(--brand-ink);text-decoration:underline}
.af-alert{background:var(--red-soft);color:var(--red);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:600}
.af-ok{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:16px;line-height:1.5}
.af-ok>.fas{font-size:30px;color:var(--brand)}
.af-ok p{margin:6px 0 0}
.af-form{position:relative}
.af-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px 20px;margin:0 0 16px;min-width:0}
.af-form legend{font-size:17px;font-weight:700;padding:0 6px}
.af-form legend small{font-size:13px;font-weight:400;color:var(--muted)}
.af-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.af-f--full{grid-column:1/-1}
.af-f>span{font-size:14px;font-weight:600}
.af-f input,.af-f select,.af-f textarea{width:100%;min-height:44px;border:1px solid #d5d9d2;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.af-f input[type=file]{padding:8px;background:var(--chip)}
.af-f textarea{resize:vertical;line-height:1.45}
.af-f input:focus,.af-f select:focus,.af-f textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,187,47,.18)}
.af-f small{font-size:12.5px;color:var(--muted)}
.af-f.is-err input,.af-f.is-err select,.af-f.is-err textarea{border-color:var(--red)}
.af-form__err{font-size:13px;font-weight:600;color:var(--red)}
.af-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.af-agree{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font-size:14.5px;line-height:1.5}
.af-agree input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--brand-ink);cursor:pointer}
.af-agree a{color:var(--brand-ink);text-decoration:underline}
.af-agree.is-err{border-color:var(--red)}
.af-submit{margin-top:16px;width:100%;max-width:360px}
.af-submit:disabled{opacity:.5;cursor:not-allowed}
.af-rules{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 26px 22px}
.af-rules h2{font-size:19px;margin:22px 0 8px}

@media (max-width:980px){
  .evp{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px}
}
@media (max-width:760px){
  /* одна карточка в ряд; на главной и «Ещё события» — листаются вбок */
  .af-grid,.events{grid-template-columns:1fr;gap:14px}
  .grid4.events{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px;scrollbar-width:none}
  .grid4.events::-webkit-scrollbar{display:none}
  .grid4.events>.event{scroll-snap-align:start}
  .evp{grid-template-columns:1fr;gap:16px;padding:16px}
  .evp__media{width:100%;max-width:440px;margin:0 auto}
  .evp__media>img{max-height:62vh}
  .evp__title{font-size:22px}
  .evp__fact{grid-template-columns:112px minmax(0,1fr);gap:8px;padding:10px 0}
  .evp__fact dt{font-size:13px;gap:8px}
  .evp__actions .btn{flex:1 1 auto}
  .evp__desc{padding:16px;border-radius:14px}
  .af-filters{padding:12px 0;gap:10px}
  .af-row{flex-direction:column;align-items:stretch;gap:6px}
  .af-label{width:auto;padding:0 14px}
  .af-chips{flex-wrap:nowrap;overflow-x:auto;padding:0 14px 4px;scroll-padding:0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .af-chips::-webkit-scrollbar{display:none}
  .af-chips a{flex:none}
  .af-head__add{width:100%}
  .af-cta{padding:16px}
  .af-cta .btn{width:100%}
  .af-form fieldset{grid-template-columns:1fr;padding:14px 14px 16px}
  .af-submit{max-width:none}
  .af-rules{padding:4px 16px 16px}
}
.af-agree-err{margin-top:6px}