/* «Направления»: B (утверждён) — правки; C «Список и кодекс» · D «Мозаика плиток» · E «Два списка».
   A и базовые стили B — в sections.css. Блок светлый (.sec--light). */

/* ---------- B: правки заказчика ---------- */
/* «Также:» — подпись, а не кнопка (перебивало правило .chips span из формы) */
.areas-b .chips .chips__l { display: inline; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; font-weight: 500; color: var(--ink-2); }
/* карточки одной высоты во всех рядах; вся карточка — ссылка */
@media (min-width: 640px) { .acards { grid-auto-rows: 1fr; } }
.acard { cursor: pointer; }
.acard h3 { transition: color 250ms ease; }
@media (hover: hover) and (pointer: fine) { .acard:hover h3 { color: var(--gold-lo); } }
/* тёмная колонка «Бизнесу» мягче по контрасту */
.ab__biz { background: color-mix(in srgb, var(--g8) 88%, var(--haze)); }
.ab__list a { border-top-color: var(--line-d); color: var(--t-d); }
.ab__bt { color: var(--t-d); }
/* 01.10: отступы чуть меньше */
.ab__grid { gap: var(--s5); }
.ab__group { margin-bottom: var(--s3); }
@media (min-width: 640px) { .acards { gap: var(--s4); } .acard { padding: var(--s5) var(--s4) var(--s5) var(--s5); row-gap: var(--s2); } }
@media (min-width: 1024px) { .ab__biz { padding: var(--s6) var(--s5); } }
.chips { margin-top: var(--s4); }

/* 05.11, заказчик (вариант A): «Направления» на телефоне — плитки по 3 в ряд: значок и одно-два слова.
   Полные названия — на компьютере и на самих страницах; на телефоне — короткие (.acard__s, .ss) */
.acard__s, .ab .ss, .chips .ss, .ab__list .ss, .dir-ic { display: none; }
.chips a .sl, .chips a .ss { min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; transition: none; }   /* 06.11: без второй рамки (.chips span из формы) */
@media (max-width: 599px) {
  .acards, .chips, .ab__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; border: 0; }   /* 06.11, заказчик: 3 колонки, название в две строки */
  .chips { margin-top: 6px; }
  .chips .chips__l, .areas-b .chips .chips__l { display: none; }
  .acard, .chips a, .ab__list a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: auto; min-height: 92px; width: auto;
    padding: 10px 3px; border: 1px solid var(--line-l); border-radius: 12px; background: color-mix(in srgb, #FFFFFF 55%, transparent); box-shadow: none;
    text-align: center; font: 500 .75rem/1.25 var(--f-sans); color: var(--ink); text-decoration: none; }   /* 06.11, заказчик: текст меньше — 12 px */
  .acard::after, .chips a::after { display: none; }
  .acard h3, .acard p, .acard__go, .chips .sl, .ab__list .sl, .ab__list a > svg:not(.dir-ic) { display: none; }
  .acard__i, .dir-ic { display: block; flex: none; width: 22px; height: 22px; color: var(--gold-lo); stroke-width: 1.25; }
  .acard__s, .chips .ss, .ab__list .ss { display: block; width: 100%; min-width: 0; hyphens: manual; }   /* 06.11, заказчик: полные названия, без сокращений и переносов по слогам */
  .chips a .ss, .areas-b .chips a .ss { min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; font: inherit; color: inherit; }   /* .chips span из формы давал пилюлю */
  .ab__biz { padding: 0; background: none; border: 0; box-shadow: none; }
  .ab__biz > svg, .ab__biz > .i { display: none; }
  .ab .more { margin-top: var(--s3); }
}

/* 05.11, заказчик: «Направления» на телефоне — вкладки «Частным лицам | Бизнесу», видна одна группа */
.ab__seg { display: none; }
@media (max-width: 599px) {
  .ab__seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: var(--s4); padding: 4px; border: 1px solid var(--line-l); border-radius: var(--r-pill); }
  .ab__seg button { min-height: 44px; border-radius: var(--r-pill); font-weight: 500; color: var(--t-d2); transition: background-color .25s, color .25s; }
  .ab__seg button[aria-selected="true"] { background: var(--gold); color: var(--ink); }
  .ab__grid[data-show="private"] .ab__biz, .ab__grid[data-show="biz"] .ab__private { display: none; }
  .ab__group, .ab__bt { display: none; }
}
@media (max-width: 359px) { .acards, .chips, .ab__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }   /* 320 px: «Административные» в треть не влезает */