
:root{--acc:#EB3205;--acc2:#C42800;--bg:#FFFFFF;--panel:#F4F4F2;--panel2:#ECEBE8;--line:#E3E2DE;--ink:#0D0D0D;
--text:#1B1B1B;--soft:#4E4E4B;--muted:#7A7A76;--paper:var(--bg);--red:var(--acc);--blue:var(--acc);--blue2:var(--acc2);--gold:var(--acc);--gold2:var(--acc2);
--sans:"Onest",system-ui,"Segoe UI",Arial,sans-serif;--disp:var(--sans);--head:var(--sans);--serif:var(--sans);--mono:var(--sans);
--r:10px;--gut:40px;--max:1360px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg);color-scheme:light}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--sans)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}

/* Шапка как у Autoblog: белая липкая строка — логотип, разделы жирным, справа языки и оранжевая кнопка Telegram;
   снизу толстая чёрная линия */
.hd{position:sticky;top:0;z-index:40;background:#fff;border-bottom:3px solid var(--ink)}
.hd.mo-scrolled{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.hdin{max-width:var(--max);margin:0 auto;padding:0 var(--gut);height:76px;display:flex;align-items:center;gap:36px}
.hd .logo{flex:none}.hd .lg{height:40px;width:auto}
.nav{display:flex;gap:26px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;align-items:center;height:100%}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:none;display:flex;align-items:center;height:100%;font:700 15.5px/1 var(--sans);color:var(--ink);white-space:nowrap;
 border-bottom:4px solid transparent;border-top:4px solid transparent;transition:border-color .2s,color .2s}
.nav a:hover{color:var(--acc)}
.nav a.on{border-bottom-color:var(--acc)}
.nav a:after{content:none!important}
.hd-r{display:flex;gap:12px;align-items:center;flex:none}
.lang{display:flex;gap:2px;padding:3px;background:var(--panel);border-radius:999px}
.lang a{font:700 12.5px/1 var(--sans);padding:8px 10px;border-radius:999px;color:var(--muted)}
.lang a:hover{color:var(--ink)}
.lang a.on{background:var(--ink);color:#fff}
.tg{font:700 14.5px/1 var(--sans);color:#fff;background:var(--acc);padding:12px 20px;border-radius:999px;transition:background .2s}
.tg:hover{background:var(--acc2)}
.uz-script-switch{display:none}
.demo-note{background:#FFF1EC;color:var(--acc2);font:500 14px/1.4 var(--sans);text-align:center;padding:10px 16px;border-bottom:1px solid #FAD4C6}

.kick{display:inline-block;font:700 12.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
a.kick:hover{color:var(--acc2)}

/* Первый экран: главная история (кадр, под ним раздел, крупный заголовок, лид) и справа колонка «Последнее» */
.hero{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:40px;padding-top:32px;align-items:start}
.hero.solo{grid-template-columns:minmax(0,1fr)}
.hc{display:block}
.hc .pv{border-radius:var(--r)}
.hc-tx{padding-top:18px}
.hc h2{margin:0;font:800 42px/1.08 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;transition:color .2s}
.hc p{margin:14px 0 0;max-width:760px;font:400 18px/1.55 var(--sans);color:var(--soft)}
.hc:hover h2{color:var(--acc)}
.hero.solo .hc .pv{aspect-ratio:21/9}
.hero-side{border-top:3px solid var(--ink);padding-top:14px}
.hs-t{margin:0 0 6px;font:800 20px/1 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.hero-side .mn{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:14px 0}
.hero-side .mn:first-of-type{border-top:0}
.hero-side .mn .hl{font-size:16.5px}

/* Карточки: кадр 16:9 со скруглением, раздел оранжевым, жирный заголовок */
.blk{padding:56px 0 0}
.grid{display:grid;gap:30px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid>*{min-width:0}
.cd{display:block}
.cd .pv{margin-bottom:14px}
.cd h3{margin:0;font:800 19px/1.22 var(--sans);letter-spacing:-.01em;color:var(--ink);transition:color .2s;text-wrap:balance}
.cd:hover h3{color:var(--acc)}
.cd .meta-l{margin-top:10px}
.grid.n2 .cd h3{font-size:25px}

.tab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding-top:14px;border-top:3px solid var(--ink)}
.tab h2{margin:0;font:800 30px/1.05 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.tab h2 a:hover{color:var(--acc)}
.tab p{margin:10px 0 0;max-width:640px;font:400 16px/1.45 var(--sans);color:var(--soft)}
.tab .all{flex:none;font:700 14.5px/1 var(--sans);color:var(--acc);padding:8px 0}
.tab .all:hover{color:var(--acc2)}
h1.tab{font-weight:800}
.sh-nav{display:flex;gap:8px}
.sh-nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;background:#fff;color:var(--ink)}
.sh-nav .sh-next{background:var(--ink);border-color:var(--ink);color:#fff}
.sh-nav button svg{width:16px;height:16px}.sh-nav .sh-prev svg{transform:scaleX(-1)}
.sh-nav button:disabled{opacity:.3;cursor:default}

.pv{position:relative;border-radius:var(--r);overflow:hidden;background:var(--panel2);aspect-ratio:16/9}
.pv>.photo-frame{width:100%;height:100%;border-radius:0}
.pv .photo-main{transition:transform .8s var(--ease)}
a:hover .pv .photo-main{transform:scale(1.03)}
.pv.ph{display:flex;align-items:flex-end;padding:16px 18px;isolation:isolate;background:var(--acc)}
.pv.ph:before{content:"";position:absolute;z-index:-1;right:-8%;bottom:-40%;width:75%;height:120%;border-radius:50%;
 border-top:18px solid #fff;transform:rotate(-20deg);opacity:.9}
.pv.ph:after{content:"";position:absolute;z-index:-1;right:-18%;bottom:-56%;width:75%;height:120%;border-radius:50%;
 border-top:18px solid var(--ink);transform:rotate(-20deg)}
.pv.ph span{font:800 22px/1.1 var(--sans);color:#fff}

/* Полоса Telegram-канала: оранжевая */
.tip{display:flex;align-items:center;gap:24px;padding:24px 30px;margin-top:56px;background:var(--acc);color:#fff;border-radius:var(--r)}
.tip img{width:64px;height:64px;flex:none;border-radius:14px;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.tip p{margin:0;flex:1;font:400 16px/1.4 var(--sans)}
.tip b{display:block;font:800 24px/1.15 var(--sans);letter-spacing:-.01em;margin-bottom:4px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font:700 15px/1 var(--sans);transition:background .2s}
.btn:hover{background:#000}

/* «Главное за неделю»: карточки с заголовком на кадре (shelf.js) */
.biggest{padding:56px 0 0}
.rowx{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rowx::-webkit-scrollbar{display:none}.rowx>*{scroll-snap-align:start;min-width:0}
.bc{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--panel)}
.bc .pv{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.bc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85));pointer-events:none}
.bc-t{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;font:800 23px/1.15 var(--sans);letter-spacing:-.01em;color:#fff;text-wrap:balance}

/* Все материалы */
.zone{padding:56px 0 0;min-width:0}
.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.feed-layout>*{min-width:0}
.row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.feed-items>.row:first-child{padding-top:0}
.row h4{margin:0 0 8px;font:800 22px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink);transition:color .2s}
.row:hover h4{color:var(--acc)}
.row p{margin:0;font:400 15.5px/1.5 var(--sans);color:var(--soft)}
.row .meta-l{margin-top:10px}
.row .meta-l b{color:var(--acc);font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.row.noimg{grid-template-columns:1fr}
.row .photo-frame{border-radius:var(--r)}
.meta-l{display:block;font:500 12.5px/1.35 var(--sans);color:var(--muted);margin-top:8px}
.meta-l i{font-style:normal;padding:0 6px;color:#B8B7B2}
.hl{font:800 18px/1.22 var(--sans);letter-spacing:-.01em;margin:0;color:var(--ink)}
.dek{font:400 15px/1.5 var(--sans);color:var(--soft);margin:8px 0 0}
a:hover .hl,a:hover h4,a:hover .h{color:var(--acc)}
.stream-control{text-align:center;padding:30px 0;color:var(--muted)}
.stream-control button{font:700 15px/1 var(--sans);padding:16px 32px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.stream-control button:hover{background:var(--ink);color:#fff}
.stream-control button:disabled{cursor:default;color:var(--muted);border-color:var(--line)}
.stream-status{font-size:14px;margin:10px 0;min-height:22px}

/* Разделы внизу главной */
.topics{background:var(--panel);margin-top:64px;padding:44px 0 52px}
.topics .tt{margin:0 0 22px;font:800 28px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.tiles a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:70px;padding:14px;background:#fff;border-radius:var(--r);border:1px solid var(--line);
 font:700 17px/1.2 var(--sans);color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.tiles a:hover{background:var(--acc);border-color:var(--acc);color:#fff}

/* Статья */
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;padding:40px 0 10px;max-width:1240px;margin:0 auto}
.art>*{min-width:0}
.art h1,.story .story-title{font:800 clamp(32px,4vw,54px)/1.06 var(--sans);letter-spacing:-.025em;margin:4px 0 18px;max-width:920px;color:var(--ink);text-wrap:balance}
.story-title a:hover{color:var(--acc)}
.art .lead{display:block;font:400 21px/1.5 var(--sans);color:var(--soft);margin:0 0 24px;max-width:760px}
.by{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font:500 14px/1.4 var(--sans);color:var(--muted);
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:0 0 28px;max-width:760px}
.by b{color:var(--ink);font-weight:700}
.by .sw,.meta .sw{margin-left:auto;padding:9px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font:700 13px/1 var(--sans);transition:border-color .2s}
.by .sw:hover,.meta .sw:hover{border-color:var(--ink)}
.meta{margin:-14px 0 22px}
.fig{margin:0 0 10px!important;border-radius:var(--r);overflow:hidden}
.cap{font:400 12.5px/1.5 var(--sans);color:var(--muted);margin:0 0 30px;display:flex;gap:8px}
.cap a{text-decoration:underline;text-underline-offset:2px}
.cap:before{content:"ИИ";font:700 10px/1.7 var(--sans);background:var(--acc);color:#fff;padding:0 6px;border-radius:3px;height:fit-content}
.cap.uz:before{content:"SI"}.cap.en:before{content:"AI"}.cap.photo:before{content:none}
.cap.photo{display:block}.cap .photo-terms{display:inline-block;margin-left:10px}.cap .photo-terms summary{cursor:pointer}
.art .body{max-width:720px}
.art .body p{font:400 19px/1.72 var(--sans);margin:0 0 24px;color:#1C1C1C}
.src{background:var(--panel);border-left:4px solid var(--acc);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;font:400 14px/1.6 var(--sans);color:var(--soft);margin:32px 0;max-width:720px}
.src a{color:var(--acc2);text-decoration:underline;text-underline-offset:3px}
.src div+div{margin-top:4px}
.zh{font:800 24px/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 16px;color:var(--ink)}
.mn{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.mn>*{min-width:0}.mn .photo-frame{margin:0;border-radius:8px}
.mn .hl{font-size:17px}.mn .meta-l{margin-top:6px}
.mn.noimg{grid-template-columns:minmax(0,1fr)}
.sx-list>.mn:first-child{border-top:0;padding-top:0}
.sx-list.also{max-width:760px}
.art .gridn{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.art .gridn>*{min-width:0}
.tile h3{font:800 18px/1.2 var(--sans);letter-spacing:-.01em;margin:12px 0 8px;color:var(--ink)}
.tile:hover h3{color:var(--acc)}
.tile .k{display:block;font:500 12.5px/1.3 var(--sans);color:var(--muted)}
.tile .k b{color:var(--acc);font:700 12px/1 var(--sans);margin-right:8px;text-transform:uppercase;letter-spacing:.06em}
.side .ll{padding:0}
.side .ll .zh{font-size:20px!important;margin-bottom:6px;padding-bottom:12px;border-bottom:3px solid var(--ink)}
.ll a{display:block;padding:14px 0;border-top:1px solid var(--line)}
.ll .zh+a{border-top:0}
.ll .tm{display:block;font:700 11.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.ll .h{display:block;font:600 15.5px/1.38 var(--sans);color:var(--ink);transition:color .2s}
.side>.ad-sidebar{margin:28px 0 0}
.story+.story{border-top:3px solid var(--ink);padding-top:32px;margin-top:44px}
.next-story{display:inline-block;font:700 12.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--acc);margin-bottom:14px}
.reading-bar{background:var(--acc)!important;height:3px!important}
.pg{padding:44px 0 10px;max-width:760px}
.pg h1{font:800 48px/1.05 var(--sans);letter-spacing:-.025em;margin:0 0 24px;color:var(--ink)}
.pg p,.pg li{font:17.5px/1.7 var(--sans);color:#1C1C1C}
.pg a{color:var(--acc2);text-decoration:underline}
.empty{padding:70px 0;font:19px/1.5 var(--sans);color:var(--muted)}
.ad-table{width:100%;border-collapse:collapse;font-size:15px}.ad-table td,.ad-table th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}

/* Подвал чёрный, логотип с белой «blog» */
.ft{background:#111;color:#fff;font-size:14px;margin-top:64px}
.topics+.ft{margin-top:0}
.ftin{max-width:var(--max);margin:0 auto;padding:48px var(--gut);display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:40px}
.ft .logo .lg{height:40px;width:auto}
.ft .note{margin-top:18px;max-width:380px;font:14px/1.6 var(--sans);color:#9C9C97}
.ft h5{color:#fff;font:700 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}
.ft .cols{display:block;columns:2}
.ft a{display:block;padding:5px 0;color:#C9C8C3;font:400 15px/1.4 var(--sans)}
.ft a:hover{color:#FF6A3D}
.ftbar{border-top:1px solid #2A2A2A}
.ftbar div{max-width:var(--max);margin:0 auto;padding:16px var(--gut);font:400 12.5px/1.5 var(--sans);color:#8D8D88}

/* Кадр целиком в стабильной рамке 16:9 (общий код сети) */
.photo-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;background:var(--panel2);border-radius:var(--r)}
.fig.photo-frame{margin:0}
.photo-frame>.photo-main{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.photo-frame.img.photo-native{aspect-ratio:16/9!important;background:var(--panel2)!important;display:flex!important;align-items:center;justify-content:center}
.photo-frame.img.photo-native>.photo-main{width:auto!important;height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;margin:0!important}
.pv>.photo-frame{border-radius:0}
/* В карточках и строках кадр заполняет рамку; целиком (с полями) кадр показывается только в статье. */
.pv .photo-frame>.photo-main,.row .photo-frame>.photo-main,.mn .photo-frame>.photo-main,
.pv .photo-frame.img.photo-native>.photo-main,.row .photo-frame.img.photo-native>.photo-main,.mn .photo-frame.img.photo-native>.photo-main{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.bc .pv>.photo-frame,.hero.solo .hc .pv>.photo-frame{aspect-ratio:auto;height:100%}

/* Реклама по медиакиту Spot: 970×250 над шапкой, 300×500 справа, 640×300 под шапкой на телефоне.
   Непроданное место — светлая карточка Autoblog с оранжево-чёрной дорогой и кнопкой. */
[hidden]{display:none!important}
.ad{margin:20px auto;color:var(--muted);text-align:center;max-width:100%;font-size:11px}
.ad-label{display:block;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
.ad-frame{display:flex;align-items:center;justify-content:center;background:var(--panel);overflow:hidden}
.ad-frame>a{display:block;width:100%}.ad-frame img,.ad-frame video{width:100%;height:auto;display:block}
.ad-top{width:970px}.ad-top .ad-frame{aspect-ratio:970/250}
.ad-sidebar{width:300px}.ad-sidebar .ad-frame{aspect-ratio:300/500}
.ad-mobile{display:none;width:640px}.ad-mobile .ad-frame{aspect-ratio:640/300}
.ad-inpage{width:640px}.ad-inpage .ad-frame{aspect-ratio:16/9}
.ad-vacant{color:var(--muted);display:flex;flex-direction:column;gap:8px}.ad-vacant a{font-weight:600;color:var(--soft)}
.adband{background:var(--panel)}
.adband-in{max-width:var(--max);margin:0 auto;padding:18px var(--gut);display:flex;justify-content:center}
.adband .ad{margin:0}.adband-mobile{display:none}
.ad-free{margin:0 auto}
.ad-house{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;
 width:100%;padding:28px 44px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-align:left}
.ad-house:before{content:"";position:absolute;z-index:-1;right:-4%;bottom:-70%;width:46%;height:150%;border-radius:50%;border-top:18px solid var(--acc);transform:rotate(-16deg)}
.ad-house:after{content:"";position:absolute;z-index:-1;right:-12%;bottom:-86%;width:46%;height:150%;border-radius:50%;border-top:18px solid var(--ink);transform:rotate(-16deg)}
.ad-house>*{position:relative}
.ah-logo{height:30px;width:auto}
.ah-k{font:700 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ah-t{font:800 34px/1.06 var(--sans);letter-spacing:-.02em;max-width:58%}
.ah-f{position:absolute;top:14px;right:16px;font:600 12px/1 var(--sans);padding:6px 10px;border-radius:999px;background:var(--panel);color:var(--soft);white-space:nowrap}
.ah-cta{margin-top:4px;background:var(--acc);color:#fff;font:700 14px/1 var(--sans);padding:12px 20px;border-radius:999px}
.ad-house:hover .ah-cta{background:var(--acc2)}
.ad-free.ad-top .ad-house{aspect-ratio:970/250}
.ad-free.ad-mobile .ad-house{aspect-ratio:640/300;padding:20px 24px;gap:9px}
.ad-mobile .ah-t{font-size:28px;max-width:62%}
.ad-free.ad-sidebar .ad-house{aspect-ratio:300/500;padding:28px 24px;justify-content:flex-start;gap:14px}
.ad-sidebar .ad-house:before{right:-30%;bottom:-40%;width:120%;height:70%}
.ad-sidebar .ad-house:after{right:-46%;bottom:-52%;width:120%;height:70%}
.ad-sidebar .ah-t{font-size:32px;max-width:none;margin-top:4px}
.ad-sidebar .ah-f{top:auto;bottom:18px;right:auto;left:24px}
.ad-rail .ad-sidebar,.side>.ad-sidebar{position:sticky;top:96px}
.ad-rail{padding-top:0}.ad-rail>.ad{margin-top:0}
.ad-splash{display:none;border:0;padding:0;background:transparent;max-width:min(90vw,400px);max-height:90vh}
.ad-splash::backdrop{background:rgba(0,0,0,.75)}.ad-splash .ad{margin:0;color:#fff}
.ad-splash .ad-frame{aspect-ratio:640/960;max-height:78vh}
.ad-splash img{max-height:78vh;object-fit:contain}.ad-close{display:block;margin:8px auto;padding:10px 20px;font:inherit;border:0;border-radius:999px;cursor:pointer}
@media(min-width:1021px){.ad-splash{display:none!important}}
@media(max-width:1020px){.feed-layout{grid-template-columns:minmax(0,1fr)}.ad-sidebar,.ad-top{display:none}.ad-mobile{display:block}.ad-rail{display:none}
 .adband-top{display:none}.adband-mobile{display:block}.adband-mobile .adband-in{padding:12px 16px}}

@media (max-width:1180px){
 .hdin{gap:22px}.nav{gap:18px}.nav a{font-size:14.5px}.hd .tg{display:none}
 .hero{grid-template-columns:minmax(0,1fr)}.hc h2{font-size:36px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rowx{grid-auto-columns:calc((100% - 24px)/2)}
 .art{grid-template-columns:minmax(0,1fr)}
 .ftin{grid-template-columns:1fr 1fr}
}
/* Телефон: логотип и языки в строке, разделы прокручиваются второй строкой */
@media (max-width:860px){
 :root{--gut:16px;--r:8px}
 .hdin{height:auto;flex-wrap:wrap;gap:0 12px;padding-top:12px}
 .hd .lg{height:28px}
 .hd-r{margin-left:auto}
 .lang a{padding:7px 8px}
 .nav{order:3;flex-basis:100%;height:46px;gap:20px;border-top:1px solid var(--line);margin:10px calc(-1*var(--gut)) 0;padding:0 var(--gut)}
 .hero{gap:24px;padding-top:16px}
 .hc h2{font-size:28px}.hc p{font-size:16px}
 .blk{padding-top:40px}
 .grid,.grid.n3,.grid.n2{grid-template-columns:minmax(0,1fr);gap:24px}
 .grid .cd h3,.grid.n2 .cd h3{font-size:21px}
 .tab h2{font-size:24px}.tab p{font-size:15px}.sh-nav{display:none}
 .tip{flex-wrap:wrap;gap:14px;padding:20px 18px;margin-top:40px}.tip img{width:48px;height:48px;border-radius:10px}.tip p{flex-basis:calc(100% - 62px);font-size:15px}.tip b{font-size:20px}
 .biggest{padding-top:40px}
 .rowx{grid-auto-columns:82%;gap:12px}.bc-t{font-size:20px}
 .zone{padding-top:40px}
 .row{grid-template-columns:116px minmax(0,1fr);gap:14px;padding:16px 0}.row h4{font-size:18px}.row p{display:none}
 .topics{margin-top:44px;padding:32px 0 40px}.topics .tt{font-size:24px}.tiles{grid-template-columns:1fr 1fr;gap:10px}.tiles a{font-size:15px;min-height:60px}
 .art{padding-top:22px}.art .lead{font-size:18px}.art .body p{font-size:17.5px}
 .art .gridn{grid-template-columns:minmax(0,1fr)}
 .mn{grid-template-columns:116px minmax(0,1fr);gap:14px}.mn .hl{font-size:16.5px}
 .pg h1{font-size:34px}
 .ftin{grid-template-columns:1fr;padding:36px var(--gut)}
 .ad-mobile .ah-t{font-size:22px;max-width:64%}.ad-mobile .ah-k{font-size:10px}.ad-mobile .ah-logo{height:20px}
 .ad-mobile .ah-f{top:auto;bottom:12px;right:12px;font-size:11px;padding:5px 8px}
 .ad-mobile .ah-cta{font-size:12.5px;padding:9px 14px}.ad-free.ad-mobile .ad-house{padding:16px 18px;gap:7px}
 .ad-table{font-size:13px}
}
