/* LEDGER — usonlinecasinos.biz, скин прогона uob, 26.09.2026.
   Шрифт — донорский Azo Sans (§7). Один акцент --flag. Полотно/лист/секция. */

/* ---------- 1. Шрифты донора ---------- */
@font-face{font-family:"Azo Sans";font-weight:400;font-style:normal;font-display:swap;
  src:url("/app/themes/usonlinecasinos-res/fonts/azosans-regular-webfont.woff2") format("woff2"),
      url("/app/themes/usonlinecasinos-res/fonts/azosans-regular-webfont.woff") format("woff")}
@font-face{font-family:"Azo Sans";font-weight:500;font-style:normal;font-display:swap;
  src:url("/app/themes/usonlinecasinos-res/fonts/azosans-medium-webfont.woff2") format("woff2"),
      url("/app/themes/usonlinecasinos-res/fonts/azosans-medium-webfont.woff") format("woff")}
@font-face{font-family:"Azo Sans";font-weight:700;font-style:normal;font-display:swap;
  src:url("/app/themes/usonlinecasinos-res/fonts/azosans-bold-webfont.woff2") format("woff2"),
      url("/app/themes/usonlinecasinos-res/fonts/azosans-bold-webfont.woff") format("woff")}

/* ---------- 2. Токены ---------- */
:root{
  /* --ink3 — приглушённый текст; #71777f давал на полотне ровно 4,00 (порог 4,5),
     #656b73 даёт 4,77 и на листе, и на полотне, и на подложке --tint */
  --canvas:#f3f1ec; --paper:#ffffff; --ink:#16181d; --ink2:#4a4f58; --ink3:#5b6169;
  --rule:#d8d4ca; --hair:#e7e3da; --flag:#b3232b; --flag-d:#8d1a21; --tint:#eceae3;
  --night:#1b1e24; --ok:#1d6b45; --w:888px; --wn:760px; --wide:1120px;
  --pad:20px; --sheet:36px; --g:24px;
  --ui:"Azo Sans","Segoe UI",Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.uob-page{margin:0;background:var(--canvas);color:var(--ink);
  font:400 17px/1.66 var(--ui);font-variant-numeric:tabular-nums;
  text-underline-offset:.18em}
.uob-page img,.uob-page svg{max-width:100%;height:auto}
.uob-page img{display:block}
/* overflow-wrap:anywhere — у донора в тексте попадаются голые URL по 50 знаков,
   на телефоне такая ссылка растягивала документ до 435 px при вьюпорте 390. */
.uob-page a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);
  text-decoration-thickness:1px;overflow-wrap:anywhere}
.uob-page a:hover{color:var(--flag);text-decoration-color:var(--flag)}
.uob-page a:focus-visible,.uob-page button:focus-visible,.uob-page summary:focus-visible{
  outline:2px solid var(--flag);outline-offset:2px}

/* ---------- 3. Полосы и колонки ---------- */
.uob-band{width:100%;padding-left:var(--pad);padding-right:var(--pad)}
/* ⚠️ Боковое поле полосы задаёт .uob-band, и .uob-wide его НЕ снимает: на телефоне
   строка шапки, доверия и подвала упиралась в самый край экрана (L0/R390).
   Раз поле остаётся внутри max-width, ширину увеличиваем на два поля — колонка
   контента при этом та же --wide. По той же причине вертикальные отступы ниже
   пишутся с var(--pad) по бокам, а не с нулём. */
.uob-wide{max-width:calc(var(--wide) + var(--pad)*2);margin:0 auto}
.uob-col{max-width:var(--w);margin:0 auto}
/* Узкой колонки на сервисных страницах нет намеренно: ширина контента одна на сайт
   (иначе сетка сайта считает четыре разные ширины). */
.uob-main{padding-left:var(--pad);padding-right:var(--pad)}
.uob-main>*{padding-left:0;padding-right:0}

/* ---------- 4. Верхняя техполоса ---------- */
.uob-strip{background:var(--night);color:#cfd3d9;font-size:12.5px;line-height:1.2;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.uob-strip .uob-wide{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;
  justify-content:space-between;min-height:34px;padding:7px var(--pad)}
