/* Avto Kompas: настоящий сайт поверх стилей макета (base.css) */
html,body{height:100%}
body{background:#fff}
button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
.phone.app{width:100%;max-width:520px;margin:0 auto;min-height:100dvh;overflow:visible}
.top{position:sticky;top:0;z-index:20}
#page{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.tab{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:30;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
.tab button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:#8A8A92;position:relative;min-width:60px}
.tab button.on{color:#13306B}
.tab button:nth-child(2) .ic{margin:-2px 0 -2px}
.tab .bdg{position:absolute;top:-6px;left:calc(50% + 5px);min-width:19px;height:19px;border-radius:10px;background:#111114;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff;line-height:1}
.ic{-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
/* лента */
.stories{overflow-x:auto;scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.st{cursor:pointer}
.st.on span{color:#13306B;font-weight:700}
.post{scroll-margin-top:64px}
.media{display:block}
.act .b{cursor:pointer}
.act .b.on{color:#13306B}
.txt .more{cursor:pointer}
.txt .full{margin-top:8px;white-space:pre-line}
.txt .src{display:block;margin-top:8px;font-size:13px;color:#8A8A92}
.empty{padding:40px 24px;text-align:center;color:#8A8A92;font-size:15px;line-height:1.5}
.qbar{display:flex;align-items:center;justify-content:space-between;margin:10px 16px 0;padding:10px 14px;border-radius:14px;background:#F5F5F7;font-size:14px;color:#33333A}
.qbar button{font-weight:700;color:#13306B}
/* рубрики */
.srch input{flex:1;border:0;background:none;font:inherit;font-size:15px;color:#111;outline:none;min-width:0}
.rc{display:block;cursor:pointer}
/* утверждённая картинка поста (задача 249): заголовок уже на картинке, видна целиком */
/* 04.11 Умид: по краям были синие полосы (рамка ниже экрана шире картинки 4:5) - рамка теперь всегда 4:5, картинка заполняет её целиком */
/* всегда во всю ширину карточки поста, как в Instagram (04.11 Умид: на ноутбуке по высоте экрана картинка выходила узкой полосой) */
.media.card{background-size:cover;background-repeat:no-repeat;background-color:transparent;aspect-ratio:4/5;height:auto;min-height:0;margin:0;width:100%}
.media.card:after{display:none}
.soc a,.cont em{cursor:pointer}
.cont a{display:flex;align-items:center;gap:12px;width:100%}
/* избранное */
.sv-item{cursor:pointer}
.sv-item .bm{cursor:pointer;padding:6px}
/* магазин внутри */
#shop{position:fixed;left:50%;transform:translateX(-50%);top:0;width:100%;max-width:520px;height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));border:0;z-index:10;background:#16181d}
.app.in-shop .top{display:none}
/* поделиться */
.dim,.sheet{position:fixed}
.sheet{left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:40}
.dim{z-index:39}
.sheet .cp{width:100%}
.toast{position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:488px;z-index:41}
/* текст поста под картинкой (02.11) */
.txt .tt{display:block;font-size:16.5px;line-height:1.35;font-weight:800;color:#111114;margin-bottom:6px}
.txt .ld{margin:0}
.txt .full{white-space:normal;margin-top:10px}
.txt .full p{margin:0 0 10px}
.txt .full h5{font-size:15px;font-weight:700;color:#2E2E34;margin:14px 0 4px}
.txt .full ul{margin:0 0 10px;padding-left:18px}
.txt .full li{margin:2px 0}
.txt .full li::marker{color:#2E2E34}
.txt .src{margin:2px 0 8px}
.txt .more{display:inline-block;font-weight:600}
/* загрузка магазина */
.shopld{position:fixed;inset:0 0 calc(64px + env(safe-area-inset-bottom,0px));z-index:11;display:flex;align-items:center;justify-content:center;background:#16181d;pointer-events:none}
.shopld i{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* истории на весь экран */
html.sv-open,html.sv-open body{overflow:hidden}
.sv{position:fixed;inset:0;z-index:60;background:#000;display:flex;align-items:center;justify-content:center;gap:18px;touch-action:none;user-select:none;-webkit-user-select:none}
.sv-c{position:relative;width:100%;height:100%;max-width:520px;overflow:hidden;background:#0B1530;cursor:pointer}
.sv-img{position:absolute;inset:0;background-size:cover;background-position:center;animation:svin .25s ease}
.sv-img:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,48,.55) 0,rgba(11,21,48,0) 18%,rgba(11,21,48,0) 42%,rgba(11,21,48,.94) 78%)}
@keyframes svin{from{opacity:.4}to{opacity:1}}
.sv-bars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px;z-index:3}
.sv-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sv-bars b{display:block;height:100%;background:#fff}
.sv-hd{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:12px;right:4px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff}
.sv-hd .ava{width:34px;height:34px;background-size:65.9px;background-position:-15.8px -27.6px;background-color:#13306B;border:1.5px solid #fff}
.sv-hd b{display:block;font-size:14.5px;font-weight:700}
.sv-hd small{font-size:12.5px;opacity:.85}
.sv-x{margin-left:auto;width:44px;height:44px;position:relative;flex:none}
.sv-x:before,.sv-x:after{content:'';position:absolute;left:11px;right:11px;top:21px;height:2.5px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.sv-x:after{transform:rotate(-45deg)}
.sv-bt{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 20px calc(22px + env(safe-area-inset-bottom,0px));color:#fff}
.sv-bt .h{font-family:Montserrat,Inter,sans-serif;font-weight:800;font-size:27px;line-height:1.18}
.sv-bt .h:before{content:'';display:block;width:42px;height:5px;background:#E1262D;border-radius:3px;margin-bottom:12px}
.sv-bt p{font-size:15px;line-height:1.45;margin:12px 0 18px;opacity:.92;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sv-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border-radius:25px;background:#fff;color:#13306B;font-size:16px;font-weight:700}
.sv-more span{width:9px;height:9px;border-right:2.5px solid #13306B;border-top:2.5px solid #13306B;transform:rotate(45deg);margin-left:2px}
.sv-arw{display:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);position:relative;flex:none}
.sv-arw:after{content:'';position:absolute;left:17px;top:15px;width:10px;height:10px;border-right:2.5px solid #13306B;border-top:2.5px solid #13306B;transform:rotate(45deg)}
.sv-arw.l:after{left:18px;transform:rotate(-135deg)}
@media (min-width:600px){
  .sv{background:rgba(12,14,22,.96)}
  .sv-c{height:min(calc(100dvh - 40px),880px);width:auto;aspect-ratio:9/16;border-radius:14px}
  .sv-arw{display:block}
}
/* версия для компьютера (02.11): меню слева, лента по центру, магазин на всю ширину справа */
@media (min-width:900px){
  body:before{content:'';position:fixed;left:0;top:0;bottom:0;width:244px;border-right:1px solid #EFEFF2;background:#fff;z-index:29}
  .phone.app{max-width:none;margin:0}
  .top,.app.in-shop .top{display:block;position:fixed;left:0;top:0;width:244px;padding:26px 22px 0;border:0;background:none;z-index:31}
  .top .logo.s{width:150px;height:59px;background-size:184px;background-position:-18.4px -12px}
  .top .rt{position:fixed;left:22px;bottom:26px}
  .tab{left:0;top:118px;bottom:auto;transform:none;width:244px;max-width:none;height:auto;padding:0 12px;border:0;background:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;z-index:31}
  .tab button{flex-direction:row;justify-content:flex-start;gap:14px;font-size:15.5px;font-weight:500;color:#33333A;padding:11px 12px;border-radius:12px;min-width:0}
  .tab button:hover{background:#F5F5F7}
  .tab button.on{font-weight:700;color:#13306B}
  .tab button .ic{flex:none}
  .tab .bdg{top:3px;left:30px}
  #page{margin-left:244px;padding:12px 24px 48px}
  #page>*{max-width:600px;margin-left:auto;margin-right:auto}
  .feed{padding-bottom:0}
  .stories{border-bottom:0;padding:14px 0 18px}
  .post{border:1px solid #EFEFF2;border-radius:14px;overflow:hidden;margin-bottom:22px;padding-bottom:16px}
  .post{scroll-margin-top:20px}
  .media .h{font-size:30px;left:26px;right:26px;bottom:26px}
  #shop,.shopld{left:244px;transform:none;top:0;width:calc(100% - 244px);max-width:none;height:100vh;bottom:0}
  .sheet{left:calc(50% + 122px);bottom:auto;top:50%;transform:translate(-50%,-50%);max-width:440px;border-radius:20px;padding:20px 22px 22px}
  .sheet .grab{display:none}
  .toast{left:calc(50% + 122px);bottom:32px;max-width:440px}
}
.shopld[hidden]{display:none}

/* ---------- этап 2 (03.11): счётчики, комментарии с ответами, вход без пароля (макет comments.png) ---------- */
.act .b .n{font-style:normal;font-size:13.5px;font-weight:600;margin-left:1px}
.sheet .x{width:32px;height:32px;border-radius:50%;position:relative;flex:none;cursor:pointer}
.sheet .x::before,.sheet .x::after{content:"";position:absolute;left:8px;top:15px;width:16px;height:1.6px;background:#55555C;transform:rotate(45deg)}
.sheet .x::after{transform:rotate(-45deg)}
.cms{display:flex;flex-direction:column;overflow:hidden;height:82vh;height:82dvh;padding:10px 0 0}
.cmhd{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px 18px;border-bottom:1px solid #EEEEF2}
.cmhd h4{margin:0;font-size:18px}.cmhd h4 span{font-weight:700}
.cmt{display:flex;gap:8px;padding:12px 18px 4px}
.cmt button{height:34px;padding:0 15px;border-radius:17px;background:#F2F3F6;color:#333;font-size:14.5px;font-weight:600;cursor:pointer}
.cmt button.on{background:#13306B;color:#fff}
.cml{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 18px 10px}
.cme{color:#8A8A92;font-size:14.5px;text-align:center;padding:40px 10px}
.cmi{display:flex;gap:11px;padding:10px 0 2px}
.cav{width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.cmi.rp .cav{width:28px;height:28px;font-size:12.5px}
.cb{flex:1;min-width:0}
.cn{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cn b{font-size:14px;font-weight:700;color:#111}
.cn small{font-size:12.5px;color:#8A8A92}
.stf{background:#13306B;color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px}
.ct{font-size:14.5px;line-height:1.42;color:#1d1d1f;margin-top:2px;overflow-wrap:anywhere}
.ct u{text-decoration:none;color:#13306B;font-weight:600}
.ca{display:flex;gap:18px;margin-top:5px}
.ca button{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#8A8A92;cursor:pointer;padding:2px 0}
.ca button.on{color:#13306B}
.cth{margin-left:18px;padding-left:28px;border-left:2px solid #E6E8EE}
.cmx{display:flex;align-items:center;gap:8px;color:#13306B;font-size:13.5px;font-weight:700;padding:8px 0 4px;cursor:pointer}
.cmx::before{content:"";width:18px;height:1.6px;background:#13306B}
.cmr[hidden]{display:none}
.cmr{display:flex;align-items:center;justify-content:space-between;background:#F5F5F7;padding:7px 12px 7px 18px;font-size:13.5px;color:#55555C}
.cmr b{color:#13306B}
.cmr button{width:24px;height:24px;position:relative;cursor:pointer}
.cmr button::before,.cmr button::after{content:"";position:absolute;left:5px;top:11px;width:14px;height:1.6px;background:#55555C;transform:rotate(45deg)}
.cmr button::after{transform:rotate(-45deg)}
.cmf{display:flex;align-items:flex-end;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #EEEEF2;background:#fff}
.cme-me .cav{width:36px;height:36px}
.cmf textarea{flex:1;resize:none;border:0;outline:0;background:#F2F3F6;border-radius:20px;padding:9px 15px;font:inherit;font-size:15px;line-height:1.35;min-height:38px;max-height:120px;color:#111}
.cmf button{width:38px;height:38px;border-radius:50%;background:#13306B;color:#fff;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
.cmf button .ic{width:18px!important;height:18px!important}
.dim.lgd{z-index:42}
.sheet.lg{z-index:43;text-align:center;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
.lg .x{position:absolute;right:12px;top:12px}
.lgl{width:150px;height:59px;background-size:184px;background-position:-18.4px -12px;margin:6px auto 12px}
.lg h3{font-size:22px;font-weight:800;color:#111;margin:0 0 6px}
.lgp{font-size:14.5px;color:#55555C;line-height:1.4;margin:0 6px 16px}
.tgb{width:100%;height:50px;border-radius:25px;background:#2AABEE;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.lgw{font-size:13.5px;color:#2AABEE;font-weight:600;margin-top:8px}
.or{display:flex;align-items:center;gap:10px;color:#8A8A92;font-size:13.5px;margin:14px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:#E6E8EE}
.fl{display:block;text-align:left;border:1.5px solid #E1E3EA;border-radius:14px;padding:8px 14px 9px;margin-bottom:10px}
.fl:focus-within{border-color:#13306B}
.fl small{display:block;font-size:12.5px;color:#8A8A92;margin-bottom:2px}
.fl input{width:100%;border:0;outline:0;font:inherit;font-size:16px;color:#111;background:none;padding:0}
.fl .ph{display:flex;gap:6px;align-items:center}.fl .ph b{font-weight:500;font-size:16px;color:#111}
.lge{color:#C62828;font-size:13.5px;min-height:18px;text-align:left;padding:0 4px}
.lg .cp{width:100%;margin-top:4px;cursor:pointer}
.lgn{font-size:12.5px;color:#8A8A92;margin:10px 0 0}
@media (min-width:900px){
  .cms{height:min(80vh,760px);padding:12px 0 0}
  .cms .grab{display:none}
  .sheet.lg{padding:26px 26px 22px}
}

/* ---------- правки 03.11 (Умид): размер картинки, подписи историй, счётчики, кнопка «Отправить», правка и удаление своих комментариев ---------- */
/* картинка поста целиком помещается на экран вместе с кнопками под ней (раньше на компьютере влезала половина) */
.post{container-type:inline-size}
@supports (height:1cqw){.media{aspect-ratio:auto;height:min(125cqw,calc(100vh - 300px),620px);height:min(125cqw,calc(100dvh - 300px),620px);min-height:280px}}
/* подписи под кружками историй - в две строки, без обрезки «Qonunlar ...» */
.st{width:74px}
.stories{gap:10px}
.st .r{margin:0 auto}
.st span{white-space:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:11.5px}
.st .r .all{font-size:12.5px;letter-spacing:-.2px}.st .r .all.ru{font-size:10px;letter-spacing:-.3px}
/* числа лайков, дизлайков, комментариев - всегда */
.act .b .n{min-width:8px}
/* кнопка «Отправить»: серая, пока пусто, синяя с текстом */
.cmf button.snd{background:#E4E6EC;color:#8A8A92;transition:background .15s,color .15s}
.cmf button.snd.on{background:#13306B;color:#fff}
.cmf button.snd .ic{width:20px!important;height:20px!important;margin-left:2px}
/* свой комментарий: «Изменить», «Удалить»; удалённый - серой строкой */
.ca{flex-wrap:wrap;gap:4px 16px}
.cmi.ed .ct{background:#EEF2FA;border-radius:8px;padding:2px 6px;margin-left:-6px}
.cmi.del .ct{color:#8A8A92;font-style:italic;padding-top:8px}
.cmi.del .cav{width:28px;height:28px}
@media (min-width:900px){
  .tab .bdg{left:29px;top:2px}
  .feed{max-width:520px!important}
  @supports (height:1cqw){.media{height:min(125cqw,calc(100vh - 240px),650px)}}
}

/* ---------- правки 03.11 (Умид, 2): лента не дёргается, без синей подсветки, кнопки под постом крупнее и свободнее ---------- */
/* лента: высота картинки не зависит от адресной строки браузера (100dvh менялась при прокрутке - вся лента прыгала) */
.phone.app{min-height:100vh;min-height:100svh}
@supports (height:1cqw){.media{height:min(125cqw,calc(100vh - 300px),620px);height:min(125cqw,calc(100svh - 300px),620px)}}
@media (min-width:900px){@supports (height:1cqw){.media{height:min(125cqw,calc(100vh - 240px),650px)}}}
html{overflow-anchor:auto;-webkit-text-size-adjust:100%}
/* нажатие: без синей вспышки (истории, лайки, все кнопки), без увеличения страницы двойным касанием */
*{-webkit-tap-highlight-color:transparent}
html,body{touch-action:manipulation}
button:focus,a:focus,[tabindex]:focus{outline:none}
button:focus-visible,a:focus-visible{outline:2px solid #13306B;outline-offset:2px}
.sv,.sv *{-webkit-touch-callout:none}
.txt{-webkit-user-select:text;user-select:text}
/* кнопки под постом: чуть крупнее, между группами больше места, до заголовка отступ */
.act{gap:14px;padding:12px 14px 6px}
.act .b{gap:6px;padding:6px 7px;font-size:14.5px}
.act .b .n{font-size:14.5px}
.act .pill{padding:3px 6px;border-radius:22px}
.act .pill i{height:20px;margin:0 4px}
.act .sv-b{padding:6px 2px 6px 8px}
.txt{padding-top:10px}
/* «ещё» и «свернуть» - отдельная кнопка, текст поста сам по себе не нажимается */
.txt .more{display:inline-block;padding:2px 0;font-weight:600;color:#8A8A92}
.txt .more.ls{display:block;margin-top:2px}
/* значок комментариев чуть жирнее: тот же значок, наложенный со сдвигом 0,5 пикселя */
.ic.bold{-webkit-mask:var(--m) 0 0/100% 100% no-repeat,var(--m) .5px 0/100% 100% no-repeat,var(--m) -.5px 0/100% 100% no-repeat,var(--m) 0 .5px/100% 100% no-repeat,var(--m) 0 -.5px/100% 100% no-repeat;mask:var(--m) 0 0/100% 100% no-repeat,var(--m) .5px 0/100% 100% no-repeat,var(--m) -.5px 0/100% 100% no-repeat,var(--m) 0 .5px/100% 100% no-repeat,var(--m) 0 -.5px/100% 100% no-repeat}
/* заранее загруженные значки (лайк, дизлайк, закладка): цвет меняется сразу, без мигания */
.icpre{position:fixed;left:-50px;top:0;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none}

/* ---------- правки 03.11 (Умид, 3): касание текста раскрывает/сворачивает, свёрнутый - 2 строки, текст сероватый, без подложки у лайков ---------- */
.txt{color:#4A4A52;cursor:pointer}
.txt .tt{color:#111114}
.txt:not(.op){position:relative}
.txt:not(.op) .ld{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.txt:not(.op) .more{position:absolute;right:16px;bottom:2px;padding:0 0 0 34px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 32px);line-height:1.5}
.txt .full{color:#4A4A52}
.txt .full b{color:#2A2A30}
.act .pill,.act .pill:hover{background:none;padding:0}
.act .pill i{background:#E1E3EA}
/* правки 03.11 (4): кнопки под постом - на одной линии (Умид: «волной»), значок «Рубрики» крупнее.
   Значки выровнены по «центру тяжести» рисунка к середине чисел: лайк чуть выше, дизлайк чуть ниже, закладка ниже ростом */
.act .b .ic{position:relative}
/* 03.11 (9): значки под постом одного набора 24x24, выравнивать сдвигами больше не нужно */
.act .b .ic{top:0}
/* 03.11 (12): лайк и дизлайк чуть крупнее (29px), строка той же высоты */
.act .pill .b .ic{margin:-1px 0}
.tab button:nth-child(2) .ic{margin:-1.5px 0}
@media (min-width:900px){.tab button:nth-child(2) .ic{margin:-1.5px -1.5px}}
/* правки 03.11 (5): значки - чёткие векторные (svg); в «Покупках» на телефоне нижнее меню Avto Kompas прячем -
   внизу только меню магазина (Каталог, Корзина и кнопка «Avto Kompas» назад в ленту), без двух рядов кнопок */
@media (max-width:899px){
  #app.in-shop #tab{display:none}
  #app.in-shop #shop{height:100dvh}
  #app.in-shop .shopld{bottom:0}
}
/* ---------- правки 03.11 (6): кнопки Telegram, Instagram и «Оформление» сверху; серый фон на компьютере; ночной режим ---------- */
.top .rt{gap:6px}
.top .rbtn{width:36px;height:36px}
.top .lang2{width:36px;height:36px}
.thmp{position:absolute;right:12px;top:54px;z-index:50;width:230px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(17,17,20,.16),0 0 0 1px rgba(17,17,20,.05);padding:8px}
.thmp>b{display:block;font-size:12px;font-weight:700;color:#8A8A92;padding:6px 10px 6px}
.thmp button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:12px;text-align:left;font-size:15px;font-weight:600;color:#1E1E24}
.thmp button:hover{background:#F5F5F7}
.thmp button.on{color:#13306B}
.thmp button span:not(.ic){flex:1}
.thmp small{display:block;font-size:12px;font-weight:500;color:#8A8A92;margin-top:1px}
@media (min-width:900px){
  /* компьютер: основной фон сероватый, как разделители на телефоне; посты - белые карточки */
  body{background:#F0F1F4}
  .phone.app,html.dark .phone.app{background:none}
  .post{background:#fff;border-color:#E6E7EB}
  .srch,.qbar,.empty,.cont{background:#fff}
  .sv-item{background:#fff;border-radius:14px;border:1px solid #E6E7EB;margin-bottom:10px}
  .thmp{top:auto;bottom:46px;left:0;right:auto}
}
/* ночной режим */
html.dark{color-scheme:dark}
html.dark body{background:#121418;color:#EDEDF0}
html.dark .phone{background:#121418}
html.dark .top{background:#121418;border-bottom-color:#24262D}
html.dark .stories{border-bottom-color:#24262D}
html.dark .st{color:#C9CAD0}
html.dark .st.on span{color:#FFFFFF}
html.dark .st .r.seen{background:#3A3C44}
html.dark .st .r div{border-color:#121418}
html.dark .post{border-bottom-color:#050607}
html.dark .ph b{color:#EDEDF0}
html.dark .ph small,html.dark .ph small i{color:#8C8D96}
html.dark .act .b{color:#A6A7AE}
html.dark .act .b.on{color:#FFFFFF}
html.dark .act .pill i{background:#33363E}
html.dark .txt,html.dark .txt .full{color:#B4B5BC}
html.dark .txt .tt{color:#F2F2F4}
html.dark .txt .full b{color:#E0E0E4}
html.dark .txt .full h5{color:#D4D5DA}
html.dark .txt .full li::marker{color:#D4D5DA}
html.dark .txt .more,html.dark .txt .src{color:#8C8D96}
html.dark .txt:not(.op) .more{background:linear-gradient(90deg,rgba(18,20,24,0),#121418 32px)}
html.dark .tab{background:#121418;border-top-color:#24262D}
html.dark .tab button{color:#8C8D96}
html.dark .tab button.on{color:#FFFFFF}
html.dark .tab .bdg{background:#EDEDF0;color:#121418;border-color:#121418}
html.dark .rbtn,html.dark .lang2{background:#22252C;color:#FFFFFF}
html.dark .thmp{background:#1C1E24;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px #2A2D35}
html.dark .thmp button{color:#EDEDF0}
html.dark .thmp button:hover{background:#24272E}
html.dark .thmp button.on{color:#FFFFFF}
html.dark .sh{color:#FFFFFF}
html.dark .sub,html.dark .blk h4{color:#8C8D96}
html.dark .srch{background:#22252C;color:#8C8D96}
html.dark .srch input{color:#EDEDF0}
html.dark .soc a{background:#2C2F37}
html.dark .cont{background:#1C1E24}
html.dark .cont>div{color:#EDEDF0}
html.dark .cont>div+div{border-top-color:#2A2D35}
html.dark .cont .ic{background:#FFFFFF}
html.dark .cont em{background:#2A2D35;color:#FFFFFF}
html.dark .qbar{background:#1C1E24;color:#C9CAD0}
html.dark .qbar button{color:#FFFFFF}
html.dark .empty{background:#1C1E24;color:#A6A7AE}
html.dark .sv-item{border-bottom-color:#24262D}
html.dark .sv-item b{color:#EDEDF0}
html.dark .sv-item .bm{color:#FFFFFF}
html.dark .sheet{background:#1A1C22;color:#EDEDF0}
html.dark .sheet .grab{background:#3A3C44}
html.dark .sheet .lnk{background:#24272E;color:#FFFFFF}
html.dark .sheet .lnk span:not(.ic){color:#C9CAD0}
html.dark .sheet .cp,html.dark .toast{background:#2C2F37}
html.dark .sheet .x::before,html.dark .sheet .x::after,html.dark .cmr button::before,html.dark .cmr button::after{background:#A6A7AE}
html.dark .cmhd,html.dark .cmf{border-color:#2A2D35}
html.dark .cmt button{background:#24272E;color:#C9CAD0}
html.dark .cmt button.on,html.dark .stf{background:#EDEDF0;color:#121418}
html.dark .cn b{color:#EDEDF0}
html.dark .ct{color:#D6D7DC}
html.dark .ct u,html.dark .ca button.on,html.dark .cmx{color:#FFFFFF}
html.dark .cmx::before{background:#FFFFFF}
html.dark .cth{border-left-color:#2A2D35}
html.dark .cmr{background:#24272E;color:#A6A7AE}
html.dark .cmr b{color:#FFFFFF}
html.dark .cmf{background:#1A1C22}
html.dark .cmf textarea{background:#24272E;color:#EDEDF0}
html.dark .cmf button.snd{background:#2A2D35;color:#7E7F88}
html.dark .cmf button.snd.on{background:#EDEDF0;color:#121418}
html.dark .cmi.ed .ct{background:#2A2D35}
html.dark .lg h3,html.dark .fl input,html.dark .fl .ph b{color:#EDEDF0}
html.dark .lgp{color:#A6A7AE}
html.dark .fl{border-color:#33363E}
html.dark .fl:focus-within{border-color:#FFFFFF}
html.dark .or::before,html.dark .or::after{background:#2A2D35}
html.dark button:focus-visible,html.dark a:focus-visible{outline-color:#FFFFFF}
@media (min-width:900px){
  html.dark body{background:#0B0C0F}
  html.dark body:before{background:#121418;border-right-color:#24262D}
  html.dark .tab button{color:#C9CAD0}
  html.dark .tab button:hover{background:#1C1E24}
  html.dark .tab button.on{color:#FFFFFF}
  html.dark .post,html.dark .sv-item{background:#17191E;border-color:#24262D}
  html.dark .txt:not(.op) .more{background:linear-gradient(90deg,rgba(23,25,30,0),#17191E 32px)}
  html.dark .srch,html.dark .qbar,html.dark .empty,html.dark .cont{background:#17191E}
}
/* 03.11 (9): источники - официальные, ссылка на нужное место и цитата */
.txt .src{display:block;margin:10px 0 8px;font-size:13px;line-height:1.45;color:#8A8A92}
.txt .src>span{display:block;font-weight:600;margin-bottom:2px}
.txt .src a{display:block;color:#13306B;font-weight:600;text-decoration:underline;text-underline-offset:2px;margin-top:4px}
.txt .src q{display:block;font-style:italic;color:#6A6A72;margin-top:1px}
.txt .src q:before{content:'«'}.txt .src q:after{content:'»'}
html.dark .txt .src a{color:#E6E7EA}
html.dark .txt .src q{color:#9A9BA3}
/* День и Ночь - картинки */
img.thi{display:block;margin:-2px}
.sv-open{margin:4px 0 10px}
/* 03.11 Умид: что сказано в законе - в тексте новости, аккуратным блоком */
.full p.law{margin:12px 0;padding:10px 12px;border-left:3px solid #13306B;background:#F2F4F9;border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.5}
.full p.law b{display:block;margin-bottom:2px}
html.dark .full p.law{border-left-color:#FFFFFF;background:#22252C}