/* Сервис → «Спросить» (ask.js). Цвета — токены темы; подписи серые моноширинные, значения — обычным начертанием,
   всё в строку и компактно, появление — плавно (~0,3 с, мягкое торможение). */
.akwrap{display:flex;flex-direction:column;height:100%;min-height:0;overflow:auto}
.akbar{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 14px 8px;display:flex;flex-direction:column;gap:7px}
.akbar .row{display:flex;align-items:center;gap:10px}
.akbar .search{flex:1 1 auto;padding:0;width:auto;min-width:0}.akbar .search .in{height:34px}
.akbar .ask{height:34px;padding:0 14px;font-size:11px}
.akbar .ask:disabled{opacity:.5;cursor:default}
.akbar .lim{font:10px var(--mono);color:var(--dim);white-space:nowrap}.akbar .lim span{color:var(--tx)}.akbar .lim span.z{color:var(--red)}
.akex{display:flex;flex-wrap:wrap;gap:4px 5px;align-items:center;font:10px var(--mono);color:var(--dim)}
.akex>span{margin-right:2px}.akex .sep{width:10px}
.akex .chip{height:21px;font-size:10.5px;padding:0 8px;font-weight:400}
.aklist{padding:0 14px}
.akfoot{padding:12px 14px 18px;font-size:10.5px;line-height:1.5;color:var(--dim)}

.ak{border-bottom:1px solid var(--line);padding:12px 0 14px;animation:akin .32s cubic-bezier(.2,.7,.2,1)}
@keyframes akin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.akq{display:flex;align-items:baseline;gap:10px;font:10.5px var(--mono);color:var(--dim)}
.akq .qq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.akq .tm{margin-left:auto;flex:none}
.akt{font-size:13px;color:var(--tx);margin:4px 0 10px;font-weight:400}
.ak.busy .akt{color:var(--dim)}
.ak.busy .dots::after{content:'…';animation:akdot 1s ease-in-out infinite}
@keyframes akdot{0%,100%{opacity:.25}50%{opacity:1}}

/* цифры: подпись, значение, дата/источник — верхние края в одну линию */
.akv{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 26px;margin-bottom:10px}
.akv .t{display:flex;flex-direction:column;gap:2px;min-width:96px}
.akv .l{font:9.5px var(--mono);color:var(--dim);letter-spacing:.03em;white-space:nowrap}
.akv .v{font:15px var(--mono);color:var(--tx);white-space:nowrap;cursor:copy;transition:color .2s}
.akv .v.up,.akv .s.up{color:var(--green)}.akv .v.dn,.akv .s.dn{color:var(--red)}
.akv .v.copied,.akr td.copied,.akd em.copied{color:var(--amber)}
.akv .s{font:9.5px var(--mono);color:var(--dim);white-space:nowrap}
.akv .s a{color:var(--dim);text-decoration:none}.akv .s a:hover{color:var(--amber)}

.akc{margin:6px 0 10px}
.akc .h,.akr .h,.ak>.h{font:10px var(--mono);color:var(--dim);margin:0 0 4px}
.akc .box{min-height:200px;position:relative}
.akc .box.bars{min-height:200px}
.akcv .box{min-height:240px}
.akcvs .g{stroke:var(--line);stroke-width:1}.akcvs .g.v{stroke-dasharray:2 4}
.akcvs .ax{font:9.5px var(--mono);fill:var(--dim)}
.akcvs .ln{fill:none;stroke:var(--amber);stroke-width:1.6}
.akcvs .pt{fill:var(--blue);stroke:var(--bg);stroke-width:1;cursor:pointer;transition:r .15s}
.akcvs .pt:hover{r:5}
.akctip{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .25s cubic-bezier(.2,.7,.2,1),transform .25s cubic-bezier(.2,.7,.2,1);
  background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:4px 8px;font:10px var(--mono);color:var(--dim);white-space:nowrap;z-index:3}
.akctip.on{opacity:1;transform:none}.akctip span{color:var(--tx)}