.uob-strip a{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.uob-strip a:hover{color:#fff;text-decoration-color:#fff}
.uob-strip__l,.uob-strip__r{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.uob-strip__r span{white-space:nowrap}
.uob-age{display:inline-block;border:1px solid #6d737c;padding:1px 6px;font-weight:700;
  letter-spacing:.04em;color:#fff}

/* ---------- 5. Мачта ---------- */
.uob-mast{background:var(--paper);border-bottom:1px solid var(--rule)}
.uob-mast .uob-wide{padding:26px var(--pad) 22px;text-align:center}
.uob-mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;
  color:var(--ink)}
.uob-mark:hover{color:var(--ink)}
.uob-mark__sign{flex:0 0 auto;width:40px;height:40px}
.uob-mark__t{font-weight:700;font-size:30px;line-height:1;letter-spacing:.04em;
  text-transform:uppercase}
.uob-mark__t i{font-style:normal;color:var(--flag)}
.uob-tag{margin:10px auto 0;max-width:640px;font-size:13px;line-height:1.45;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:500}

/* ---------- 6. Ряд рубрик ---------- */
.uob-nav{background:var(--paper);border-bottom:2px solid var(--night);position:relative;z-index:40}
.uob-nav__in{max-width:var(--wide);margin:0 auto;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:center;gap:0}
.uob-nav ul{list-style:none;margin:0;padding:0}
.uob-nav__l{display:flex;flex-wrap:wrap;justify-content:center}
.uob-nav__l>li{position:relative}
.uob-nav__l>li>a{display:block;padding:13px 14px;font-size:13px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);
  border-bottom:3px solid transparent}
.uob-nav__l>li>a:hover,.uob-nav__l>li:focus-within>a{color:var(--flag);
  border-bottom-color:var(--flag)}
.uob-nav__l>li.is-here>a{border-bottom-color:var(--night)}
.uob-nav__l>li.is-news>a i{font-style:normal;color:var(--flag);margin-right:6px}
.uob-dd{position:absolute;left:0;top:100%;min-width:248px;background:var(--paper);
  border:1px solid var(--rule);border-top:3px solid var(--flag);
  box-shadow:0 14px 28px rgba(22,24,29,.14);padding:6px 0;
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .13s,transform .13s}
.uob-nav__l>li:hover>.uob-dd,.uob-nav__l>li:focus-within>.uob-dd{opacity:1;visibility:visible;
  transform:none}
.uob-dd a{display:block;padding:8px 16px;font-size:15px;text-decoration:none;color:var(--ink)}
.uob-dd a:hover{background:var(--tint);color:var(--flag)}
.uob-dd li+li a{border-top:1px solid var(--hair)}
.uob-burger,.uob-burger__b{display:none}

/* ---------- 7. Хлебные крошки ---------- */
.uob-crumbs{padding-top:14px;padding-bottom:0;font-size:12.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink3);font-weight:500}
.uob-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.uob-crumbs li+li::before{content:"/";margin-right:8px;color:var(--rule)}
.uob-crumbs a{color:var(--ink2);text-decoration:none}
.uob-crumbs a:hover{color:var(--flag)}

/* ---------- 8. Шапка страницы ---------- */
.uob-head{padding-top:22px;padding-bottom:22px}
.uob-head__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;
  font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.uob-kicker{color:var(--flag)}
.uob-scope{border:1px solid var(--rule);padding:2px 7px;color:var(--ink2);font-weight:500;
  letter-spacing:.09em}
.uob-date{margin-left:auto;color:var(--ink3);font-weight:500;letter-spacing:.1em;
  white-space:nowrap}
.uob-page h1{margin:10px 0 0;font-size:40px;line-height:1.14;font-weight:700;
  letter-spacing:-.012em}
.uob-deck{margin:12px 0 0;font-size:19px;line-height:1.5;color:var(--ink2);max-width:60ch}
.uob-head hr{border:0;border-top:1px solid var(--rule);margin:20px 0 0}

/* ---------- 9. Лист ---------- */
.uob-sheet{background:var(--paper);border:1px solid var(--rule);
  box-shadow:0 1px 0 var(--hair),0 18px 34px -30px rgba(22,24,29,.5);
  /* Лист укладывается В сетку, а не поверх неё: коробка = контентная ширина 888,
     строка набора = 888 − 2×36. Иначе секции страницы мерились 888/960/832 — та самая
     жалоба «что-то уже, что-то шире». */
  max-width:var(--w);margin:0 auto 40px;
  padding:var(--sheet)}
.uob-sheet>*:first-child{margin-top:0}
.uob-sheet>*:last-child{margin-bottom:0}

/* ---------- 10. Текст донора внутри листа ---------- */
.uob-body{font-size:17px}
.uob-body p{margin:0 0 1.05em}
.uob-body h2{margin:1.9em 0 .55em;font-size:27px;line-height:1.2;font-weight:700;
  letter-spacing:-.008em;padding-bottom:.32em;border-bottom:1px solid var(--rule)}
.uob-body h3{margin:1.6em 0 .45em;font-size:21px;line-height:1.28;font-weight:700}
.uob-body h4,.uob-body h5,.uob-body h6{margin:1.4em 0 .4em;font-size:15px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.uob-body ul,.uob-body ol{margin:0 0 1.15em;padding-left:1.35em}
.uob-body li{margin:0 0 .38em}
.uob-body ul>li::marker{color:var(--flag)}
.uob-body blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:3px solid var(--flag);
  color:var(--ink2);font-size:18px}
.uob-body strong,.uob-body b{font-weight:700}
.uob-body hr{border:0;border-top:1px solid var(--rule);margin:1.8em 0}
.uob-body figure{margin:1.5em 0}
.uob-body figcaption{margin-top:8px;font-size:12.5px;letter-spacing:.05em;
  color:var(--ink3);text-transform:uppercase;font-weight:500}
.uob-body>img,.uob-fig img{border:1px solid var(--rule)}
/* ⛔⛔ Типографика держит ГОЛЫЙ html робота автопостинга, а не только разметку
   своего генератора: в `%CONTENT_1%` приезжают <table> без обёртки прокрутки,
   <img> без max-width, <pre> и длинные ссылки. Свои таблицы завёрнуты все до
   одной, поэтому overflow по живому сайту даёт ноль, а перелив вылезает в первой
   же автопубликации — уже после сдачи. `display:block` у table обязателен:
   без него overflow-x не работает вовсе. */
.uob-body>table{display:block;max-width:100%;overflow-x:auto}
.uob-body img{max-width:100%;height:auto}
.uob-body pre{max-width:100%;overflow-x:auto;padding:12px 14px;background:var(--tint);
  border:1px solid var(--rule);font-size:13.5px}
.uob-body code{font-size:.92em;background:var(--tint);padding:1px 4px}
.uob-body a{overflow-wrap:anywhere}
.uob-body iframe,.uob-body video{max-width:100%}

/* ---------- 11. Свой TOC ---------- */
.uob-toc{margin:0 0 28px;border:1px solid var(--rule);background:var(--tint)}
.uob-toc>summary{cursor:pointer;list-style:none;padding:11px 16px;font-size:12.5px;
  font-weight:700;letter-spacing:.11em;text-transform:uppercase;display:flex;
  align-items:center;gap:10px}
.uob-toc>summary::-webkit-details-marker{display:none}
.uob-toc>summary::after{content:"";margin-left:auto;width:8px;height:8px;
  border-right:2px solid var(--ink2);border-bottom:2px solid var(--ink2);
  transform:rotate(45deg);transition:transform .15s}
.uob-toc[open]>summary::after{transform:rotate(-135deg)}
.uob-toc ol{margin:0;padding:0 16px 14px 34px;font-size:15.5px}
.uob-toc li{margin:.3em 0}
.uob-toc a{color:var(--ink2);text-decoration-color:var(--rule)}

/* ---------- 12. Врезки ---------- */
.uob-note{margin:1.6em 0;padding:16px 18px;background:var(--tint);border-left:3px solid var(--night)}
.uob-note h3,.uob-note p:first-child{margin-top:0}
.uob-note p:last-child{margin-bottom:0}
.uob-note__t{display:block;font-size:12.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--flag);margin-bottom:6px}

