/* ============================================================
   «Аналітика»: вигляд розрізу і розкладка розділу.

   Було: розділ однією колонкою на всю ширину, а в рядку колонка
   винрейту на 150px розводила назву й числа по краях картки —
   між ними лишалась порожня смуга в третину ширини.

   Стало (25.10.2026, вибір власника):
   · рядок підсвічується в колір підсумку, довжиною в частку від
     найкращого результату — порожнє поле працює як шкала;
   · винрейт — тихий волосок у два пікселі замість смуги на пів
     колонки;
   · розділ ділиться надвоє: розріз ліворуч, «Зв'язки» збоку.

   Шар окремий, як ov-fx.css в «Огляді»: правки не розмазуються
   по style.css. Класи ті самі (.ahead/.arow/.wrbar), тож мобільні
   правила зі style.css і mobile.css працюють далі.
   ============================================================ */

/* ---------- розкладка розділу ---------- */
.an-res{display:grid;gap:var(--stack);align-items:stretch;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1fr)}
:root[data-theme="dark"] .an-res{gap:22px}
/* У сітці відступ між картками тримає gap, а не margin. Селектор узято
   з запасом: у темній темі style.css ставить `:root[data-theme="dark"]
   .card+.card{margin-top:28px}`, і коротший запис програвав йому вагою —
   права картка з'їжджала вниз на 28 пікселів. */
:root .an-res > .card + .card,
:root[data-theme="dark"] .an-res > .card + .card{margin-top:0}
.an-res > .card{min-width:0}
/* Коли «Зв'язків» немає (вибірка менша за 12 угод), у сітці лишається
   сама таблиця — вона має зайняти всю ширину, а не дві третини з дірою
   праворуч. Те саме, якщо колись у розділі з'явиться третій блок: він
   лягає на всю ширину під двома верхніми. */
.an-res:has(> .card:only-child){grid-template-columns:minmax(0,1fr)}
.an-res > *:nth-child(n+3){grid-column:1 / -1}

/* вузький екран: назад в один стовпчик */
@media(max-width:1100px){
  .an-res{grid-template-columns:minmax(0,1fr)}
}

/* Картки стоять однієї висоти, тож у нижчої лишався б хвіст порожнечі.
   Таблиця добирає його сама: рядки тягнуться до низу картки, але не
   вище 54px — інакше розріз на три значення роздувся б у простирадло. */
.an-res > .card:first-child{display:flex;flex-direction:column}
.an-res > .card:first-child > h3,
.an-res > .card:first-child > .ahead{flex:none}
.an-res > .card:first-child > .arow{flex:1 1 auto;min-height:40px;max-height:54px}

/* ---------- рядок розрізу ---------- */
.ahead,.arow{grid-template-columns:minmax(0,1fr) 44px 116px 44px 80px;gap:12px;padding:0 15px}
/* Шапка колонок стоїть на своєму рядку, а не тулиться під назву картки:
   вище на зріст, підписи трохи більші (25.10.2026, прохання власника). */
.ahead{height:38px;font-size:9.5px;letter-spacing:.11em;align-items:center}
.arow{position:relative;height:40px;font-size:13.5px;border-bottom:none;isolation:isolate}
.arow + .arow{box-shadow:inset 0 1px 0 var(--line-soft)}
/* підсвічування рядка: частка від найбільшого підсумку у вибірці */
.arow::before{content:"";position:absolute;inset:3px auto 3px 5px;width:var(--fill,0%);
  border-radius:6px;z-index:-1;opacity:.5;transition:opacity .15s}
.arow.r-up::before{background:linear-gradient(90deg,var(--up-soft),transparent)}
.arow.r-dn::before{background:linear-gradient(90deg,var(--down-soft),transparent)}
.arow.r-be::before{background:none}
.arow:hover::before{opacity:1}
.arow .n,.arow .rr{font-size:12.5px}
.arow .netr{font-size:13px}

/* ---------- винрейт: волосок ---------- */
.arow .wrbar{justify-content:flex-end;gap:9px}
.arow .wrbar .track{flex:none;width:46px;height:2px;border-radius:2px}
.arow .wrbar .track i{background:var(--dim)}
.arow.r-up .wrbar .track i{background:var(--up)}
.arow.r-dn .wrbar .track i{background:var(--down)}
.arow .wrbar b{font-size:12.5px;min-width:38px}

/* ---------- «Зв'язки» у бічній колонці ---------- */
/* пояснення біля заголовка прибрано: у вузькій колонці воно займало
   три рядки над самими зв'язками (25.10.2026, прохання власника) */
.an-res .lk .lk-hint{display:none}

/* у вузькій картці пара «що працює / що з'їдає» стає стовпчиком —
   двом колонкам по 340px тут уже не розміститись */
.an-res .lk .lk-cols{grid-template-columns:minmax(0,1fr);gap:14px}
.an-res .lk .lk-col + .lk-col{border-left:none;padding-left:0;
  border-top:1px solid var(--line-soft);padding-top:12px}

@media(max-width:760px){
  .ahead,.arow{grid-template-columns:minmax(0,1fr) 38px 56px 70px;gap:9px}
  .arow .wrbar{gap:7px}
}


/* ============================================================
   «Безубытки · спасли или отняли» — той самий тихий волосок.

   Блок живе в «Журналі» (місяць), у «Річному» і в розборі місяця.
   Дві смуги під картками стояли по 8 пікселів заввишки й читались
   голосніше за самі числа. Тепер це така сама шкала, як винрейт у
   розрізі: волосок у три пікселі, кольори ті самі (25.10.2026).
   ============================================================ */
.bebar{height:3px;border-radius:2px;margin-bottom:7px}
.bebar:last-child{margin-bottom:0}
.bebar .t{border-radius:2px}
/* цифри в картках трохи спокійніші — 24px поруч із волоском виглядали
   важкими, та й колонок чотири */
.becell .v{font-size:21px}