.akr{margin:6px 0 10px}
.akr .sc{overflow-x:auto}
.akr .tbl{width:auto;min-width:100%}
.akr .tbl td,.akr .tbl th{padding:4px 10px;font-weight:400}
.akr .tbl th.l,.akr .tbl td.l{text-align:left}
.akr .tbl td.w{white-space:normal;min-width:280px;max-width:680px;font-family:var(--sans);line-height:1.4;color:var(--tx)}
.akr .tbl td.l:not(:first-child){font-family:var(--mono);color:var(--dim)}
.akr .tbl td.up{color:var(--green)}.akr .tbl td.dn{color:var(--red)}
.akr .tbl tr.go{cursor:pointer}
.akr .tbl tr.go:hover td{background:color-mix(in srgb,var(--amber) 7%,transparent)}
.akr .tbl tr.imp td:first-child{color:var(--amber)}

.akd .f{padding:6px 0;border-bottom:1px dashed var(--line)}.akd .f:last-child{border-bottom:0}
.akd .n{display:flex;align-items:baseline;gap:8px;color:var(--tx);font-size:12.5px}
.akd .n i{font:normal 10px var(--mono);color:var(--dim)}.akd .n em{font:normal 10.5px var(--mono);color:var(--amber);margin-left:auto;cursor:copy}
.akd .d{font-size:12px;line-height:1.5;color:var(--tx);margin-top:2px}
.akd .s{font:9.5px/1.45 var(--mono);color:var(--dim);margin-top:2px}

.akg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.akg .hbtn{height:24px;font-size:10.5px;padding:0 10px;font-weight:400}
.akg .hbtn i{font-style:normal;color:var(--dim);margin-left:4px;transition:color .2s,transform .2s}
.akg .hbtn:hover i{color:var(--amber);transform:translateX(2px)}
.akg.list{flex-direction:column;gap:5px}
.akg.list .gi{display:flex;align-items:center;gap:10px}
.akg.list .gi span{font:10px var(--mono);color:var(--dim)}
.akn{font-size:12px;color:var(--dim);line-height:1.5;margin:6px 0}
.akq .qq i{font-style:normal;opacity:.8}

/* «уточните»: действие и варианты бумаг кнопками; свёрнуто — «понял как … · изменить» */
.akp{margin:2px 0 10px}
.akp .pc{font:10.5px var(--mono);color:var(--dim)}
.akp .lnk{background:none;border:0;padding:0;color:var(--amber);font:inherit;cursor:pointer}.akp .lnk:hover{text-decoration:underline}
.akp.col .pb{display:none}
.akp .pb{display:flex;flex-direction:column;gap:7px;animation:akin .3s cubic-bezier(.2,.7,.2,1)}
.akp .pb .akn{margin:0}
.akp .pa,.akp .ps{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px}
.akp .pl{font:9.5px var(--mono);color:var(--dim);min-width:96px;letter-spacing:.03em}
.akp .chip{height:24px;font-size:10.5px;font-weight:400}
.akp .po i{font:normal 9.5px var(--mono);color:var(--dim);margin-left:7px}
.akp .chip.on i{color:inherit;opacity:.75}
.akp .pn{font:10px var(--mono);color:var(--red)}
.akp .pgo{align-self:flex-start;height:26px;font-size:10.5px;padding:0 12px;margin-top:2px}
.akp .pgo i{font-style:normal;color:var(--dim);margin-left:4px}
.akp .pgo:disabled{opacity:.45;cursor:default}
.aks{font:9.5px var(--mono);color:var(--dim);margin-top:9px}
.aks a{color:var(--dim);text-decoration:none;border-bottom:1px dotted var(--line)}.aks a:hover{color:var(--amber)}
.aklog{padding:6px 0;color:var(--dim);font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.aklog .hbtn{height:26px;font-size:10.5px;padding:0 12px}.aklog .hbtn i{font-style:normal;color:var(--dim)}

@media (max-width:620px){
  .akbar{padding:8px 10px 6px}.aklist{padding:0 10px}
  .akbar .row{flex-wrap:wrap}.akbar .search{flex-basis:100%}.akbar .lim{margin-left:auto}.akbar .ask{height:28px}
  .akex{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.akex::-webkit-scrollbar{display:none}
  .akex>span,.akex .chip{flex:none}
  .akv{gap:8px 18px}.akv .v{font-size:14px}
  .akg.list .gi{flex-direction:column;align-items:flex-start;gap:2px}
}