/* ---------- 13. Карточки кластера (хаб) ---------- */
/* ⚠️ `margin:0 auto`, а не `margin:0`: этот же класс висит на рельсе «MORE IN …»
   вместе с `.uob-col`, и краткая запись обнуляла ЕГО центрирование — правило стоит
   ниже `.uob-col` по файлу и перебивало его. Блок уезжал к левому краю окна
   (x=20 при x=276 у всей остальной страницы), а гейты этого не видят: ширина
   остаётся 888, переполнения нет. Второй раз этим местом — см. комментарий у лида. */
.uob-cards{margin:0 auto 30px}
.uob-cards__h{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;
  border-bottom:2px solid var(--night);padding-bottom:8px}
.uob-cards__h h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;border:0;padding:0}
.uob-cards__h span{margin-left:auto;font-size:12.5px;letter-spacing:.08em;color:var(--ink3);
  text-transform:uppercase;font-weight:500}
/* ⚠️ Колонки заданы ЧИСЛОМ, а не auto-fill: разделители тут — фон сетки, проступающий
   в gap, поэтому непокрытая ячейка в конце светилась серым прямоугольником. С явными
   3/2/1 хвост строки честно растягивается правилами :last-child ниже. */
.uob-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--hair);border:1px solid var(--hair)}
.uob-grid > :last-child:nth-child(3n+1){grid-column:span 3}
.uob-grid > :last-child:nth-child(3n+2){grid-column:span 2}
/* ⚠️ `.uob-page a` весомее одного класса, поэтому карточка гасит подчёркивание ВМЕСТЕ
   с ним: иначе подчёркнутым шёл весь текст карточки, включая описание в три строки. */
.uob-page a.uob-c{background:var(--paper);padding:15px 16px 16px;display:flex;
  flex-direction:column;gap:7px;text-decoration:none;color:var(--ink)}
.uob-c:hover{background:var(--tint);color:var(--ink)}
.uob-c__ico{width:26px;height:26px;color:var(--flag)}
/* Подчёркнут только заголовок — он и есть ссылка для глаза. */
.uob-c__t{font-weight:700;font-size:17px;line-height:1.26;text-decoration:underline;
  text-decoration-color:var(--rule);text-decoration-thickness:1px}
.uob-c:hover .uob-c__t{color:var(--flag);text-decoration-color:var(--flag)}
.uob-c__d{font-size:14px;line-height:1.45;color:var(--ink2)}
.uob-c__m{margin-top:auto;padding-top:8px;font-size:11.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink3);font-weight:500;border-top:1px solid var(--hair)}

/* ---------- 14. Витрина-гроссбух ---------- */
/* Обёртка — одна на страницу; внутри может лежать две группы (общий рейтинг и
   донорский список того же раздела), сноска о методе одна на обёртку. */
.uob-lg-wrap{margin:0 0 32px}
.uob-lg-wrap .uob-lg:last-of-type{margin-bottom:0}
.uob-lg-wrap .uob-lg + .uob-lg{margin-top:26px}
.uob-lg{margin:0 0 32px}
.uob-lg__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;
  border-bottom:2px solid var(--night);padding-bottom:8px;margin-bottom:0}
.uob-lg__h h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;border:0;padding:0}
.uob-lg__h .uob-lg__n{margin-left:auto;font-size:12px;letter-spacing:.09em;color:var(--ink3);
  text-transform:uppercase;font-weight:500}
.uob-lg-row{display:grid;grid-template-columns:156px minmax(0,1fr) 98px 136px;gap:0 16px;
  align-items:center;padding:18px 0;border-bottom:1px solid var(--hair)}
.uob-lg-row:last-child{border-bottom:1px solid var(--rule)}
/* ⛔ Плитка высокая намеренно: 28 знаков из 36 — квадрат 270×270, а квадрат в
   плитке-полосе рисуется по её ВЫСОТЕ. На полосе 176×66 длинная сторона выходила
   50 px против требуемых 100 (владелец, 25.09.2026).
   Пропорции — компромисс между квадратом и полосой 3,4:1 (у /top/ все знаки такие):
   поле знака 134×106 держит и пол 100 px для квадрата (по высоте 106), и долю площади
   для полосы (134/(3,4·106) = 37 % при норме ≥35). Сузить поле до квадрата — уронить
   площадь полос до 31 %, растянуть в полосу — уронить квадраты до 50 px. */
.uob-plate{background:#fff;border:1px solid var(--hair);height:124px;display:flex;
  align-items:center;justify-content:center;padding:8px 10px;text-decoration:none}
/* Размер задаётся полем, а не интринсиком: после срезки полей мастер cafe стал
   114×87 и при `width:auto` рисовался КАК ЕСТЬ — 73 % поля вместо 75+. */
.uob-plate img{width:100%;height:106px;object-fit:contain}
.uob-plate--t{font-weight:700;font-size:16px;letter-spacing:.02em;text-align:center;
  color:var(--ink)}
.uob-c__plate{background:#fff;border:1px solid var(--hair);height:56px;display:flex;
  align-items:center;justify-content:center;padding:6px 10px;align-self:flex-start;
  min-width:120px}
.uob-c__plate img{max-height:42px;width:auto;object-fit:contain}
.uob-feed{margin:0}
.uob-op__n{font-weight:700;font-size:17px;line-height:1.2;margin:0 0 4px}
.uob-op__l{font-size:13px;color:var(--ink2);line-height:1.4;margin:0}
.uob-chips{display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:6px}
.uob-chip{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:500;
  border:1px solid var(--rule);padding:2px 6px;color:var(--ink2);white-space:nowrap}
