/* Детейлинг.Эксперт — дизайн-система «Лак и сталь».
   Деловое издание (строгая сетка, линейки, лента со временем) + автомобильная эстетика:
   графит, чёрный лак, металл, один сигнальный красный. Острые углы, плотная типографика. */
:root{
  --f-text:"Onest","Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --f-disp:"Unbounded","Onest",-apple-system,"Segoe UI",Arial,sans-serif;
  --f-mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;

  --bg:#FFFFFF; --paper:#FFFFFF; --paper2:#F6F5F2;
  --ink:#0C0D0F; --ink2:#34373D; --ink3:#767B84; --ink4:#A3A7AE;
  --line:#DAD8D2; --line-strong:#0C0D0F; --soft:#E7E5E0; --soft2:#F4F3EF;
  --black:#0A0B0D; --black2:#141619; --black3:#1E2126; --steel:#2B2F36; --chrome:#C9CDD3;
  --on-black:#F2F2EF; --on-black2:#A6ABB3; --on-black3:#6E747D; --line-dark:#262A30;

  --red:#F29F05; --red-hi:#FFB61E; --red-dk:#C77800; --red-ink:#A85A00; --on-red:#0A0B0D;
  --gold:#E8A500; --cobalt:#2D6BFF; --green:#16A34A;
  --media:var(--red); --learn:#8C6A00; --market:#1F5BE0; --admin:#8A9099;
  --accent:var(--red);
  --ok:#128041; --ok-bg:#E3F2E8; --warn:#9A5B00; --warn-bg:#FBEFD6; --bad:#B3140C; --bad-bg:#FBE4E2;
  --ref:#2D6BFF; --ref-bg:#E8EFFF;
  --r:2px;
  --carline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' fill='none' stroke='%230C0D0F' stroke-width='1.4'%3E%3Cpath d='M14 86c1-12 14-19 40-23l58-8c22-17 50-27 86-28 38-1 66 9 92 27l52 7c24 4 38 12 40 25v10H336M76 96H14'/%3E%3Cpath d='M128 55c20-15 44-23 72-24 30 0 54 8 74 24z'/%3E%3Cpath d='M200 31v24M60 70h290' opacity='.5'/%3E%3Cpath d='M122 96h166'/%3E%3Ccircle cx='98' cy='92' r='23'/%3E%3Ccircle cx='98' cy='92' r='12'/%3E%3Ccircle cx='312' cy='92' r='23'/%3E%3Ccircle cx='312' cy='92' r='12'/%3E%3Cpath d='M0 116h400' stroke='%23F29F05' stroke-width='3'/%3E%3C/svg%3E");
  --suv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235a606a'/%3E%3Cstop offset='.4' stop-color='%23262a31'/%3E%3Cstop offset='1' stop-color='%23090a0c'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M44 94V60l18-4 26-34h176l34 32 54 6c10 2 14 8 14 16v18z' fill='url(%23g)'/%3E%3Cpath d='M98 28h160l24 26H78z' fill='%23050607' opacity='.92'/%3E%3Cpath d='M62 62h300' stroke='url(%23h)' stroke-width='1.6'/%3E%3Cpath d='M92 24h168' stroke='url(%23h)' stroke-width='1.2' opacity='.7'/%3E%3Crect x='174' y='28' width='4' height='26' fill='%23111'/%3E%3Ccircle cx='112' cy='94' r='25' fill='%23060708'/%3E%3Ccircle cx='112' cy='94' r='14' fill='none' stroke='%23858b94' stroke-width='3'/%3E%3Ccircle cx='302' cy='94' r='25' fill='%23060708'/%3E%3Ccircle cx='302' cy='94' r='14' fill='none' stroke='%23858b94' stroke-width='3'/%3E%3Crect x='40' y='72' width='10' height='14' fill='%23F29F05'/%3E%3C/svg%3E");
  --car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23565c66'/%3E%3Cstop offset='.35' stop-color='%23262a31'/%3E%3Cstop offset='1' stop-color='%23090a0c'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 86c1-12 14-19 40-23l58-8c22-17 50-27 86-28 38-1 66 9 92 27l52 7c24 4 38 12 40 25v10H14z' fill='url(%23g)'/%3E%3Cpath d='M128 55c20-15 44-23 72-24 30 0 54 8 74 24z' fill='%23050607' opacity='.9'/%3E%3Cpath d='M60 64c60-7 180-12 290-3' stroke='url(%23h)' stroke-width='1.6' fill='none'/%3E%3Cpath d='M120 55c24-18 52-26 82-26 32 0 58 10 78 26' stroke='url(%23h)' stroke-width='1.2' fill='none' opacity='.7'/%3E%3Ccircle cx='98' cy='92' r='23' fill='%23060708'/%3E%3Ccircle cx='98' cy='92' r='13' fill='none' stroke='%23858b94' stroke-width='3'/%3E%3Ccircle cx='312' cy='92' r='23' fill='%23060708'/%3E%3Ccircle cx='312' cy='92' r='13' fill='none' stroke='%23858b94' stroke-width='3'/%3E%3Crect x='12' y='76' width='14' height='4' fill='%23F29F05'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#08090B; --paper:#111316; --paper2:#15171B; --ink:#F2F2EF; --ink2:#C4C8CE; --ink3:#8B919A; --ink4:#5C626B;
    --line:#23262C; --line-strong:#F2F2EF; --soft:#1A1D21; --soft2:#14161A;
    --ok:#3DDC84; --ok-bg:#0E2418; --warn:#F2B544; --warn-bg:#2A1F0A; --bad:#FF6B61; --bad-bg:#2E0F0D;
    --ref:#7FA6FF; --ref-bg:#0F1A33; --red-ink:#FFB21E;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#08090B; --paper:#111316; --paper2:#15171B; --ink:#F2F2EF; --ink2:#C4C8CE; --ink3:#8B919A; --ink4:#5C626B;
  --line:#23262C; --line-strong:#F2F2EF; --soft:#1A1D21; --soft2:#14161A;
  --ok:#3DDC84; --ok-bg:#0E2418; --warn:#F2B544; --warn-bg:#2A1F0A; --bad:#FF6B61; --bad-bg:#2E0F0D;
  --ref:#7FA6FF; --ref-bg:#0F1A33; --red-ink:#FFB21E;
  color-scheme:dark;
}
body.p-media{--accent:var(--media)} body.p-learn{--accent:var(--learn)} body.p-market{--accent:var(--market)} body.p-admin{--accent:var(--admin)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--f-text);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--red-ink)}
h1{font:800 34px/1.08 var(--f-text);letter-spacing:-.025em;margin:0 0 12px}
h2{font:800 22px/1.15 var(--f-text);letter-spacing:-.02em;margin:32px 0 14px;padding-top:10px;border-top:2px solid var(--line-strong)}
h3{font:700 17px/1.25 var(--f-text);letter-spacing:-.01em;margin:16px 0 8px}
.card h2{border-top:0;padding-top:0}
p{margin:0 0 10px}
ul{margin:4px 0 10px;padding-left:20px}
.muted{color:var(--ink3)} .small{font-size:13px} .xs{font-size:12px}
.nowrap{white-space:nowrap}
.hidden{display:none!important}
.kicker{font:600 10.5px/1.2 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.mono{font-family:var(--f-mono);font-feature-settings:"tnum" 1}

/* ---------- строка макета (вне продукта) ---------- */
#demobar{background:#1B1E24;color:#C9CDD3;font:12px/1.3 var(--f-mono);position:sticky;top:env(safe-area-inset-top,0px);z-index:30;border-bottom:1px solid #000}
.db{max-width:1360px;margin:0 auto;padding:6px 20px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.db .tag{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;color:#1B1E24;background:#F2B544;padding:2px 7px}
.db label{color:#8B919A;display:flex;align-items:center;gap:6px}
.db select{background:#0E1013;color:#E6E8EB;border:1px solid #333842;border-radius:0;padding:3px 6px;font:inherit;max-width:220px}
.db .seg{display:inline-flex;border:1px solid #333842}
.db .seg button{background:transparent;color:#8B919A;border:0;padding:3px 10px;font:inherit;cursor:pointer}
.db .seg button.on{background:#F2B544;color:#111}
.db .sp{flex:1}
.db .lnk{color:#E6E8EB;background:transparent;border:1px solid #333842;padding:3px 9px;font:inherit;cursor:pointer}
.db .lnk:hover{border-color:#F2B544;color:#F2B544;text-decoration:none}
.db input[type=checkbox]{accent-color:#F2B544}

/* ---------- мачта издания ---------- */
.hdr{background:var(--black);color:var(--on-black);border-bottom:1px solid var(--line-dark)}
.hdr a{color:var(--on-black)}
.hdr-in{max-width:1360px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;gap:22px;flex-wrap:wrap;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;white-space:nowrap;font:800 15px/1 var(--f-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--on-black)}
.logo:hover{color:var(--on-black)}
.logo i{width:22px;height:22px;background:var(--red);display:inline-block;position:relative;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.logo i::after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;background:var(--black)}
.logo span.dot{color:var(--red-ink)}
.ptabs{display:flex;gap:0;align-items:stretch}
.ptabs a{display:flex;flex-direction:column;justify-content:center;padding:0 16px;font:700 13px/1.1 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--on-black2);border-bottom:3px solid transparent;border-top:3px solid transparent;white-space:nowrap}
.ptabs a:hover{color:var(--on-black)}
.ptabs a.on{color:var(--on-black);border-bottom-color:var(--accent)}
.ptabs a.on.m{border-bottom-color:var(--media)} .ptabs a.on.l{border-bottom-color:var(--learn)} .ptabs a.on.k{border-bottom-color:var(--market)} .ptabs a.on.a{border-bottom-color:var(--admin)}
.ptabs a .dom{display:block;font:500 10px/1.3 var(--f-mono);letter-spacing:0;text-transform:none;color:var(--on-black3);margin-top:3px}
.gsearch{flex:1;min-width:200px;display:flex;align-items:center;gap:8px}
.gsearch input{flex:1;border:1px solid var(--line-dark);background:var(--black2);color:var(--on-black);border-radius:0;padding:9px 12px;font:14px var(--f-text)}
.gsearch input::placeholder{color:var(--on-black3)}
.gsearch input:focus{outline:none;border-color:var(--red-ink)}
.umenu{display:flex;gap:10px;align-items:center;white-space:nowrap}
.umenu .btn.sec{background:transparent;color:var(--on-black);border-color:#3A3F47}
.avatar{width:32px;height:32px;background:var(--black3);color:var(--on-black);display:inline-flex;align-items:center;justify-content:center;font:700 12px var(--f-disp);letter-spacing:.02em;border:1px solid #3A3F47;flex:0 0 auto}
.card .avatar,.page .avatar{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* строка показателей рынка */
.ticker{background:var(--black2);border-bottom:1px solid var(--line-dark);color:var(--on-black2);font:12px/1 var(--f-mono);overflow:hidden}
.ticker-in{max-width:1360px;margin:0 auto;padding:8px 20px;display:flex;gap:26px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.ticker b{color:var(--on-black);font-weight:600;margin-left:6px}
.ticker .up{color:#3DDC84} .ticker .dn{color:#FF7A45}
.ticker .lbl{color:var(--on-black3);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}
.subnav{background:var(--paper);border-bottom:1px solid var(--line)}
.subnav-in{max-width:1360px;margin:0 auto;padding:0 20px;display:flex;gap:0;overflow-x:auto;scrollbar-width:thin}
.subnav a{padding:12px 13px;color:var(--ink2);font:600 13.5px var(--f-text);white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--ink);text-decoration:none}
.subnav a.on{color:var(--ink);border-bottom-color:var(--accent)}
main.page{max-width:1360px;margin:0 auto;padding:26px 20px 90px}
.crumbs{font:600 11px/1 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
.crumbs a{color:var(--ink3)} .crumbs a:hover{color:var(--red-ink)}

/* ---------- сетка ---------- */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:28px;align-items:start}
.cols.l{grid-template-columns:268px minmax(0,1fr)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.stack{display:grid;gap:16px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row.sb{justify-content:space-between}
@media (max-width:1060px){.cols,.cols.l{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.g2,.g3,.g4{grid-template-columns:1fr}.g6{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}.ptabs a .dom{display:none}.hdr-in{gap:10px;padding:8px 16px}.ptabs a{padding:8px 10px}main.page{padding:18px 16px 70px}}

/* ---------- компоненты ---------- */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px;position:relative;min-width:0}
.card.flat{background:var(--paper2)}
.card.acc{border-top:3px solid var(--accent)}
.card h3:first-child,.card h2:first-child{margin-top:0}
.card.link{cursor:pointer;transition:border-color .15s,transform .15s}
.card.link:hover{border-color:var(--ink)}
.card.link:hover h3{color:var(--red-ink)}
/* чёрная карточка — для главного и для «входов» */
.card.dark{border-top:3px solid var(--ink)}
.stagebox.card.dark{background:var(--paper);border-top:4px solid var(--red)}
/* обложка: чёрный лак, силуэт машины, блик */
.cover{--c1:#3B4049;--c2:#15171B;--c3:#050607;--hl:rgba(255,255,255,.13);position:relative;height:150px;margin:0 0 14px;display:flex;align-items:flex-end;padding:10px 12px;font:600 10px/1 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);overflow:hidden;
 background:var(--cimg,var(--car)) 50% 84%/82% auto no-repeat,linear-gradient(112deg,transparent 28%,var(--hl) 40%,transparent 49%),radial-gradient(120% 110% at 78% 0%,var(--c1) 0%,var(--c2) 50%,var(--c3) 100%)}
.cover::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;background:var(--accent)}
.cover.big{height:300px}
.cover.m,.cover.v1{--c1:#7A3A06;--c2:#2A1403;--c3:#080401;--hl:rgba(255,220,170,.15)}
.cover.v2{--c1:#4A4F58;--c2:#17191D;--c3:#040405}
.cover.v3{--c1:#1B2E5A;--c2:#0A1122;--c3:#030509}
.cover.v4{--c1:#173F2C;--c2:#081A12;--c3:#020604}
.cover.v5{--c1:#5A4520;--c2:#1E160A;--c3:#060503;--hl:rgba(255,236,190,.14)}
.cover.l{--c1:#4A3A14;--c2:#191309;--c3:#060503;--hl:rgba(255,236,190,.14)}
.cover.suv{--cimg:var(--suv)}
.cover.k{background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),linear-gradient(112deg,transparent 30%,rgba(255,255,255,.18) 44%,transparent 52%),linear-gradient(180deg,#4A5059 0%,#23272D 55%,#111316 100%)}
.cover.k::before{content:"";position:absolute;left:50%;top:18%;width:22%;height:64%;transform:translateX(-50%);background:linear-gradient(90deg,#0B0C0E,#3A3F48 45%,#0B0C0E);clip-path:polygon(30% 0,70% 0,70% 12%,85% 20%,85% 100%,15% 100%,15% 20%,30% 12%)}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--line);background:var(--paper);font:600 12px/1.4 var(--f-text);color:var(--ink2);white-space:nowrap;border-radius:0}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
button.chip{cursor:pointer}
button.chip:hover{border-color:var(--ink)}
.badge{display:inline-block;padding:2px 7px;font:700 10px/1.4 var(--f-disp);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid currentColor;border-radius:0}
.b-ok{color:var(--ok)} .b-warn{color:var(--warn)} .b-bad{color:var(--bad)} .b-n{color:var(--ink3)} .b-a{color:var(--red-ink)}
.b-m{color:var(--media)} .b-l{color:var(--warn)} .b-k{color:var(--market)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--red);background:var(--red);color:var(--on-red);font:700 13px/1 var(--f-text);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:0}
.btn:hover{background:var(--red-hi);border-color:var(--red-hi);color:var(--on-red);text-decoration:none}
.btn.sec{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.sec:hover{background:var(--ink);color:var(--paper)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink2)}
.btn.ghost:hover{border-color:var(--ink);color:var(--ink);background:transparent}
.btn.sm{padding:7px 12px;font-size:11.5px}
.btn.m,.btn.l,.btn.k{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn.m:hover,.btn.l:hover,.btn.k:hover{background:var(--red);border-color:var(--red-ink);color:#fff}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.xlink{border-left:3px solid var(--accent);background:var(--paper);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 16px}
.xlink.m{border-left-color:var(--media)} .xlink.l{border-left-color:var(--learn)} .xlink.k{border-left-color:var(--market)}
.xlink .t{font:600 10.5px/1.2 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.xlink b{font-weight:800}
table.t{width:100%;border-collapse:collapse;font-size:14px;background:var(--paper)}
table.t th,table.t td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
table.t th{background:transparent;font:600 10.5px/1.3 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);border-bottom:2px solid var(--line-strong)}
table.t tr:last-child td{border-bottom:0}
table.t tr:hover td{background:var(--paper2)}
.tw{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
.tw table.t{min-width:640px}
.kpi{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--ink);padding:14px 16px;display:block}
a.kpi:hover{border-top-color:var(--red-ink)}
.kpi b{display:block;font:800 28px/1.05 var(--f-text);letter-spacing:-.03em;font-feature-settings:"tnum" 1;margin-bottom:4px}
.kpi span{font-size:12.5px;color:var(--ink3)}
.pbar{height:4px;background:var(--soft)}
.pbar i{display:block;height:100%;background:var(--red)}
.field{display:grid;gap:5px;margin-bottom:12px}
.field label{font:600 10.5px/1.2 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
input.in,select.in,textarea.in{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0;padding:9px 11px;font:14px var(--f-text);width:100%}
input.in:focus,select.in:focus,textarea.in:focus{outline:none;border-color:var(--ink)}
textarea.in{min-height:84px;resize:vertical}
.note{background:var(--paper2);border-left:3px solid var(--ink3);padding:11px 14px;font-size:13.5px;color:var(--ink2)}
.empty{padding:34px;text-align:center;color:var(--ink3);background:var(--paper);border:1px solid var(--line)}
.stars{color:var(--red-ink);letter-spacing:1px}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto}
.tabs a{padding:10px 14px;color:var(--ink3);border-bottom:2px solid transparent;white-space:nowrap;font:700 12px/1 var(--f-text);letter-spacing:.06em;text-transform:uppercase}
.tabs a.on{color:var(--ink);border-bottom-color:var(--red-ink)}
.tabs a:hover{color:var(--ink);text-decoration:none}
.side-menu{padding:6px!important}
.side-menu a{display:block;padding:8px 12px;color:var(--ink2);font-size:14px;border-left:2px solid transparent}
.side-menu a.on{color:var(--ink);font-weight:700;border-left-color:var(--red-ink);background:var(--paper2)}
.side-menu a:hover{text-decoration:none;color:var(--ink);background:var(--paper2)}
.side-menu .h{font:600 10px/1.2 var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:16px 12px 6px}
.list-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.list-row:last-child{border-bottom:0}
.video{aspect-ratio:16/9;max-height:460px;width:100%;display:flex;align-items:center;justify-content:center;color:#cfd4dd;font-size:13px;position:relative;overflow:hidden;
 background:var(--car) 50% 78%/70% auto no-repeat,linear-gradient(112deg,transparent 30%,rgba(255,255,255,.1) 42%,transparent 50%),radial-gradient(120% 110% at 75% 0%,#2E333B 0%,#0E1013 55%,#030304 100%)}
.video .play{width:66px;height:66px;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--on-red);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}
.video .bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.14)}
.video .bar i{display:block;height:100%;background:var(--red)}
.transcript div{padding:7px 10px;cursor:pointer;font-size:14px;border-left:2px solid transparent}
.transcript div:hover{background:var(--paper2)}
.transcript div.on{border-left-color:var(--red-ink);background:var(--paper2)}
.transcript b{font:600 12px var(--f-mono);color:var(--red-ink);margin-right:10px}
.seg-mark{border-left:3px solid var(--red);padding:4px 0 8px 12px;margin:8px 0}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px}
.photos span{aspect-ratio:1;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 55%),radial-gradient(120% 120% at 70% 0%,#3B4049,#0E1013 70%)}
.block-ed{border:1px solid var(--line);border-left:3px solid var(--ink3);padding:10px 12px;margin:8px 0;background:var(--paper);display:flex;gap:10px;align-items:flex-start}
.block-ed .handle{cursor:grab;color:var(--ink4);user-select:none}
.funnel .st{display:flex;align-items:center;gap:12px;margin:8px 0}
.funnel .st i{display:block;height:28px;background:var(--ink);min-width:4px}
.funnel .st:first-child i{background:var(--red)}
.funnel .st b{font:700 14px var(--f-mono)}
.check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);background:var(--paper);margin:6px 0}
.check input{margin-top:3px;width:17px;height:17px;accent-color:var(--red-ink)}
.ftr{background:var(--black);color:var(--on-black2);border-top:3px solid var(--red)}
.ftr a{color:var(--on-black2)} .ftr a:hover{color:var(--on-black)}
.ftr-in{max-width:1360px;margin:0 auto;padding:26px 20px;font-size:13px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.ftr-in .brand{font:800 13px var(--f-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--on-black)}
.stagebox{max-width:760px;margin:30px auto;padding:44px 36px!important;text-align:left}
.stagebox .ic{font:800 64px/1 var(--f-disp);color:var(--red-ink);letter-spacing:-.04em;margin-bottom:6px}

/* главная издания: лента со временем, как у делового издания */
.lead-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--red);cursor:pointer}
.lead-hero .img{min-height:360px;height:auto;margin:0}
.lead-hero .img::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:4px;background:var(--red)}
.lead-hero .txt{padding:28px 28px 24px;display:flex;flex-direction:column;gap:12px}
.lead-hero h1{font-size:32px;color:var(--ink)}
.lead-hero:hover h1{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:7px}
.lead-hero .muted{color:var(--ink3)}
.feed .it{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.feed .it:last-child{border-bottom:0}
.feed .tm{font:600 12px/1.5 var(--f-mono);color:var(--red-ink)}
.feed .it a{font-weight:700;line-height:1.3}
.feed .it .k{font:600 9.5px/1 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);display:block;margin-top:5px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--line-strong);padding-top:10px;margin:0 0 14px}
.sec-h h2,.sec-h h3{margin:0;border:0;padding:0}
.sec-h a{font:600 10.5px var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.whobar{display:grid;grid-template-columns:auto repeat(6,minmax(0,1fr));border:1px solid var(--line);background:var(--paper);margin-bottom:22px}
.whobar .q{padding:14px 18px;font:800 13px var(--f-disp);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);display:flex;align-items:center}
.whobar button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink2);font:700 12.5px var(--f-text);padding:12px 10px;cursor:pointer;text-align:left}
.whobar button:hover{background:var(--paper2);color:var(--ink)}
.whobar button.on{background:var(--red);color:var(--on-red)}
@media (max-width:900px){.whobar{grid-template-columns:repeat(2,1fr)}.whobar .q{grid-column:1/-1}.lead-hero{grid-template-columns:1fr}.lead-hero .img{min-height:220px}}
.portal-hero{background:var(--paper);color:var(--ink);padding:40px 36px 34px;margin-bottom:24px;position:relative;overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--red)}
.portal-hero::before{content:"";position:absolute;right:-6px;bottom:6px;width:44%;height:80%;background:var(--carline) 100% 100%/100% auto no-repeat;opacity:.95}
.portal-hero>*{position:relative;z-index:1;max-width:min(620px,54%)}
.portal-hero h1{font-size:46px;line-height:1.02;letter-spacing:-.035em;margin-bottom:12px}
.portal-hero p{color:var(--ink2);font-size:16px}
.portal-hero .kicker{color:var(--ink3);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.portal-hero .kicker::before{content:"";width:28px;height:3px;background:var(--red)}
.segtag{display:inline-block;font:700 10px/1 var(--f-disp);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;background:var(--ink);color:var(--paper)}
.segtag.p{background:var(--red);color:var(--on-red)}
.segtag.s{background:transparent;color:var(--ink);border:1px solid var(--ink)}

/* пояснения — номера элементов предложения */
.ref{display:none;position:relative;z-index:3;font:700 10px/16px var(--f-mono);color:var(--ref);background:var(--ref-bg);border:1px solid var(--ref);padding:0 5px;margin:0 4px;cursor:help;vertical-align:3px;white-space:nowrap;font-style:normal;letter-spacing:0;text-transform:none}
body.annot .ref{display:inline-block}
.ref.abs{position:absolute;top:8px;right:8px;margin:0}
.stack>.ref,.cols>.ref{justify-self:start}
.pop{position:fixed;z-index:60;max-width:360px;background:var(--black);color:var(--on-black);border-left:3px solid #F2B544;padding:12px 14px;font-size:13.5px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.pop b{display:block;margin-bottom:4px}
.pop .w{color:var(--on-black2)}
.pop .muted{color:var(--on-black3)!important}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:70;background:var(--black);color:#fff;border-left:4px solid var(--red);padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 12px 40px rgba(0,0,0,.35);max-width:92vw}
.toast small{display:block;color:var(--on-black2);font-size:12.5px;font-weight:400;margin-top:3px}
.guide-step{display:flex;gap:14px;padding:12px 14px;border:1px solid var(--line);margin:6px 0;background:var(--paper);align-items:center}
.guide-step .n{flex:0 0 32px;height:32px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font:800 13px var(--f-disp)}
.denied{max-width:680px;margin:30px auto;text-align:left;border-top:4px solid var(--red)!important}
.map-sec{columns:3 280px;column-gap:28px}
.map-sec .grp{break-inside:avoid;margin-bottom:20px}
.map-sec a{display:block;font-size:14px;padding:4px 0;border-bottom:1px solid var(--line)}
.soon{border:1px dashed var(--ink4);padding:12px 14px;color:var(--ink3);font-size:13px;background:transparent}
.seg-mark .btn{justify-self:start}
@media (max-width:720px){#demobar{position:static}.portal-hero{padding:24px 18px}.portal-hero h1{font-size:28px}.portal-hero::before{opacity:.35;width:100%}}

.card>.cover:first-child,.card>.ref.abs+.cover{margin:-18px -18px 14px}
.hdr .muted{color:var(--on-black3)}
.hdr .chip{background:transparent;color:var(--on-black);border-color:#3A3F47}
.hdr .ref{vertical-align:middle}

:root[data-theme="dark"] .portal-hero::before{filter:invert(1)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .portal-hero::before{filter:invert(1)}}
table.t tr:not(:first-child) th{border-bottom:1px solid var(--line)}
@media (max-width:900px){.portal-hero>*{max-width:100%}.portal-hero::before{opacity:.12;width:90%}}
.prob{border-top:2px solid var(--line-strong)}
.prob-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}
.prob-row h3{font-size:21px;margin:4px 0 6px}
.prob-row .row a{font-weight:700}
.prob-n{font:800 44px/1 var(--f-disp);color:var(--red);letter-spacing:-.04em}
@media (max-width:820px){.prob-row{grid-template-columns:1fr;gap:8px}}

/* фотографии: поверх лаковой заглушки, затемнение снизу для подписи */
.cover.ph{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62) 100%),var(--ph,none) center/cover no-repeat,radial-gradient(120% 110% at 78% 0%,var(--c1) 0%,var(--c2) 50%,var(--c3) 100%)}
.video.ph{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55)),var(--ph,none) center/cover no-repeat,#0E1013}
.portal-hero.ph{min-height:360px;display:flex;flex-direction:column;justify-content:center}
.portal-hero.ph::before{right:0;bottom:0;top:0;width:52%;height:100%;opacity:1;background:linear-gradient(90deg,var(--paper) 0%,rgba(255,255,255,0) 22%),var(--ph,none) center/cover no-repeat;filter:none!important}
:root[data-theme="dark"] .portal-hero.ph::before{background:linear-gradient(90deg,var(--paper) 0%,rgba(17,19,22,0) 22%),var(--ph,none) center/cover no-repeat}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .portal-hero.ph::before{background:linear-gradient(90deg,var(--paper) 0%,rgba(17,19,22,0) 22%),var(--ph,none) center/cover no-repeat}}
@media (max-width:900px){.portal-hero.ph::before{width:100%;opacity:.16}}

/* редакционные карточки без рамок */
.card.story{border:0;background:transparent;padding:0}
.card.story>.cover:first-child,.card.story>.ref.abs+.cover{margin:0 0 12px;height:190px}
.card.story>.cover.big:first-child{height:340px}
.card.story:hover h3{color:var(--red-ink)}
.card.story:hover{border:0}
main.page .g3 .card.story h3{font-size:18px}
.lead-hero .img{min-height:430px}
.lead-hero h1{font-size:36px}
/* подвал в колонки */
.ftr-cols{max-width:1360px;margin:0 auto;padding:34px 20px 10px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.ftr-cols h4{font:600 10.5px var(--f-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--on-black);margin:0 0 12px}
.ftr-cols a{display:block;color:var(--on-black2);font-size:13.5px;padding:3px 0}
.ftr-cols a:hover{color:var(--red)}
.ftr-cols p{color:var(--on-black3);font-size:13px}
.ftr-bottom{max-width:1360px;margin:0 auto;padding:16px 20px 26px;border-top:1px solid var(--line-dark);display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--on-black3)}
@media (max-width:900px){.ftr-cols{grid-template-columns:1fr 1fr}}

.trust{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font:600 11px/1.4 var(--f-mono);color:var(--ink3);padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 16px}
.trust .kind{font:700 10px var(--f-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--red);color:var(--on-red);padding:3px 8px}
.trust a{color:var(--ink3)}
.short{border-left:4px solid var(--red);background:var(--paper2);padding:14px 18px;margin:16px 0}
.short ol{margin:8px 0 0;padding-left:20px;font-weight:600}
.short li{margin:4px 0}
.cred{list-style:none;padding:0;margin:12px 0 0;font-size:13px}
.cred li{padding:5px 0;border-top:1px solid var(--line)}
.lock{border:1px solid var(--line);border-top:4px solid var(--red);padding:22px;margin:18px 0;background:linear-gradient(180deg,var(--paper2),var(--paper))}
.lock h3{margin-top:6px}

.os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-scr{background:#0E1013;color:#E8EAED;border:1px solid #23262C}
.os-bar{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #23262C;font:700 12px var(--f-text);text-transform:uppercase;letter-spacing:.06em}
.os-bar .mono{font:500 11px var(--f-mono);text-transform:none;letter-spacing:0;color:#8B919A}
.os-body{padding:14px;display:grid;gap:8px;font-size:13.5px}
.os-step{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #23262C}
.os-step span{color:#A6ABB3;text-align:right}
.os-step.on{border-color:var(--red);background:rgba(242,159,5,.08)}
.os-btn{background:var(--red);color:#0A0B0D;font-weight:800;text-align:center;padding:10px;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.os-row{padding:8px 0;border-bottom:1px solid #1D2025;color:#C4C8CE}
.os-row b{color:#fff;margin-right:6px}
.os-tag{float:right;font:600 10px var(--f-mono);color:#3DDC84;border:1px solid currentColor;padding:1px 6px}
.os-tag.w{color:#F2B544}
.os-posts>div{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;padding:6px 0}
.os-posts i{display:block;height:8px;background:var(--red)} .os-posts i.done{background:#3DDC84}
.os-posts span{font:12px var(--f-mono);color:#A6ABB3}
.os-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.os-kpi>div{border:1px solid #23262C;padding:10px}
.os-kpi b{display:block;font:800 22px var(--f-text);color:#fff}
.os-kpi span{font-size:12px;color:#8B919A}
.num-big{font:800 30px/1.1 var(--f-text);letter-spacing:-.03em;margin:6px 0}
.num-big small{font:500 13px var(--f-text);color:var(--ink3)}
@media (max-width:720px){.os-grid{grid-template-columns:1fr}}

/* ---------- ПРОМТ ---------- */
.promt-orb{position:relative;display:inline-block;width:34px;height:34px;flex:0 0 auto}
.promt-orb.sm{width:22px;height:22px}
.promt-orb.big{width:44px;height:44px}
.promt-orb i,.promt-orb b{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--red);border-left-color:transparent;border-right-color:transparent;animation:pr-spin 3.2s linear infinite}
.promt-orb b{inset:18%;border-color:var(--red-hi);border-top-color:transparent;border-bottom-color:transparent;animation-duration:2.1s;animation-direction:reverse}
.promt-orb em{position:absolute;left:50%;top:50%;width:26%;height:26%;margin:-13% 0 0 -13%;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:pr-pulse 1.8s ease-in-out infinite}
@keyframes pr-spin{to{transform:rotate(360deg)}}
@keyframes pr-pulse{50%{transform:scale(1.35);opacity:.75}}
@media (prefers-reduced-motion:reduce){.promt-orb i,.promt-orb b,.promt-orb em{animation:none}}
.gsearch .promt-orb{margin-right:2px}
.promt-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:50;background:var(--black);color:#fff;border:0;border-left:3px solid var(--red);padding:14px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;box-shadow:-6px 8px 30px rgba(0,0,0,.25)}
.promt-tab .lbl{writing-mode:vertical-rl;transform:rotate(180deg);font:800 11px var(--f-disp);letter-spacing:.2em}
.promt-tab:hover{padding-right:14px}
.promt.open .promt-tab{display:none}
.promt-panel{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);z-index:55;background:var(--paper);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.25);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease;padding-top:env(safe-area-inset-top,0px)}
.promt.open .promt-panel{transform:none}
.promt-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--black);color:#fff;border-bottom:3px solid var(--red)}
.promt-head b{display:block;font:800 15px var(--f-disp);letter-spacing:.08em}
.promt-head span{font:11px var(--f-mono);color:var(--on-black2)}
.promt-x{margin-left:auto;background:transparent;border:1px solid #3A3F47;color:#fff;width:32px;height:32px;font-size:18px;cursor:pointer}
.promt-body{flex:1;overflow:auto;padding:16px;display:grid;gap:12px;align-content:start}
.pm{max-width:92%;font-size:14px;line-height:1.45}
.pm.bot{justify-self:start;background:var(--paper2);border-left:3px solid var(--red);padding:10px 12px}
.pm.me{justify-self:end;background:var(--ink);color:var(--paper);padding:9px 12px}
.pr{display:grid;gap:6px;margin-top:10px}
.pr-card{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:var(--paper);border:1px solid var(--line);padding:8px 10px;color:var(--ink)}
.pr-card:hover{border-color:var(--red);text-decoration:none}
.pr-card .k{grid-row:span 2;font:700 9px var(--f-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--red-ink);align-self:center;width:74px}
.pr-card b{font-size:13.5px}
.pr-card .s{font-size:12px;color:var(--ink3)}
.pm-meta{font:11px var(--f-mono);color:var(--ink3);margin-top:8px}
.promt-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-top:1px solid var(--line)}
.promt-in{display:flex;gap:6px;padding:10px 16px}
.promt-in input{flex:1;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 12px;font:14px var(--f-text)}
.promt-in input:focus{outline:none;border-color:var(--red)}
.promt-note{font-size:11.5px;color:var(--ink3);padding:0 16px 14px}
@media (max-width:720px){.promt-tab{top:auto;bottom:16px;transform:none;flex-direction:row;padding:10px 14px}.promt-tab .lbl{writing-mode:horizontal-tb;transform:none}}


/* ---------- дополнения рабочей версии: уведомления, оплата, галереи, плеер ---------- */
.toast.bad{border-left-color:var(--bad)}
body.wait{cursor:progress}
body.wait .btn{pointer-events:none;opacity:.7}
.overlay{position:fixed;inset:0;z-index:65;background:rgba(10,11,13,.55);display:flex;align-items:center;justify-content:center;padding:16px;max-width:none;border:0;box-shadow:none;color:var(--ink)}
.overlay .card{max-width:520px;width:100%;max-height:92vh;overflow:auto}
.overlay[hidden]{display:none}
.dot-n{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:0 4px;background:var(--red);color:var(--on-red);font:700 10px/17px var(--f-text);font-style:normal;text-align:center}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.gal.sm{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.gal.big{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.gal a,.phs{display:block;aspect-ratio:1;background:var(--ph,none) center/cover no-repeat,radial-gradient(120% 120% at 70% 0%,#3B4049,#0E1013 70%);border:1px solid var(--line)}
.photos .phs{border:0}
.vplayer{width:100%;max-height:480px;background:#000;display:block}
.adbox:hover{text-decoration:none;border-color:var(--ink)}
.adtext.ph{background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.55)),var(--ph,none) center/cover no-repeat}
:root[data-theme="dark"] .adtext.ph{background:linear-gradient(90deg,rgba(17,19,22,.88),rgba(17,19,22,.55)),var(--ph,none) center/cover no-repeat}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .adtext.ph{background:linear-gradient(90deg,rgba(17,19,22,.88),rgba(17,19,22,.55)),var(--ph,none) center/cover no-repeat}}
.mbody h3{margin-top:22px}
label.chip input{margin:0 4px 0 0;accent-color:var(--red-ink)}
.block-ed .in+.in{margin-top:6px}
#qr img,#qr canvas{display:block}
@media (max-width:720px){.umenu .small{display:none}.gsearch{order:5;flex-basis:100%}.tabs a{padding:10px 10px}table.t th,table.t td{padding:8px}}
.vplayer{object-fit:contain}
.vplayer[poster]{background:#000}
.g2>.stack{align-content:start}
.umenu .avatar .dot-n{right:-6px}
.kpi b{overflow-wrap:anywhere}
label.chip{white-space:normal;max-width:100%}
.field{min-width:0}
@media (max-width:720px){.list-row{flex-wrap:wrap}.kpi b{font-size:22px}}
@media (max-width:720px){.btn{white-space:normal;text-align:center;line-height:1.25;max-width:100%}}
/* Правка 28.10. Короткие страницы: подвал прижат к низу экрана, под ним нет белой полосы.
   Почему так: #app — колонка во всю высоту окна, подвал уходит вниз через margin-top:auto. На длинных страницах ничего не меняется. */
#app{min-height:100vh;display:flex;flex-direction:column}
#app>main.page{width:100%}
#app>.ftr{margin-top:auto}
/* Правка 28.10. Телефон: кнопка помощника не закрывает текст.
   Почему так: на узком экране — компактный квадрат со значком (подпись остаётся для чтения с экрана), пока листают вниз — уезжает за край
   и возвращается при прокрутке вверх или в самом низу; внизу подвала запас под кнопку. Компьютер не затронут — всё внутри max-width:720px. */
@media (max-width:720px){
 .promt-tab{right:12px;bottom:12px;width:50px;height:50px;padding:0;justify-content:center;gap:0;transition:transform .2s ease}
 .promt-tab:hover{padding-right:0}
 .promt-tab .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .promt.away .promt-tab{transform:translateY(80px)}
 .ftr-bottom{padding-bottom:84px}
}