/* khakassk.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Табличная вёрстка: внешние таблицы 980/960px, колонки 195 | 470 | 225. Все правила только внутри
   @media (max-width:768px); десктоп (>768px) этот файл не читает. */
@media screen and (max-width:768px){
  /* внешние таблицы 980/960 и их ячейки → блоки на всю ширину, высоты (238/59 под картинки шапки) — по контенту */
  table[width="980"],table[width="960"],table[width="980"]>tbody,table[width="960"]>tbody,table[width="980"]>tbody>tr,table[width="960"]>tbody>tr,table[width="980"]>tbody>tr>td,table[width="960"]>tbody>tr>td{display:block;width:auto!important;height:auto!important;max-width:100%;box-sizing:border-box}
  /* таблицы контента 470/100% → блоки по ширине экрана, высоты-распорки оставляем */
  table[width="470"],table[width="100%"],table[width="470"]>tbody,table[width="100%"]>tbody,table[width="470"]>tbody>tr,table[width="100%"]>tbody>tr,table[width="470"]>tbody>tr>td,table[width="100%"]>tbody>tr>td{display:block;width:auto!important;max-width:100%;box-sizing:border-box}
  /* строка «сайдбар 195 | контент 470 | правая колонка 225» → столбик, контент первым */
  table[width="980"]>tbody>tr{display:flex;flex-direction:column}
  table[width="980"]>tbody>tr>td[width="470"]{order:-1}
  /* пустые распорки и декоративные уголки главной строки (20/10/30 px) */
  table[width="980"]>tbody>tr>td[width="20"],table[width="980"]>tbody>tr>td[width="10"],table[width="980"]>tbody>tr>td[width="30"]{display:none}
  table{max-width:100%}
  /* шапка 980×238 и прочие картинки — в экран, пропорции сохраняем; обтекаемые фото новостей (200px) — над текстом */
  img{max-width:100%;height:auto}
  div.maincontent img[align="left"],div.maincontent img[align="right"]{float:none;display:block;margin:0 auto 8px!important}
  /* длинные строки — переносить */
  div.maincontent,td{overflow-wrap:anywhere;word-wrap:break-word}
}