.uob-score{border:1px solid var(--night);text-align:center;padding:5px 4px 4px;
  line-height:1}
.uob-score b{display:block;font-size:24px;font-weight:700}
/* ⚠️ Только ПРЯМОЙ ребёнок: номер позиции лежит в <b>#<span itemprop="position">1</span></b>,
   и общий `.uob-score span` уводил цифру на свою строку кеглем 9,5 px — на витрине
   стоял «#» крупно, а «1» подписью под ним. */
.uob-score>span{display:block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink3);margin-top:3px}
.uob-score b span{font:inherit;letter-spacing:inherit;text-transform:none;color:inherit}
/* ⚠️ `.uob-page a` весомее одного класса, поэтому у кнопки цвет задаётся вместе с
   ним: иначе белая надпись превращается в чернильную на красном — контраст 2,70. */
.uob-page a.uob-cta,.uob-cta{display:block;text-align:center;background:var(--flag);
  color:#fff;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.09em;
  text-transform:uppercase;padding:12px 10px;border:1px solid var(--flag)}
.uob-page a.uob-cta:hover,.uob-cta:hover{background:var(--flag-d);
  border-color:var(--flag-d);color:#fff}
.uob-page a.uob-cta--gh,.uob-cta--gh{background:transparent;color:var(--ink);
  border-color:var(--night)}
.uob-page a.uob-cta--gh:hover,.uob-cta--gh:hover{background:var(--night);color:#fff;
  border-color:var(--night)}
/* Кнопка, стоящая отдельным блоком в тексте обзора: по ширине надписи, а не во всю
   колонку в 888 px — растянутая на всю строку она читается как конец страницы. */
.uob-page a.uob-cta--in,.uob-cta--in{display:inline-block;width:auto;
  padding:11px 24px;margin:0 8px 20px 0}
.uob-lg__ft{margin-top:10px;font-size:12px;color:var(--ink3);letter-spacing:.04em}

/* ---------- 15. Таблицы (§8) ---------- */
/* .uob-tw — живая ветка генератора: таблицу с двумя и более CTA `/go/`, которую
   `build_ledger` пересобрать не смог, `uob_build.py:769` оборачивает этим блоком.
   На нынешнем корпусе ветка не сработала ни разу (все витрины пересобраны), разметки
   с классом нет — правило оставлено под неё, а не по забывчивости (C09.31). */
.uob-tw{margin:1.6em 0}
.uob-page table{width:100%;border-collapse:collapse;font-size:15.5px}
.uob-page th,.uob-page td{padding:10px 12px;border-bottom:1px solid var(--hair);
  text-align:left;vertical-align:top}
.uob-page thead th,.uob-page tr:first-child th{background:var(--night);color:#fff;
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  border-bottom:0}
.uob-page tbody tr:nth-child(even){background:#faf9f6}
.uob-page table td:last-child,.uob-page table th:last-child{text-align:right}

/* ---------- 16. Подпись/автор ---------- */
.uob-by{margin:34px 0 0;padding:16px 0 0;border-top:2px solid var(--night);
  display:flex;gap:14px;align-items:flex-start}
.uob-by__m{flex:0 0 auto;width:46px;height:46px;background:var(--night);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;
  letter-spacing:.06em}
.uob-by__t{font-size:14px;line-height:1.5;color:var(--ink2)}
.uob-by__t b{display:block;color:var(--ink);font-size:15px;letter-spacing:.02em}

/* ---------- 17. Рельс обзора ---------- */
/* Обзор с рельсом: 888 + 24 + 208 = 1120, ровно ширина шапки и подвала — блок не
   вылезает за полосу каркаса, а контентная колонка остаётся той же, что на хабах. */
.uob-with-rail{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:var(--g);
  max-width:var(--wide);margin:0 auto 40px;align-items:start}
.uob-with-rail .uob-sheet{max-width:none}
.uob-rail{display:flex;flex-direction:column;gap:18px;position:sticky;top:14px}
.uob-rail__b{background:var(--paper);border:1px solid var(--rule);padding:14px 16px 16px}
.uob-rail__b>h2,.uob-rail__b>.h1,.uob-rail__b>p.h1{margin:0 0 10px;font-size:12.5px;
  font-weight:700;letter-spacing:.11em;text-transform:uppercase;border:0;padding:0 0 8px;
  border-bottom:2px solid var(--night)}
.uob-rail ul{list-style:none;margin:0;padding:0;font-size:14.5px}
.uob-rail li{padding:7px 0;border-bottom:1px solid var(--hair);line-height:1.35}
.uob-rail li:last-child{border-bottom:0}
.uob-rail img{max-height:30px;width:auto}

/* ---------- 18. Подвал ---------- */
.uob-ft{background:var(--night);color:#b9bec6;margin-top:44px;font-size:15px}
.uob-ft a{color:#e9ebee;text-decoration-color:rgba(233,235,238,.3)}
.uob-ft a:hover{color:#fff;text-decoration-color:#fff}
.uob-ft__trust{border-bottom:1px solid #2e333b}
.uob-ft__trust .uob-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px var(--g);padding:26px var(--pad)}
.uob-tr{display:flex;gap:12px;align-items:flex-start}
.uob-tr svg{flex:0 0 auto;width:24px;height:24px;color:#fff}
.uob-tr b{display:block;color:#fff;font-size:13px;letter-spacing:.09em;text-transform:uppercase;
  margin-bottom:4px}
.uob-tr span{font-size:14px;line-height:1.45}
.uob-ft__cols .uob-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:24px var(--g);padding:28px var(--pad)}
.uob-ft__cols h2{margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:#fff;border:0;padding:0}
.uob-ft__cols ul{list-style:none;margin:0;padding:0;font-size:14.5px}
.uob-ft__cols li{margin:0 0 7px;line-height:1.4}
.uob-ft__val{border-top:1px solid #2e333b;border-bottom:1px solid #2e333b}
.uob-ft__val .uob-wide{padding:22px var(--pad)}
.uob-ft__val p{margin:0;font-size:15px;line-height:1.6;max-width:78ch}
.uob-ft__val b{color:#fff}
.uob-ft__badges{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;
  padding:18px 0 0;margin:0}
.uob-ft__badges a{display:inline-flex;align-items:center;gap:8px;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500;border:1px solid #3c424b;
  padding:7px 11px;text-decoration:none}
.uob-ft__badges a:hover{border-color:#fff}
.uob-ft__badges img{max-height:22px;width:auto}
.uob-ft__bot{border-top:1px solid #2e333b;font-size:13px;line-height:1.55;color:#8b9199}
.uob-ft__bot .uob-wide{padding:18px var(--pad) 26px}
.uob-ft__bot p{margin:0 0 6px}

/* ---------- 19. Классы донора (§15b) ---------- */
.uob-page .maindiv{max-width:none;padding:0;margin:0}
.uob-page .maindiv>.header,.uob-page .maindiv>.menu,.uob-page .maindiv>.dropdown.mmenu,
.uob-page .maindiv>.clear,.uob-page .awareLogos,.uob-page #menu-footer,
.uob-page #scroll-to-top,.uob-page #subscribe-form-target{display:none!important}
.uob-page .maindiv>.content{padding:0}
.uob-page .clear,.uob-page .clearfix{clear:both}
.uob-page .entry,.uob-page .gog,.uob-page .gog_wraper_content,.uob-page .text_holder,
.uob-page .gog_wrapper{margin:0}
.uob-page .main_title,.uob-page .gog>.title{font-size:27px;line-height:1.2;font-weight:700;
  margin:1.9em 0 .55em;padding-bottom:.32em;border-bottom:1px solid var(--rule)}
.uob-page .main_title img,.uob-page .title img{display:none}
.uob-page .main_title h2,.uob-page .gog>.title h2{margin:0;border:0;padding:0;font-size:inherit}
.uob-page .gog_region1,.uob-page .gog_region2,.uob-page .gog_region3,.uob-page .gog_region4,
.uob-page .gog_cc,.uob-page .gog_fp,.uob-page .gog_sb,.uob-page .gog_casino,.uob-page .gog_poker,
.uob-page .gog_hr,.uob-page .gog_bingo{margin:0 0 1.3em}
.uob-page .gog_btn a,.uob-page .btn-buy,.uob-page a.btn-buy{display:inline-block;
  background:var(--flag);color:#fff;text-decoration:none;font-weight:700;font-size:13px;
  letter-spacing:.09em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--flag)}
.uob-page .gog_btn a:hover,.uob-page .btn-buy:hover{background:var(--flag-d);
  border-color:var(--flag-d);color:#fff}
.uob-page .logo_wrapper{display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--hair);min-height:60px;padding:6px}
.uob-page .logo_wrapper img{max-height:48px;width:auto}
.uob-page .ranking_table_default th{background:var(--night);color:#fff}
.uob-page .author-review-box,.uob-page #author-review-comments{margin:34px 0 0;
  padding:16px 0 0;border-top:2px solid var(--night);font-size:14px;color:var(--ink2)}
.uob-page .author-review-box img,.uob-page #author-review-comments img{display:none}
.uob-page .internal_anchor{scroll-margin-top:16px}
.uob-page .sticky-toc-wrapper,.uob-page .sticky-toc{position:static!important;
  margin:0 0 28px;border:1px solid var(--rule);background:var(--tint);padding:14px 16px}
.uob-page .sticky-toc ul,.uob-page .sticky-toc ol{margin:0;padding-left:1.2em;font-size:15.5px}
.uob-page .sticky-toc a{color:var(--ink2)}
.uob-page .table-details{width:100%;margin:1.6em 0}
.uob-page .table-details .label{background:transparent;color:var(--ink3);font-size:11.5px;
  letter-spacing:.09em;text-transform:uppercase;font-weight:500;padding:0;border-radius:0}
.uob-page .product-rating{font-weight:700;font-size:20px;border:1px solid var(--night);
  display:inline-block;padding:4px 10px;line-height:1.1}
.uob-page .price-hint{font-size:13px;color:var(--ink3)}
.uob-page .left-side{padding:0}
.uob-page .swiper-wrapper,.uob-page .swiper-container,.uob-page .swiper{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--hair);
  border:1px solid var(--hair);transform:none!important;width:auto!important;
  overflow:visible!important}
.uob-page .swiper-slide{width:auto!important;background:#fff;padding:10px;
  display:flex;align-items:center;justify-content:center;min-height:82px}
.uob-page .swiper-slide img{max-height:60px;width:auto}
.uob-page .swiper-button-next,.uob-page .swiper-button-prev,.uob-page .swiper-pagination{
  display:none!important}
.uob-page .items,.uob-page .list-unstyled{list-style:none;padding-left:0}
.uob-page .widget{margin:0}
.uob-page .img-responsive{max-width:100%;height:auto}
.uob-page .well,.uob-page .panel{background:var(--tint);border:1px solid var(--rule);
  padding:16px 18px;margin:1.6em 0;border-radius:0}
.uob-page .alert{background:var(--tint);border-left:3px solid var(--flag);padding:14px 16px;
  margin:1.6em 0;border-radius:0}
.uob-page .btn,.uob-page button.btn{border-radius:0;font-family:inherit}
.uob-page [class*=" fa-"],.uob-page [class^="fa-"],.uob-page .fa,.uob-page .fas,
.uob-page .far,.uob-page .glyphicon{font-family:inherit!important;font-style:normal;
  speak:none}
.uob-page [class*=" fa-"]:empty::before,.uob-page [class^="fa-"]:empty::before,
.uob-page .glyphicon:empty::before{content:"\2014";color:var(--rule)}
.uob-page .fa-check:empty::before,.uob-page .fa-check-circle:empty::before,
.uob-page .fa-plus:empty::before{content:"\2713";color:var(--ok)}
.uob-page .fa-times:empty::before,.uob-page .fa-minus:empty::before,
.uob-page .fa-times-circle:empty::before{content:"\2715";color:var(--flag)}
.uob-page .fa-star:empty::before,.uob-page .fa-star-o:empty::before{content:"\2605";
  color:var(--flag)}
.uob-page .fa-angle-right:empty::before,.uob-page .fa-chevron-right:empty::before,
.uob-page .fa-caret-right:empty::before{content:"\203A"}
.uob-page .fa-angle-down:empty::before,.uob-page .fa-chevron-down:empty::before,
.uob-page .fa-caret-down:empty::before{content:"\2304"}

/* ---------- 20. Голая разметка донора: гасим bootstrap-сетку ---------- */
.uob-page .container,.uob-page .container-fluid{width:auto;max-width:none;
  padding-left:0;padding-right:0;margin:0}
.uob-page .row{margin-left:0;margin-right:0}
.uob-page [class^="col-"],.uob-page [class*=" col-"]{width:auto;float:none;
  padding-left:0;padding-right:0}
.uob-page .pull-right,.uob-page .pull-left{float:none}
.uob-page .hidden-lg,.uob-page .hidden-md,.uob-page .visible-xs,.uob-page .visible-sm{
  display:none!important}

/* ---------- 20. Фотослой и схемы ---------- */
/* Кадры лежат на полотне, поэтому у каждого волосяная рамка — без неё светлое небо
   сливается с --canvas. Отношение сторон задано в width/height у <img>, место под
   картинку занято до загрузки и ничего не «прыгает». */
/* Герой — по ШИРИНЕ КОНТЕНТА (888), а не по ширине шапки: «одна ширина контента
   на весь сайт» ([[DESIGN-ELEMENTS]] §1). При 1120 подпись под фото оказывалась
   самым широким абзацем страницы, и R13 честно ругался: «витрина уже контента». */
.uob-hero{max-width:var(--w);margin:0 auto 18px}
.uob-hero img{width:100%;height:auto;border:1px solid var(--rule)}
/* ⚠️ Кредит отбивается МАРДЖИНОМ: прямым ребёнком без отступа он валит R7 «текст у края». */
.uob-hero__cr,.uob-fig__cr{display:block;margin:8px 0 0;font-size:12px;line-height:1.4;
  color:var(--ink3);letter-spacing:.01em}
/* ⚠️ margin:0 0 26px здесь обнулял бы `margin:0 auto` у .uob-col — лид уезжал к левому
   краю, а лист оставался по центру. Горизонталь пишем auto явно. */
.uob-lead{margin:0 auto 26px}
/* Лид — полоса, а не портрет: кадр 1.6 на ширине 888 занимал 555 px и сдвигал текст
   за первый экран. Кроп даётся тем же файлом (aspect-ratio + object-position). */
.uob-fig--lead img{aspect-ratio:2.4/1;height:auto;object-fit:cover;object-position:50% 45%}
.uob-fig{margin:0}
.uob-fig img{width:100%;height:auto;border:1px solid var(--rule)}
.uob-fig figcaption{margin:9px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink3)}
.uob-fig__cr{margin:3px 0 0;font-size:12px}
/* Врезка живёт внутри листа: рамка та же, поля — по строке набора. */
.uob-fig--in{margin:28px 0}
/* Врезка не должна забирать экран целиком: тот же файл, но кадр плоский. */
.uob-fig--in img{aspect-ratio:2/1;height:auto;object-fit:cover;object-position:50% 45%}
.uob-fig--in figcaption{border-left:2px solid var(--flag);padding-left:10px}

/* Схема пути денег — рисунок кодом поверх платёжных таблиц. Цифр в ней нет:
   сроки у каждого метода свои и стоят в таблице страницы (правило 5). */
.uob-flow{background:var(--tint);border:1px solid var(--rule);padding:18px 20px 16px;
  margin:28px 0}
/* ⚠️ `.uob-body h2` весомее одного класса — без тега в селекторе надзаголовок схемы
   рисовался кеглем 22 px, как обычный заголовок раздела. */
.uob-flow h2.uob-flow__h{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink2)}
.uob-flow__l{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.uob-flow__s{position:relative;background:var(--paper);border:1px solid var(--hair);
  padding:12px 12px 11px;counter-increment:uob-flow}
.uob-flow__s+.uob-flow__s::before{content:"";position:absolute;left:-11px;top:50%;
  width:8px;height:8px;margin-top:-4px;border-top:2px solid var(--rule);
  border-right:2px solid var(--rule);transform:rotate(45deg)}
.uob-flow__i{display:flex;align-items:center;gap:8px;color:var(--flag);margin:0 0 7px}
.uob-flow__i svg{width:21px;height:21px}
.uob-flow__i::after{content:counter(uob-flow);font-size:11px;font-weight:700;
  letter-spacing:.1em;color:var(--ink3)}
.uob-flow__s b{display:block;font-size:15px;line-height:1.2}
.uob-flow__s span:last-child{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;
  color:var(--ink3)}
.uob-flow__l{counter-reset:uob-flow}
.uob-flow__n{margin:13px 0 0;font-size:13px;line-height:1.5;color:var(--ink2)}

/* ── 21. Лента блога, врезка источников и связанные страницы ───────────────── */
.uob-feed{margin:0 auto 30px}
.uob-fd__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-bottom:2px solid var(--ink);padding-bottom:8px;margin:0 0 16px}
.uob-fd__h h2{margin:0;font-size:20px;line-height:1.15}
.uob-fd__h span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.uob-fd__l{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);
  border:1px solid var(--rule)}
/* Нечётное число постов — последняя карточка на всю строку, иначе полстроки серого. */
.uob-fd__l > :last-child:nth-child(2n+1){grid-column:span 2}
.uob-page a.uob-fd__c{display:block;background:var(--paper);padding:14px 16px 15px;
  text-decoration:none;color:inherit}
.uob-page a.uob-fd__c:hover{background:var(--tint)}
.uob-fd__m{display:flex;align-items:baseline;gap:9px;margin:0 0 6px}
.uob-fd__tag{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--flag)}
.uob-fd__m time{font-size:12px;color:var(--ink3)}
.uob-fd__t{display:block;font-size:17px;line-height:1.25;font-weight:700;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.uob-fd__d{display:block;margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink2)}
/* Контейнер автопостинга: анонс робота приходит как <div><h4><a>…</a></h4><p>…</p></div>
   и обязан выглядеть роднёй карточкам выше, а не вставкой из другого шаблона. */
.uob-wire:not(:empty){margin:16px 0 0;border:1px solid var(--rule);border-left:3px solid var(--flag);
  background:var(--paper);padding:4px 16px 6px}
.uob-wire h4{margin:12px 0 4px;font-size:16px;line-height:1.25}
.uob-wire p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.uob-fd__th{margin:26px 0 0}
.uob-fd__th h2{font-size:18px;margin:0 0 10px}
.uob-fd__th h3{font-size:15px;margin:16px 0 5px}
.uob-fd__th p{margin:0 0 6px;font-size:14px;line-height:1.55}
.uob-fd__ln{font-size:13px;line-height:1.6;color:var(--ink3)}
.uob-src{background:var(--tint);border:1px solid var(--rule);padding:16px 18px 14px;margin:30px 0 0}
.uob-src h2{margin:0 0 8px;font-size:15px;letter-spacing:.02em}
.uob-src__n{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--ink2)}
.uob-src ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.65}
/* .uob-src__u — живая ветка генератора: источник, чей адрес отдаётся только по http://,
   печатается текстом, а не ссылкой (`uob_blog.py:414`). У нынешних 16 статей все документы
   на https, поэтому разметки с классом нет — правило под ветку, не мёртвое (C09.31). */
.uob-src__u{color:var(--ink3);word-break:break-all}
/* Адрес внешнего ресурса в каталоге: у донора он стоял голым URL курсивом сразу под
   заголовком раздела. Строка служебная, поэтому мельче текста и без подчёркивания до
   наведения — иначе она спорит с заголовком за внимание. */
.uob-rl{margin:-4px 0 12px;font-size:13.5px;letter-spacing:.02em}
.uob-page .uob-rl a,.uob-rl a{text-decoration:none;border-bottom:1px solid var(--rule);
  color:var(--ink3)}
.uob-page .uob-rl a:hover{color:var(--flag);border-bottom-color:var(--flag)}
.uob-rel{margin:22px 0 0;border-top:1px solid var(--rule);padding:14px 0 0}
.uob-rel h2{margin:0 0 8px;font-size:15px;letter-spacing:.02em}
.uob-rel ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.7}
/* Кнопка /go/ в конце статьи блога (п. 09.27в): одна строка «кнопка + пояснение»,
   на телефоне пояснение уходит под кнопку. Кнопка — общий .uob-cta--in. */
.uob-rel__go{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:14px 0 0}
.uob-rel__go span{font-size:13px;line-height:1.5;color:var(--ink3);flex:1 1 220px}
.uob-rel__go .uob-cta--in{margin:0}

/* ── 22. Обзор оператора: карточка бренда и «за/против» ────────────────────── */
/* Карточка стоит первым блоком листа вместо донорской WooCommerce-плашки. Плитка
   знака та же, что в витрине (один класс .uob-plate на сайт), номер — из витрины. */
.uob-oc{border:1px solid var(--rule);border-top:3px solid var(--flag);background:var(--paper);
  padding:18px 20px 16px;margin:0 0 26px}
.uob-oc__top{display:grid;grid-template-columns:156px minmax(0,1fr) 98px;gap:0 18px;
  align-items:center}
.uob-oc__id{min-width:0}
.uob-oc__n{margin:0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.01em}
.uob-oc__k{margin:4px 0 0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink3)}
/* Оффер — строка-факт, а не баннер: подпись капителью, сумма своим кеглем. */
.uob-oc__o{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  margin:16px 0 0;padding:11px 16px;background:var(--tint);border:1px solid var(--hair)}
.uob-oc__o span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3)}
.uob-oc__o b{font-size:19px;line-height:1.25}
.uob-oc__spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);margin:14px 0 0}
/* Клетка спеки: 16px по горизонтали, а не 14 — текст в клетке отбит от грани самого
   списка на 1px рамки + падинг, и при 14px зазор выходит 15px против нормы гейта ≥16
   (padding-гейт, /reviews/20bet/ и /reviews/bovada/ @1440 и @1024). */
.uob-oc__spec>div{background:var(--paper);padding:9px 16px 10px}
.uob-oc__spec dt{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink3);font-weight:700}
.uob-oc__spec dd{margin:2px 0 0;font-size:15.5px}
.uob-oc .uob-cta{margin:16px 0 0}
.uob-oc__ft{margin:9px 0 0;font-size:12px;color:var(--ink3);letter-spacing:.03em}
/* «За» и «против»: подписи капителью, верхняя грань колонки в свой цвет (DESIGN §9). */
.uob-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g);
  margin:26px 0}
.uob-pc__c{border:1px solid var(--rule);background:var(--paper);padding:14px 16px 12px}
.uob-pc__c--p{border-top:3px solid var(--ok)}
.uob-pc__c--m{border-top:3px solid var(--flag)}
.uob-pc__c h3{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink2)}
.uob-pc__c ul{margin:0;padding:0;list-style:none;font-size:15.5px;line-height:1.55}
.uob-pc__c li{position:relative;padding:0 0 0 22px;margin:0 0 7px}
.uob-pc__c li:last-child{margin-bottom:0}
.uob-pc__c li::before{position:absolute;left:0;top:-1px;font-weight:700;font-size:17px}
.uob-pc__c--p li::before{content:"+";color:var(--ok)}
.uob-pc__c--m li::before{content:"\2212";color:var(--flag)}

/* ---------- 21. Мобилка ---------- */
@media (max-width:900px){
  :root{--pad:14px;--sheet:16px;--g:18px}
  .uob-nav__in{justify-content:flex-start;padding:0 var(--pad)}
  /* min-height:44px — палец, а не курсор: и у кнопки меню, и у каждой ссылки в нём. */
  .uob-burger{width:100%;padding:11px 0;background:none;border:0;min-height:46px;
    font:700 13px/1.2 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--ink);
    text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}
  .uob-burger::before{content:"";width:18px;height:2px;background:var(--ink);
    box-shadow:0 5px 0 var(--ink),0 -5px 0 var(--ink)}
  .uob-nav__l{display:none;width:100%;flex-direction:column;padding-bottom:10px}
  .uob-burger__b:checked~.uob-nav__l{display:flex}
  .uob-nav__l>li>a{display:flex;align-items:center;min-height:46px;padding:11px 0;
    border-bottom:1px solid var(--hair);border-left:3px solid transparent}
  .uob-nav__l>li>a:hover,.uob-nav__l>li:focus-within>a{border-bottom-color:var(--hair);
    border-left-color:var(--flag)}
  .uob-nav__l>li.is-here>a{border-left-color:var(--night)}
  .uob-dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;border-left:1px solid var(--rule);margin:0 0 6px 10px;min-width:0;padding:0}
  .uob-dd li+li a{border-top:0}
  .uob-dd a{display:flex;align-items:center;min-height:44px;padding:8px 12px;
    font-size:14.5px;color:var(--ink2)}
  .uob-mast .uob-wide{padding:18px var(--pad) 15px}
  .uob-mark__t{font-size:23px}
  .uob-mark__sign{width:32px;height:32px}
  .uob-tag{font-size:11.5px;letter-spacing:.09em}
  .uob-page h1{font-size:29px}
  .uob-deck{font-size:17px}
  .uob-body h2,.uob-page .main_title,.uob-page .gog>.title{font-size:22px}
  .uob-body h3{font-size:19px}
  .uob-date{margin-left:0}
  .uob-with-rail{grid-template-columns:minmax(0,1fr)}
  .uob-rail{position:static}
  .uob-lg-row{grid-template-columns:138px minmax(0,1fr);gap:8px 12px;padding:16px 0;
    align-items:start}
  .uob-lg-row .uob-plate{height:112px;padding:6px 8px}
  .uob-lg-row .uob-plate img{height:98px}
  .uob-lg-row .uob-score{grid-column:1;justify-self:start;padding:4px 10px;
    display:flex;align-items:baseline;gap:8px}
  .uob-lg-row .uob-score b{font-size:19px}
  .uob-lg-row .uob-score span{margin-top:0}
  .uob-lg-row .uob-cta{grid-column:2;align-self:center}
  .uob-page table,.uob-page thead,.uob-page tbody,.uob-page tr,.uob-page th,.uob-page td{
    display:block}
  .uob-page thead,.uob-page tr:first-child>th{display:none}
  .uob-page tbody tr{border:1px solid var(--rule);margin:0 0 12px;background:#fff!important}
  .uob-page tbody td{border-bottom:1px solid var(--hair);padding:9px 12px;text-align:left!important}
  .uob-page tbody td:last-child{border-bottom:0}
  .uob-page tbody td[data-l]::before{content:attr(data-l);display:block;font-size:11px;
    letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);font-weight:700;
    margin-bottom:3px}
  .uob-page .table-responsive{overflow:visible;border:0}
  /* ⚠️ Полоса 3.2:1 на телефоне схлопывается в ленту высотой 120 px. Более высокий
     кроп даётся ТЕМ ЖЕ файлом через aspect-ratio + object-position, а не вторым. */
  .uob-hero img{aspect-ratio:16/10;height:auto;object-fit:cover;object-position:50% 45%}
  .uob-hero{margin-bottom:14px}
  .uob-lead{margin-bottom:20px}
  .uob-fig--in{margin:22px 0}
  .uob-flow{padding:14px 14px 12px;margin:22px 0}
  .uob-flow__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .uob-flow__s+.uob-flow__s::before{display:none}
  .uob-fd__l{grid-template-columns:1fr}
  .uob-fd__l > :last-child{grid-column:auto}
  .uob-fd__h{flex-direction:column;gap:2px}
  .uob-src{padding:14px 14px 12px}
  /* Плитка + имя рядом на телефоне не помещаются (DESIGN §9): имя уходит под знак,
     номер встаёт рядом с плиткой, а не третьей колонкой в 98 px. */
  .uob-oc{padding:14px 14px 13px}
  .uob-oc__top{grid-template-columns:132px minmax(0,1fr);gap:0 14px}
  .uob-oc__id{grid-column:1/-1;margin-top:10px}
  .uob-oc__n{font-size:22px}
  .uob-oc__spec{grid-template-columns:1fr}
  .uob-pc{grid-template-columns:1fr;gap:14px;margin:22px 0}
  /* Две колонки — значит и хвост считается по двум: правила на 3n снимаются. */
  .uob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uob-grid > :last-child:nth-child(3n+1),
  .uob-grid > :last-child:nth-child(3n+2){grid-column:auto}
  .uob-grid > :last-child:nth-child(2n+1){grid-column:span 2}
}
@media (max-width:600px){
  .uob-page h1{font-size:26px}
  .uob-grid{grid-template-columns:1fr}
  .uob-grid > :last-child{grid-column:auto}
  .uob-strip .uob-wide{justify-content:flex-start}
  .uob-strip__l{display:none}
}
@media print{.uob-nav,.uob-strip,.uob-ft__cols{display:none}}