/* ============================================================
   NefteGaz.kz — redesign.css v1 · «Терминал и сталь»
   Палитра: Мазут #141B1F · Каспийская сталь #EDF0F1 · Сурик #BE3A2C
            Терминальный зелёный #3FCE8F · Труба (сталь) #67737B
   Шрифты:  дисплей — Bahnschrift / Avenir Next Condensed / Arial Narrow
            редакция — Georgia · данные — системный моноширинный
   Один файл: новые структурные классы + легаси-классы сниппетов.
   ============================================================ */
:root{
  --ink:#141B1F;            /* мазут — самый тёмный */
  --ink-2:#1B242A;          /* панель терминала */
  --ink-3:#27333B;          /* приподнятая поверхность на тёмном */
  --ink-line:#2C3941;       /* линии на тёмном */
  --page:#EDF0F1;           /* каспийская сталь — холодная бумага */
  --surface:#FFFFFF;
  --line:#D8DEE1;
  --line-soft:#E8ECEE;
  --text:#232D34;
  --muted:#67737B;          /* труба */
  --faint:#97A1A7;
  --red:#BE3A2C;            /* сурик */
  --red-deep:#9A2D21;
  --red-wash:#F6E9E7;
  --up:#178A57;
  --up-b:#3FCE8F;
  --down:#C74634;
  --amber:#E4A13F;
  --dark-txt:#E8ECED;
  --dark-muted:#93A2AA;
  --dark-faint:#7E8F98;
  --disp:"Bahnschrift","Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
  --ui:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,"Roboto Mono",monospace;
}

/* ---------- базис ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;background:var(--page);color:var(--text);font-family:var(--ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-family:var(--ui);font-weight:700;line-height:1.25;margin:0 0 14px;padding:0;}
h1{font-family:var(--serif);font-size:26px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;margin:12px 0 5px;}
p{margin:0 0 12px;}
a{color:var(--red);text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;}
a:hover{color:var(--red-deep);text-decoration:underline;}
a img{border:none;text-decoration:none;}
img,svg{max-width:100%;}
img{border:0;}
button,input,select,textarea{font-family:var(--ui);font-size:inherit;}
hr{border:0;border-top:2px solid var(--line-soft);margin:14px 0;}
blockquote{border:1px solid var(--line);border-left:3px solid var(--red);background:var(--surface);padding:12px 14px;margin:0 0 14px;font-family:var(--serif);}
time{font-family:var(--mono);font-variant-numeric:tabular-nums;}
::selection{background:var(--red);color:#fff;}
::-moz-selection{background:var(--red);color:#fff;}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.wrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px;}

/* ---------- легаси-хелперы (их выводят сниппеты — не удалять) ---------- */
.grey{color:var(--faint);}
span.error,span.red{color:var(--down);}
span.green{color:var(--up);}
.grey_fon{background:var(--page);border:1px solid var(--line);}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.pull-right{float:right;}
.textright{text-align:right;}
.paddingtop17{padding-top:17px;}
body .align_left{text-align:left;}
body .align_center{text-align:center;}
body .align_right{text-align:right;}
body .padding_top_3{padding-top:3px;}
body .padding_top_5{padding-top:5px;}
body .padding_top_10{padding-top:10px;}
body .padding_top_15{padding-top:15px;}
body .padding_top_20{padding-top:20px;}
body .padding_top_25{padding-top:25px;}
body .padding_top_30{padding-top:30px;}
body .padding_bottom_3{padding-bottom:3px;}
body .padding_bottom_5{padding-bottom:5px;}
body .padding_bottom_10{padding-bottom:10px;}
body .padding_bottom_15{padding-bottom:15px;}
body .padding_bottom_20{padding-bottom:20px;}
body .padding_bottom_25{padding-bottom:25px;}
body .padding_bottom_30{padding-bottom:30px;}
.block5{width:5%;float:left;}
.block10{width:10%;float:left;}
.block15{width:15%;float:left;}
.block20{width:20%;float:left;}
.block25{width:25%;float:left;}
.block30{width:30%;float:left;}
.block35{width:35%;float:left;}
.block40{width:40%;float:left;}
.block45{width:45%;float:left;}
.block50{width:50%;float:left;}
.block55{width:55%;float:left;}
.block60{width:60%;float:left;}
.block65{width:65%;float:left;}
.block70{width:70%;float:left;}
.block75{width:75%;float:left;}
.block80{width:80%;float:left;}
.block85{width:85%;float:left;}
.block90{width:90%;float:left;}
.block95{width:95%;float:left;}
.block100{width:100%;}

/* ---------- сигнальная лента (маркировка трубопровода) ---------- */
.hazard{height:6px;background:repeating-linear-gradient(135deg,var(--red) 0 12px,var(--ink) 12px 24px);}

/* ---------- верхняя навигация (pdoMenu → ul.menu + Personalize) ---------- */
.topbar{background:var(--ink);}
#top_menu{display:flex;align-items:stretch;flex-wrap:wrap;min-height:42px;height:auto;background:none;font-size:13px;line-height:normal;color:#C4CDD2;}
#top_menu ul.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;flex:1;width:auto;float:none;text-align:left;}
#top_menu ul.menu li{display:flex;float:none;margin:0;padding:0;}
#top_menu ul.menu li a{display:flex;align-items:center;gap:8px;min-height:42px;height:auto;padding:0 15px;color:#C4CDD2;font-size:13px;font-weight:500;text-shadow:none;border:0;text-decoration:none;transition:background .15s,color .15s;}
#top_menu ul.menu li a:hover,#top_menu ul.menu li:hover a{background:rgba(255,255,255,.07);color:#fff;border:0;text-decoration:none;}
#top_menu ul.menu li.active a,#top_menu ul.menu li.active:hover a{background:rgba(255,255,255,.07);color:#fff;border:0;box-shadow:inset 0 -2px 0 var(--red);}
#top_menu ul.menu li.home a,#top_menu ul.menu li.home:hover a,#top_menu ul.menu li.active.home a{background:var(--red);color:#fff;box-shadow:none;height:auto;border:0;}
#top_menu ul.menu li.home a:hover{background:var(--red-deep);}
#top_menu ul.menu li.home a img{display:block;width:15px;height:auto;}
#registration_wrap{float:none;display:flex;align-items:stretch;margin-left:auto;padding:0;}
#registration_wrap ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;float:none;text-align:left;}
#registration_wrap ul li{display:flex;margin:0;padding:0;}
#registration_wrap ul li a{display:flex;align-items:center;min-height:42px;padding:0 15px;color:#C4CDD2;text-decoration:none;}
#registration_wrap ul li a:hover{background:rgba(255,255,255,.07);color:#fff;}
#registration_wrap .reg_link,#registration_wrap ul li:hover .reg_link{background:none;padding:0 15px;border:0;}
#registration_wrap ul li:hover .reg_link{background:rgba(255,255,255,.07);}
#registration_wrap .login,#registration_wrap ul li:hover .login{background:var(--red);color:#fff;text-shadow:none;border:0;font-family:var(--disp);font-stretch:92%;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;padding:0 18px;}
#registration_wrap ul li:hover .login,#registration_wrap .login:hover{background:var(--red-deep);}
.modalLink{cursor:pointer;}

/* ---------- шапка: логотип + силуэт НПЗ ---------- */
.masthead,#header_wrap{background:var(--surface);border-bottom:1px solid var(--line);position:relative;overflow:hidden;height:auto;box-shadow:none;margin-bottom:0;}
.masthead-in,#header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:auto;padding-top:20px;padding-bottom:20px;position:relative;}
.logo{display:flex;align-items:center;gap:14px;position:relative;z-index:1;float:none;margin:0;text-decoration:none;}
.logo:hover{text-decoration:none;}
.logo .mark{flex:none;}
.wordmark{display:flex;flex-direction:column;gap:3px;}
.wordmark .wm{font-family:var(--disp);font-stretch:88%;font-weight:800;font-size:30px;line-height:1;letter-spacing:.015em;color:var(--ink);text-transform:uppercase;}
.wordmark .wm i{font-style:normal;color:var(--red);}
.wordmark .ws{font-family:var(--disp);font-stretch:92%;font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);}
.skyline{position:absolute;right:0;bottom:-2px;height:88px;width:auto;pointer-events:none;}
.m-tagline{position:relative;z-index:1;font-family:var(--disp);font-stretch:92%;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);text-align:right;line-height:1.9;}
.m-tagline b{color:var(--red);font-weight:600;}

/* ---------- терминальное табло (getKotirovki → .padding_bottom_5 > .block75/.block25) ---------- */
.board{background:var(--ink);border-bottom:1px solid #000;color:var(--dark-txt);}
.board-in{display:flex;align-items:stretch;gap:0;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;row-gap:16px;}
.board .bgroup{flex:1 1 320px;min-width:260px;padding-right:30px;}
.board .bgroup + .bgroup{border-left:1px solid var(--ink-line);padding-left:30px;padding-right:0;}
.board .kotirovki{float:none;width:auto;margin:0;font-size:inherit;}
/* строки сниппета переворачиваем в стат-плитки: значение крупно сверху, подпись мелко снизу */
.board .bgroup{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:stretch;}
.board .padding_bottom_5{display:flex;flex-direction:column;padding:0;overflow:visible;}
.board .padding_bottom_5 .clear{display:none;}
.board .padding_bottom_5 .block25,.board .padding_bottom_5 .block40{order:1;width:auto;float:none;text-align:left;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:21px;line-height:1.1;color:#fff;white-space:nowrap;}
.board .padding_bottom_5 .block75,.board .padding_bottom_5 .block60{order:2;width:auto;float:none;max-width:190px;margin-top:4px;padding:0;font-size:10.5px;color:var(--dark-faint);line-height:1.35;letter-spacing:.02em;}
/* первая строка каждой группы — заголовок табло на всю ширину: шильдик с красной меткой слева, моно-дата справа */
.board .padding_bottom_5:first-child{flex:1 1 100%;width:100%;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink-line);margin-bottom:0;padding-bottom:9px;}
.board .padding_bottom_5:first-child .block75,.board .padding_bottom_5:first-child .block60{order:1;max-width:none;margin-top:0;font-family:var(--disp);font-stretch:92%;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dark-muted);border-left:2px solid var(--red);padding-left:8px;line-height:1.4;}
.board .padding_bottom_5:first-child .block25,.board .padding_bottom_5:first-child .block40{order:2;font-size:11px;font-weight:400;color:var(--dark-faint);white-space:nowrap;text-align:right;}
.board .padding_bottom_5 b{font-weight:inherit;}
.board a{color:var(--dark-txt);}
.board a:hover{color:#fff;}

/* ---------- сетка портала ---------- */
#content_wrap{background:none;margin-top:0;padding-bottom:52px;}
.layout{display:grid;grid-template-columns:234px minmax(0,1fr) 278px;gap:26px;align-items:start;padding-top:28px;}
#sidebar_left,#sidebar_right{width:auto;float:none;padding:0;margin:0;min-width:0;}
#content{width:auto;float:none;padding:0;min-width:0;}
#sidebar_left > *,#sidebar_right > *{margin:0 0 22px;}
#sidebar_left > *:last-child,#sidebar_right > *:last-child{margin-bottom:0;}
#sidebar_right fieldset{border:0;padding:0;margin:0;}
#sidebar_right fieldset label{display:none;}

/* ---------- карточки и шильдики ---------- */
.card{background:var(--surface);border:1px solid var(--line);}
.card-pad{padding:16px;}
/* большие шильдики секций: h2 приходят из чанков — стилизуем сам тег */
#content h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--disp);font-stretch:90%;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);}
#content h2::before{content:"";width:9px;height:9px;background:var(--red);flex:none;}
#content h2::after{content:"";flex:1;height:1px;background:var(--line);min-width:20px;}
#content .sec h2:not(:first-child){margin-top:32px;}
/* малые шильдики: h3/h2 в колонках (чанки) и .plate-sm (статические) */
.plate-sm,#sidebar_left h2,#sidebar_left h3,#sidebar_right h2,#sidebar_right h3,.left_block h3,.right_block h3,.right_block2 h2{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-family:var(--disp);font-stretch:92%;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.plate-sm::before,#sidebar_left h2::before,#sidebar_left h3::before,#sidebar_right h2::before,#sidebar_right h3::before,.left_block h3::before,.right_block h3::before,.right_block2 h2::before{content:"";width:7px;height:7px;background:var(--red);flex:none;}
.left_block h3{color:var(--dark-muted);}

/* ---------- кнопки — промышленная маркировка ---------- */
.btn,a.button,form button,form input[type="submit"],form input[type="button"],button.more,button.more2,button.more3{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;border:1px solid var(--red);font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;line-height:1.2;cursor:pointer;text-decoration:none;text-shadow:none;margin:0;width:auto;overflow:visible;transition:background .15s,border-color .15s,color .15s;}
.btn:hover,a.button:hover,form button:hover,form input[type="submit"]:hover,form input[type="button"]:hover,button.more:hover,button.more2:hover,button.more3:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff;text-decoration:none;}
form button:disabled,form input[type="submit"]:disabled,form input[type="button"]:disabled,button.more:disabled,button.more2:disabled,button.more3:disabled{background:#C9A19B;border-color:#C9A19B;text-shadow:none;cursor:default;}
.btn.block{display:flex;width:100%;}
.btn.ghost{background:transparent;color:var(--red);}
.btn.ghost:hover{background:var(--red-wash);color:var(--red-deep);}
.btnrow{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.btnrow a.button + a.button{background:transparent;color:var(--red);}
.btnrow a.button + a.button:hover{background:var(--red-wash);color:var(--red-deep);border-color:var(--red-deep);}
/* легаси-ссылки «Другие новости» / «RSS» из новостных чанков */
a.arrow{display:inline-block;background:none;padding:0;margin-top:12px;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:none;}
a.arrow::after{content:"\00a0\2192";}
a:hover.arrow,a.arrow:hover{background:none;color:var(--red-deep);text-decoration:underline;}
.rss{float:right;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BE3A2C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'/%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5.5' cy='18.5' r='1.8' fill='%23BE3A2C' stroke='none'/%3E%3C/svg%3E") no-repeat left center;background-size:14px 14px;padding:0 0 0 20px;margin-top:14px;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);line-height:16px;}
a.rss:hover{color:var(--red-deep);}

/* ---------- левая колонка: иконное меню ([[$left_menu_code]] → #left_menu) ---------- */
#left_menu{background:var(--ink-2);border:1px solid var(--ink-2);border-top:2px solid var(--red);margin:0;padding:0;color:var(--dark-txt);font-family:var(--disp);font-size:12.5px;}
#left_menu ul{list-style:none;padding:0;margin:0;text-align:left;}
#left_menu ul li{margin:0;padding:0;line-height:normal;background:none;border-top:1px solid var(--ink-line);transition:background .15s,box-shadow .15s;}
#left_menu ul li:first-child{border-top:0;}
#left_menu ul li:hover,#left_menu ul li.active{background:var(--ink-3);box-shadow:inset 2px 0 0 var(--red);}
/* ВАЖНО: фоновые спрайты на a.jobs/.ads/… не трогаем — только типографика */
#left_menu ul li a{display:block;color:var(--dark-txt);text-shadow:none;padding:0 12px 0 66px;line-height:40px;font-stretch:92%;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;}
#left_menu ul li a:hover,#left_menu ul li.active a{color:#fff;text-decoration:none;}
/* спрайт-иконки — перенос легаси-правил 1:1 (белые пиктограммы на тёмном) */
.jobs,.ads,.news,.anons,.analytics,.help,.lit{background:url(images/icons_left_menu.png) no-repeat;}
.jobs{background-position:35px 10px;}
.ads{background-position:35px -25px;}
.news{background-position:35px -60px;}
.anons{background-position:35px -95px;}
.analytics{background-position:35px -130px;}
.help{background-position:35px -165px;}
.lit{background-position:35px -200px;}

/* ---------- левая колонка: «Цены на нефть» ([[$left_menu_code]] → .left_block) ---------- */
.left_block{background:var(--ink-2);border:1px solid var(--ink-2);border-top:2px solid var(--red);padding:15px;color:var(--dark-txt);overflow:hidden;}
.left_block a{color:var(--dark-txt);}
.left_block a:hover{color:#fff;text-decoration:none;}
/* табы Brent / WTI */
.div_tab{float:left;padding:0;margin:0 14px 10px 0;}
.div_tab a{display:block;padding:0 0 8px;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:2px solid transparent;background:none;text-decoration:none;transition:color .15s,border-color .15s,background .15s;}
.div_tab a:hover{color:var(--text);text-decoration:none;}
.div_tab a.selected{background:none;color:var(--ink);border-bottom-color:var(--red);}
.left_block .div_tab{margin:0 6px 12px 0;}
.left_block .div_tab a{padding:7px 14px;border:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);color:var(--dark-faint);}
.left_block .div_tab a:hover{color:var(--dark-txt);}
.left_block .div_tab a.selected{background:var(--ink-3);color:#fff;border-color:var(--ink-line);box-shadow:inset 0 -2px 0 var(--red);}
/* рама стороннего графика oil-price.net: виджет белый, поэтому — намеренная светлая врезка в тёмной карточке */
.left_block .block_content{clear:both;border:1px solid var(--ink-line);background:#fff;box-shadow:inset 0 0 0 3px var(--page);padding:8px;overflow:hidden;}
.left_block .block_content iframe,.left_block .block_content object,.left_block .block_content embed,.left_block .block_content img{max-width:100%;display:block;margin:0 auto;}

/* ---------- левая колонка: facebook ---------- */
.fbcard{display:flex;align-items:center;gap:12px;text-decoration:none;}
.fbcard:hover{text-decoration:none;border-color:var(--faint);}
.fbcard .fbic{width:40px;height:40px;background:#1877F2;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:24px;flex:none;}
.fbcard .fbtxt{min-width:0;}
.fbcard .fbn{display:block;font-weight:700;font-size:14px;color:var(--ink);}
.fbcard .fbs{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:2px;}
.fbcard .fbgo{margin-left:auto;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);white-space:nowrap;}
.fbcard:hover .fbgo{text-decoration:underline;}

/* ---------- левая колонка: опрос ([[$opros_code]] → .opros_block) ---------- */
.opros_block{font-size:12.5px;}
.opros_block p{font-weight:600;font-size:13.5px;line-height:1.45;color:var(--ink);margin:0 0 12px;}
.opros_block ul{padding:0;margin:0;list-style:none;}
.opros_block ul li,.opros_block ul li:nth-child(even){background-color:#FAFBFB;border:1px solid var(--line-soft);padding:9px 10px;margin-bottom:6px;line-height:1.4;overflow:hidden;transition:border-color .15s;}
.opros_block ul li:hover{border-color:var(--red);}
.opros_block ul li a{color:var(--text);}
/* реальная разметка PollsLatest: радио в .block15, подпись в .block85 */
.opros_block ul li .block15{width:26px;float:left;padding-top:1px;}
.opros_block ul li .block85{width:calc(100% - 26px);float:left;}
.opros_block ul li label{display:block;cursor:pointer;color:var(--text);font-size:12.5px;line-height:1.4;}
.opros_block input[type="radio"],.opros_block input[type="checkbox"]{accent-color:var(--red);margin:2px 0 0;}
.opros_block input[type="submit"]{display:block;width:100%;background:var(--red);color:#fff;border:1px solid var(--red);box-shadow:none;height:auto;margin:12px 0 0;text-shadow:none;}
.opros_block input[type="submit"]:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff;}
/* PollsLatest оборачивает вывод в .left_block — внутри .poll гасим тёмную «терминальную» тему целиком */
.poll .left_block{background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important;color:var(--text);overflow:visible;}
.poll .left_block a{color:var(--red);}
.poll .left_block a:hover{color:var(--red-deep);}
.poll .left_block h3,#sidebar_left .poll .left_block h3{display:block;margin:0 0 12px;padding:0;background:none;font-family:var(--ui);font-stretch:normal;font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--ink);}
.poll .left_block h3::before,#sidebar_left .poll .left_block h3::before{content:none;}
/* хвост сниппета (превью-новость и .description) в карточке опроса не выводим */
.poll .left_block > a,.poll .opros_block > a,.poll .description{display:none;}

/* ---------- центральная колонка ---------- */
.sec{margin-bottom:40px;}
.sec:last-child{margin-bottom:0;}
.sec::after{content:"";display:block;clear:both;}

/* колонки внутри новостных чанков */
#content .left,#content .right{width:50%;float:left;padding:0;}
#content .left{padding-right:14px;}
#content .right{padding-left:14px;}

/* главная новость (.top_news) */
#content .top_news{padding:0;margin:0 0 8px;}
#content .top_news .news_item{padding:0 0 16px;border:0;overflow:hidden;}
#content .top_news .news_item .img img{float:left;width:262px;max-width:44%;height:auto;border:1px solid var(--line);border-radius:0;margin:4px 18px 6px 0;background:var(--ink-2);}
#content .top_news .news_item .title{float:none;width:auto;height:auto;overflow:visible;position:static;font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink);}
#content .top_news .news_item .title a{color:var(--ink);text-decoration:none;}
#content .top_news .news_item .title a:hover{color:var(--red);text-decoration:none;}
#content .top_news .news_item .title::after{content:none;background:none;}
#content .top_news .news_item .title .content_anons{font-family:var(--serif);font-size:13.5px;font-weight:400;line-height:1.55;color:#55616A;margin-top:8px;}
#content .top_news .news_item .date{position:static;display:block;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--faint);}

/* рядовые новости (.news_item) */
#content .news_item{padding:10px 0;border-top:1px solid var(--line-soft);position:relative;overflow:hidden;}
#content .news_item .img img{float:left;border:1px solid var(--line);border-radius:0;margin-right:12px;max-width:64px;height:auto;}
#content .news_item .title{float:none;width:auto;height:auto;overflow:hidden;font-size:13px;font-weight:600;line-height:1.35;}
#content .news_item .title a{color:var(--text);text-decoration:none;}
#content .news_item .title a:hover,#content .news_item:hover .title a{color:var(--red);text-decoration:none;}
#content .news_item .date,#content .date{display:block;font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:4px;}
.content_anons{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:4px;}

/* статьи (.article_item — аналитика, полезные статьи, компании) */
#content .article_item{padding:16px 0;border-top:1px solid var(--line-soft);position:relative;overflow:hidden;}
#content .article_item .img img{float:left;width:126px;max-width:32%;height:auto;border:1px solid var(--line);border-radius:0;margin-right:16px;}
#content .article_item .title,#content .article_item .title a{font-family:var(--serif);font-weight:700;font-size:16px;line-height:1.3;color:var(--ink);text-decoration:none;}
#content .article_item .title a:hover{color:var(--red);text-decoration:none;}
#content .article_item .date{display:block;font-family:var(--mono);font-size:11px;color:var(--faint);margin:4px 0 2px;}
#content .article_item p{margin:6px 0 0;font-family:var(--serif);font-size:13px;line-height:1.5;color:#55616A;}
div.data_user,.data_user{color:var(--muted);min-height:0;font-size:12.5px;padding:1px 0;font-weight:normal;}

/* каталог (свои плитки с инлайн-SVG) */
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cat{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:12px 14px;font-weight:600;font-size:13.5px;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s;}
.cat svg{width:22px;height:22px;flex:none;color:var(--muted);transition:color .15s;}
.cat:hover{border-color:var(--red);color:var(--red);text-decoration:none;}
.cat:hover svg{color:var(--red);}

/* компании (getResources → .article_item в обёртке .companies) */
.companies{background:var(--surface);border:1px solid var(--line);}
#content .companies .article_item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-top:1px solid var(--line-soft);margin:0;overflow:visible;}
#content .companies .article_item:first-child{border-top:0;}
/* логотип есть не у всех компаний — уводим его в хвост строки, чтобы текст всегда начинался от одной кромки */
#content .companies .article_item .img{order:2;flex:none;float:none;margin:0;}
#content .companies .article_item .img img,#content .companies .article_item img{float:none;display:block;width:56px;height:56px;max-width:56px;object-fit:contain;border:1px solid var(--line);border-radius:0;margin:0;padding:3px;background:#fff;}
#content .companies .article_item .description{order:1;flex:1 1 auto;min-width:0;}
#content .companies .article_item .title,#content .companies .article_item .title a{font-family:var(--ui);font-size:14.5px;line-height:1.35;}
#content .companies .article_item .data_user{padding:1px 0;color:var(--muted);font-size:12.5px;}
/* категории — плашки-пилюли; font-size:0 на small прячет запятые между ссылками */
#content .companies .article_item small{display:block;margin-top:7px;font-size:0;line-height:1;}
#content .companies .article_item small a{display:inline-block;margin:0 5px 5px 0;padding:2px 9px;font-size:11px;line-height:1.5;color:var(--muted);background:#F6F8F8;border:1px solid var(--line);border-radius:999px;text-decoration:none;transition:color .15s,border-color .15s;}
#content .companies .article_item small a:hover{color:var(--red);border-color:var(--red);text-decoration:none;}

/* вакансии ([[$vacancyes_day_code]] → .vacancy) */
#content .vacancy{float:left;width:47%;margin:0 1.5% 12px;height:auto;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:0;padding:13px 15px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;color:var(--text);transition:border-color .15s;}
#content .vacancy:hover{border-color:var(--red);}
#content .vacancy a{font-family:var(--ui);font-weight:700;font-size:14px;line-height:1.35;color:var(--ink);text-decoration:none;}
#content .vacancy a:hover{color:var(--red);text-decoration:none;}
#content .vacancy .grey{display:inline-block;margin-top:6px;font-family:var(--ui);font-size:12.5px;color:var(--muted);}

/* ---------- правая колонка ---------- */
/* поиск ([[$search_code]] → .search > form > input#search) */
.search{width:auto;height:auto;padding:0;background:none;}
.search form{margin:0;}
.search input#search{display:block;width:100%;border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367737B' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat 13px center;background-size:16px 16px;padding:11px 12px 11px 44px;font-family:var(--ui);font-size:13.5px;color:var(--text);}
.search input#search::placeholder{color:var(--faint);}
.search input#search:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-wash);}

/* популярное / обсуждаемое ([[$popular_news]] → #popular_news) */
#popular_news{margin:0;background:var(--surface);border:1px solid var(--line);padding:14px 16px 16px;}
#popular_news .div_tab{margin:0 16px 0 0;padding:0;}
#popular_news .news_item{clear:both;margin:0;padding:11px 0;border-top:1px solid var(--line-soft);position:relative;overflow:hidden;}
#popular_news .news_item .img img{float:left;border:1px solid var(--line);border-radius:0;margin-right:10px;max-width:48px;height:auto;}
#popular_news .news_item .title{float:none;width:auto;height:auto;overflow:hidden;font-size:12.5px;font-weight:600;line-height:1.4;}
#popular_news .news_item .title a,#popular_news .article_item .title{color:var(--text);text-decoration:none;}
#popular_news .news_item .title a:hover{color:var(--red);text-decoration:none;}
#popular_news .news_item .date,#popular_news .article_item .date,#popular_news .date{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:4px;}

/* мероприятия ([[$meropriyatiya_code]] → .right_block > .anons_item) и партнёры (.right_block2) */
.right_block,.right_block2{width:auto;padding:14px 16px 16px;background:var(--surface);border:1px solid var(--line);}
.anons_item{padding:9px 0;margin:0;font-size:12.5px;border-top:1px solid var(--line-soft);overflow:hidden;}
.right_block .anons_item:first-of-type{border-top:0;padding-top:2px;}
.anons_item .date{width:46px;height:auto;padding:5px 0 4px;border-radius:0;float:left;margin-right:12px;text-align:center;line-height:1.05;background:var(--surface);border:1px solid var(--line);}
.anons_item .date .day{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--ink);margin:0 auto;display:block;}
.anons_item .date .month{display:block;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-top:2px;}
.anons_item .date .day2{display:inline-block;font-family:var(--mono);font-weight:700;font-size:12.5px;color:var(--ink);margin:2px 0 0;}
.anons_item .date .month2{display:inline-block;font-family:var(--disp);font-stretch:92%;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:2px 0 0;}
.anons_item .title,.anons_item .title a{font-size:12.5px;font-weight:600;line-height:1.4;color:var(--text);text-decoration:none;}
.anons_item .title a:hover{color:var(--red);text-decoration:none;}
.anons_item .data{padding-bottom:4px;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--faint);}
.anons_item .gde{padding-top:5px;font-size:11.5px;color:var(--muted);}
.anons_item .img{width:auto;height:auto;float:left;margin-right:12px;}

/* активные партнёры ([[$active_partners_code]] → .activ_partners > .activ_partner_img.block50) */
.activ_partners{background:none;padding:0;overflow:hidden;}
.activ_partner_img{padding:4px;text-align:center;}
.activ_partners img{border:1px solid var(--line);border-radius:0;max-width:100%;height:auto;background:#fff;transition:border-color .15s;}
.activ_partners a:hover img{border-color:var(--faint);}

/* ---------- подвал ---------- */
.footer,#footer{background:var(--ink);color:#C4CDD2;padding:0;text-shadow:none;}
.footer-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-top:38px;padding-bottom:34px;}
#footer .f-brand,#footer .f-dev{float:none;width:auto;padding:0;text-align:left;}
.f-logo{display:flex;align-items:center;gap:12px;}
.f-brand .wm{font-family:var(--disp);font-stretch:88%;font-weight:800;font-size:24px;letter-spacing:.015em;text-transform:uppercase;color:#fff;line-height:1;}
.f-brand .wm i{font-style:normal;color:var(--red);}
.f-brand p{margin:12px 0 0;font-size:12.5px;line-height:1.65;color:var(--dark-muted);}
.footer h5,#footer h5{margin:0 0 14px;font-family:var(--disp);font-stretch:92%;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dark-faint);}
.footer ul{list-style:none;margin:0;padding:0;}
.footer li{margin-bottom:9px;}
.footer li a,#footer a{font-size:13px;color:#C4CDD2;text-decoration:none;transition:color .15s;}
.footer li a:hover,#footer a:hover{color:#fff;text-decoration:underline;}
.f-dev .nb{font-family:var(--disp);font-stretch:90%;font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#fff;}
.f-dev .nb::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);margin-right:9px;}
.f-dev p{margin:7px 0 0;font-size:12.5px;color:var(--dark-muted);line-height:1.6;}
.f-bottom{border-top:1px solid var(--ink-line);}
.f-bottom-in{padding-top:13px;padding-bottom:14px;font-family:var(--mono);font-size:11px;color:var(--dark-faint);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* ---------- модальные окна ([[$popup_code]], head_scripts) ---------- */
.overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none;background:rgba(20,27,31,.55);}
.popup_window{position:absolute;display:none;width:300px;max-width:92vw;background:var(--surface);box-shadow:0 14px 40px rgba(20,27,31,.35);border:1px solid var(--line);border-top:3px solid var(--red);padding:30px;z-index:1001;overflow:auto;}
.popup_window h2{font-family:var(--disp);font-stretch:90%;font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0 0 6px;text-shadow:none;}
.popup_window input{width:100%;padding:9px 10px;font-size:13px;color:var(--text);background:#fff;font-family:var(--ui);border:1px solid var(--line);margin-top:10px;}
.popup_window input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-wash);}
.popup_window input[type="submit"],.popup_window input[type="button"]{width:auto;background:var(--red);color:#fff;border-color:var(--red);}
.popup_window .loading_block{width:100%;margin-top:50px;display:none;}
.popup_window .closeBtn{position:absolute;top:8px;right:10px;display:block;width:22px;height:22px;background:none;line-height:22px;text-align:center;color:var(--muted);font-size:20px;text-decoration:none;z-index:2;}
.popup_window .closeBtn::after{content:"\00d7";}
.popup_window .closeBtn:hover{color:var(--red);text-decoration:none;}
.loadicon{display:none;width:128px;height:32px;background:url(/images/load_icon.gif) no-repeat 0 0;}
.loadicon_overlay{position:absolute;top:0;display:none;width:100%;height:100%;background:url(/images/load_icon.gif) no-repeat center center rgba(255,255,255,1);}
.has-overlay{overflow:hidden;}
.has-overlay > body{height:100%;overflow-y:scroll;}
/* semantic-модалки (легаси-механика показа сохранена) */
.semantic-content{transform:translate3d(0,100%,0);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0;color:var(--text);line-height:1.3;transition:opacity .25s;}
.semantic-content:target,.is-active.semantic-content{transform:translate(0,0);opacity:1;}
.semantic-content .modal-inner{position:absolute;top:50px;left:50px;z-index:20;min-width:280px;max-width:930px;overflow-x:hidden;background:#fff;border-top:3px solid var(--red);box-shadow:0 0 30px rgba(0,0,0,.55);}
.semantic-content .modal-inner > img,.semantic-content .modal-inner > video,.semantic-content .modal-inner > iframe{width:100%;height:auto;min-height:300px;}
.semantic-content .modal-inner > img{width:auto;max-width:100%;}
.semantic-content header{border-bottom:1px solid var(--line);padding:0 1.2em;}
.semantic-content header > h2{margin:.5em 0;}
.semantic-content .modal-content{max-height:70vh;border-bottom:1px solid var(--line);padding:15px 1.2em;overflow-x:hidden;overflow-y:auto;}
.semantic-content .modal-content > *{max-width:100%;}
.semantic-content footer{border-top:1px solid #fff;padding:0 1.2em 18px;background:var(--page);}
.semantic-content footer > p{margin-bottom:0;}
.semantic-content .modal-close{display:block;text-indent:-100px;overflow:hidden;}
.semantic-content .modal-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(20,27,31,.55);}
.semantic-content .modal-close:after{content:"\00d7";position:absolute;top:25px;left:50%;z-index:20;margin-left:285px;background:#fff;padding:2px 8px;font-size:1.2em;text-decoration:none;text-indent:0;display:none;}
.semantic-content .close-action,.semantic-content .open-modal{margin-right:5px;}

/* ---------- пагинация (на случай вывода в чанках) ---------- */
ul.pagenav,ul.pageNav,ul.pagination{list-style:none;padding:0;margin:0;text-align:center;}
ul.pagenav li,ul.pageNav li,ul.pagination li{padding:0 1px;margin:0;display:inline;}
ul.pagenav li a,ul.pageNav li a,ul.pagination li a,ul.pagination li span{display:inline-block;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:3px 9px;box-shadow:none;text-shadow:none;text-decoration:none;font-family:var(--mono);font-size:12px;}
ul.pagenav li a:hover,ul.pageNav li a:hover,ul.pagination li a:hover{color:var(--red);border-color:var(--red);text-decoration:none;}
ul.pagenav li a.active,ul.pageNav li a.active,ul.pagination li.active a{color:#fff;background:var(--red);border-color:var(--red);font-weight:700;}

/* ---------- прочие легаси-иконки (данные из чанков) ---------- */
div.dat_icon{color:var(--text);min-height:16px;background:url(images/dat_icon.png) no-repeat left center;padding:5px 0 4px 23px;font-weight:normal;}
div.nam_icon{color:var(--text);min-height:16px;background:url(images/nam_icon.png) no-repeat left top;padding:1px 0 3px 23px;font-weight:normal;}
div.com_icon{color:var(--text);min-height:16px;background:url(images/com_icon.png) no-repeat left center;padding:2px 0 1px 23px;font-weight:normal;}
div.vie_icon{color:var(--text);min-height:16px;background:url(images/vie_icon.png) no-repeat left center;padding:1px 0 1px 23px;font-weight:normal;}
div.zrp_icon{color:var(--text);min-height:16px;background:url(images/zrp_icon.png) no-repeat left center;padding:1px 0 1px 23px;font-weight:bold;}
div.file_icon{color:var(--text);min-height:16px;background:url(images/file_icon.png) no-repeat left center;padding:1px 0 1px 23px;font-weight:bold;}

/* ---------- адаптив ---------- */
@media (max-width:1120px){
  .skyline{display:none;}
  .m-tagline{display:none;}
  .layout{grid-template-columns:minmax(0,1fr) 278px;}
  #content{order:1;}
  #sidebar_right{order:2;}
  #sidebar_left{order:3;grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;}
  #sidebar_left > *{margin:0;}
}
@media (max-width:860px){
  .board-in{flex-direction:column;align-items:stretch;}
  .board .bgroup{padding-right:0;min-width:0;}
  .board .bgroup + .bgroup{border-left:none;padding-left:0;border-top:1px solid var(--ink-line);padding-top:14px;}
}
@media (max-width:720px){
  .layout{grid-template-columns:1fr;}
  #sidebar_right{order:2;}
  #sidebar_left{order:3;grid-template-columns:1fr;}
  #content .left,#content .right{width:100%;padding:0;}
  #content .vacancy{width:100%;margin:0 0 12px;}
  #content .top_news .news_item .img img{float:none;width:100%;max-width:100%;margin:0 0 12px;}
  .masthead-in,#header{flex-direction:column;align-items:flex-start;gap:10px;}
  .footer-in{grid-template-columns:1fr 1fr;gap:26px;}
  #top_menu ul.menu li a{padding:0 11px;font-size:12.5px;}
  #registration_wrap{margin-left:0;width:100%;}
  .semantic-content .modal-inner{width:auto;left:20px;right:20px;top:30px;min-width:0;}
}
@media (max-width:480px){
  .catalog{grid-template-columns:1fr;}
  .footer-in{grid-template-columns:1fr;}
  .board .bgroup{gap:12px 20px;}
  .board .padding_bottom_5 .block25,.board .padding_bottom_5 .block40{font-size:19px;}
  #content h2{flex-wrap:wrap;}
}

/* ---------- доступность: движение ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation:none !important;}
  .semantic-content{transition:none;}
}

/* ============================================================
   Iteration-2 fixes (appended, win by position + specificity)
   ============================================================ */
/* indicators: keep 3 data tiles in one row per group; label wraps inside */
.board .bgroup .padding_bottom_5:not(:first-child){flex:1 1 0 !important;min-width:0 !important;}
.board .bgroup .padding_bottom_5:not(:first-child) .block75,
.board .bgroup .padding_bottom_5:not(:first-child) .block60{max-width:none !important;white-space:normal !important;}

/* poll question: force the whole poll interior light + question visible */
.card.poll,
.card.poll .left_block,
.card.poll .opros_block,
.card.poll .opros_block form,
.card.poll .opros_block ul{background:#fff !important;background-color:#fff !important;}
.card.poll .left_block > h3{background:#fff !important;background-color:#fff !important;color:#141B1F !important;
  display:block !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-stretch:normal !important;font-size:14px !important;font-weight:600 !important;text-transform:none !important;
  letter-spacing:0 !important;line-height:1.45 !important;padding:0 !important;margin:2px 0 12px !important;}
.card.poll .left_block > h3::before{content:none !important;display:none !important;}
.card.poll .opros_block label{color:#232D34 !important;}

/* ============================================================
   Iteration-3 fixes
   ============================================================ */
/* remove hazard stripes (header + footer) */
.hazard{display:none !important;}

/* AdSense leaderboard strip */
/* collapses when the ad is unfilled/blocked — no reserved empty gap */
.adstrip{padding:0 20px;text-align:center;}
.adstrip:empty{display:none;}
.adstrip ins.adsbygoogle{display:block;margin:16px auto 0;}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important;}

/* companies: more inner breathing room (content was touching the grey frame) */
#content .companies .article_item{padding:18px 24px !important;}

/* popular / discussed → numbered ranked list (like the mockup), no thumbnails */
#popular_news .popular,#popular_news .commentable{counter-reset:pn;}
#popular_news .news_item{display:flex !important;align-items:flex-start;gap:12px;counter-increment:pn;padding:11px 0 !important;overflow:visible !important;}
#popular_news .news_item .img{display:none !important;}
#popular_news .news_item::before{content:counter(pn,decimal-leading-zero);font-family:var(--mono);font-weight:700;font-size:13px;color:var(--red);flex:none;width:22px;padding-top:1px;}
#popular_news .news_item .description{flex:1 1 auto;min-width:0;}

/* iteration-3b: popular/discussed tabs fit one row in the narrow right column */
#popular_news .div_tab{margin:0 14px 10px 0 !important;}
#popular_news .div_tab a{font-size:11px !important;letter-spacing:.04em !important;white-space:nowrap;}


/* ===== ARTICLE (news) page styles ===== */
/* ============================================================
   Article page (appended) — «Терминал и сталь», редакционная полоса
   Scope: .breadcrumbs / #content h1 / .article-meta / .content_text /
          .share_buttos_block / .comments / #comments-wrapper /
          #ticketForm / .liked / .related
   ============================================================ */

/* ---------- хлебные крошки ---------- */
.breadcrumbs{margin:2px 0 18px;font-family:var(--mono);font-size:11px;letter-spacing:.02em;line-height:1.6;color:var(--faint);}
.breadcrumbs ul{list-style:none;margin:0;padding:0;display:inline;}
.breadcrumbs ul li{display:inline;float:none;margin:0;padding:0;}
.breadcrumbs a{color:var(--muted);text-decoration:none;border-bottom:0;}
.breadcrumbs a:hover{color:var(--red);text-decoration:none;border-bottom:0;}
.breadcrumbs ul li:last-child{color:var(--ink);}
.breadcrumbs img{display:none;}

/* ---------- шапка статьи ---------- */
.article.content_wrapper{padding-top:0;}
#content h1{font-family:var(--serif);font-size:31px;font-weight:700;line-height:1.18;letter-spacing:-.012em;color:var(--ink);text-wrap:balance;margin:0 0 12px;}
#content .article h1::before{content:"";display:block;width:38px;height:4px;background:var(--red);margin:0 0 16px;}

.article-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--line);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted);}
#content .article-meta .date{display:inline;margin-top:0;font-size:11.5px;color:var(--muted);}
#content .article-meta .views{margin-left:auto;color:var(--faint);white-space:nowrap;}

/* ---------- кнопки «поделиться» (верх и низ) ---------- */
.article .share_buttos_block,.article .soc_buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;line-height:1;}
.article .share_buttos_block a,.article .soc_buttons a{text-decoration:none;}
.article .share_buttos_block img,.article .soc_buttons img{display:block;}
/* нижний ряд соц-кнопок — после текста, над волосяной линией */
.article .content_text ~ .share_buttos_block,.article .content_text ~ .soc_buttons{margin:8px 0 0;padding-top:16px;border-top:1px solid var(--line-soft);}

/* ---------- тело статьи: редакционная полоса ---------- */
.content_text{max-width:680px;font-family:var(--serif);font-size:16px;line-height:1.7;color:var(--text);}
.content_text::after{content:"";display:block;clear:both;}
.content_text p{margin:0 0 18px;}
.content_text > p:last-child{margin-bottom:0;}

/* подзаголовки — редакционные, без секционных шильдиков */
#content .content_text h2{display:block;margin:30px 0 12px;font-family:var(--serif);font-stretch:normal;font-size:21px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.3;color:var(--ink);}
#content .content_text h2::before,#content .content_text h2::after{content:none;}
.content_text h3{margin:26px 0 10px;font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);}
.content_text h4{margin:22px 0 8px;font-family:var(--disp);font-stretch:92%;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}

/* ссылки в тексте */
.content_text a{color:var(--red);text-decoration:underline;text-decoration-color:rgba(190,58,44,.35);text-decoration-thickness:1px;text-underline-offset:3px;}
.content_text a:hover{color:var(--red-deep);text-decoration-color:var(--red-deep);}

/* списки */
.content_text ul,.content_text ol{margin:0 0 18px;padding:0 0 0 26px;}
.content_text ul{list-style:square;}
.content_text li{margin:0 0 8px;}
.content_text li:last-child{margin-bottom:0;}
.content_text ul li::marker{color:var(--red);}
.content_text ol li::marker{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--muted);}
.content_text li > ul,.content_text li > ol{margin:8px 0 0;}

/* цитата */
.content_text blockquote{margin:24px 0;padding:16px 20px;font-style:italic;font-size:16px;line-height:1.65;color:#55616A;}
.content_text blockquote p{margin:0 0 10px;}
.content_text blockquote p:last-child{margin-bottom:0;}

/* изображения: одиночные — по центру, обтекаемые — с воздухом */
.content_text img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:2px;margin:22px auto;background:#fff;}
.content_text p img{margin:6px auto 18px;}
.content_text img[align="left"],.content_text img[style*="float: left"],.content_text img[style*="float:left"],.content_text .floatleft img,.content_text img.floatleft{float:left;margin:4px 20px 12px 0;}
.content_text img[align="right"],.content_text img[style*="float: right"],.content_text img[style*="float:right"],.content_text .floatright img,.content_text img.floatright{float:right;margin:4px 0 12px 20px;}
.content_text figure{margin:24px 0;}
.content_text figure img{margin:0 auto 8px;}
.content_text figcaption{font-family:var(--mono);font-style:normal;font-size:11.5px;line-height:1.5;color:var(--muted);border-left:2px solid var(--line);padding-left:10px;}
.content_text iframe,.content_text video,.content_text embed,.content_text object{max-width:100%;display:block;margin:22px auto;}

/* таблицы — терминальная шапка, зебра, рамка */
.content_text table{width:100%;max-width:100%;margin:24px 0;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);font-family:var(--ui);font-size:13.5px;line-height:1.5;}
.content_text th{padding:9px 12px;text-align:left;background:var(--ink);color:var(--dark-txt);font-family:var(--disp);font-stretch:92%;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:0;}
.content_text td{padding:8px 12px;border-top:1px solid var(--line-soft);vertical-align:top;}
.content_text tr:nth-child(even) td{background:#F7F9F9;}
.content_text .table-scroll{overflow-x:auto;margin:24px 0;}
.content_text .table-scroll table{margin:0;}

/* ---------- комментарии (Tickets) ---------- */
.comments-wrap{margin-top:36px;}
.comments{margin-top:0;padding-top:16px;border-top:2px solid var(--ink);position:relative;}
.comments > h3,.comments-wrap h3.comments-title{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-family:var(--disp);font-stretch:92%;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
.comments > h3::before,.comments-wrap h3.comments-title::before{content:"";width:7px;height:7px;background:var(--red);flex:none;}

#comments-wrapper{position:relative;}
#comments-wrapper ol{list-style:none;margin:0;padding:0;}
#comments-wrapper ol > li{margin:0;padding:14px 0;border-top:1px solid var(--line-soft);}
#comments-wrapper > ol > li:first-child{border-top:0;padding-top:4px;}
/* вложенные ответы — отступ + стальная линейка слева */
#comments-wrapper ol ol{margin:12px 0 0;padding-left:18px;border-left:2px solid var(--line);}
#comments-wrapper ol ol > li:first-child{border-top:0;padding-top:0;}

/* автор + дата — моно, приглушённо */
#comments-wrapper .comment-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 7px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted);}
#comments-wrapper .comment-info img{width:26px;height:26px;object-fit:cover;border:1px solid var(--line);border-radius:2px;}
#comments-wrapper .comment-info a,#comments-wrapper .comment-info b,#comments-wrapper .comment-info strong{color:var(--ink);font-weight:700;text-decoration:none;}
#comments-wrapper .comment-info a:hover{color:var(--red);text-decoration:none;}
#comments-wrapper .comment-date,#comments-wrapper .comment-info .date{color:var(--faint);font-size:11px;}

/* тело комментария */
#comments-wrapper .comment-text{font-family:var(--ui);font-size:13.5px;line-height:1.6;color:var(--text);}
#comments-wrapper .comment-text p{margin:0 0 8px;}
#comments-wrapper .comment-text p:last-child{margin-bottom:0;}
#comments-wrapper .comment-deleted{color:var(--faint);font-style:italic;}
#comments-wrapper .comment-new{box-shadow:inset 2px 0 0 var(--red);padding-left:12px;}

/* «ответить» и служебные ссылки */
#comments-wrapper .comment-reply,#comments-wrapper .comment-reply a,#comments-wrapper a.reply,#comments-wrapper .reply a{display:inline-block;margin-top:7px;font-family:var(--disp);font-stretch:92%;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);text-decoration:none;}
#comments-wrapper .comment-reply a:hover,#comments-wrapper a.reply:hover,#comments-wrapper .reply a:hover{color:var(--red-deep);text-decoration:underline;}

/* форма комментария */
#ticketForm{margin-top:20px;padding:16px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--red);}
#ticketForm label{display:block;margin:0 0 12px;font-family:var(--disp);font-stretch:92%;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
#ticketForm input[type="text"],#ticketForm input[type="email"],#ticketForm input[type="password"],#ticketForm textarea,#ticketForm select,#ticketForm .input-xxlarge{display:block;width:100%;margin-top:5px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:0;font-family:var(--ui);font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text);}
#ticketForm input:focus,#ticketForm textarea:focus,#ticketForm select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-wash);}
#ticketForm textarea{min-height:110px;line-height:1.55;resize:vertical;}
#ticketForm input::placeholder,#ticketForm textarea::placeholder{color:var(--faint);}
#ticketForm .error{display:block;margin-top:4px;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--down);}
#ticketForm button,#ticketForm input[type="submit"]{margin-top:4px;}

/* блок «понравилось» под комментариями */
.liked{margin-top:22px;padding-top:14px;border-top:1px solid var(--line-soft);}
.liked h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;background:none;padding:0;font-family:var(--disp);font-stretch:92%;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
.liked h3::before{content:"";width:7px;height:7px;background:var(--red);flex:none;}
a.liked_link,.liked_link{display:inline-block;padding:3px 0;font-size:13px;color:var(--text);text-decoration:none;}
a.liked_link:hover,.liked_link:hover{color:var(--red);text-decoration:none;}

/* ---------- похожие материалы ---------- */
.article + hr{margin:32px 0 26px;}
#content .sec.related{margin-bottom:0;}
#content .related .news_item:first-of-type{border-top:0;}

/* ---------- адаптив статьи ---------- */
@media (max-width:860px){
  #content h1{font-size:27px;}
}
@media (max-width:720px){
  #content h1{font-size:24px;line-height:1.22;}
  .content_text{max-width:none;font-size:15.5px;line-height:1.65;}
  #content .content_text h2{font-size:19px;}
  .content_text h3{font-size:17px;}
  /* широкие таблицы прокручиваются, не ломая полосу */
  .content_text table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
  .content_text td,.content_text th{white-space:normal;min-width:120px;}
  .article-meta{gap:4px 14px;}
}
@media (max-width:560px){
  /* обтекаемые иллюстрации — в поток, по центру */
  .content_text img[align="left"],.content_text img[style*="float: left"],.content_text img[style*="float:left"],.content_text .floatleft img,.content_text img.floatleft,
  .content_text img[align="right"],.content_text img[style*="float: right"],.content_text img[style*="float:right"],.content_text .floatright img,.content_text img.floatright{float:none;margin:16px auto;}
  #content .article-meta .views{margin-left:0;width:100%;}
}

/* Oil-price card ("Цены на нефть") → LIGHT card (user prefers light; the oil-price.net widget is white anyway) */
.left_block{background:var(--surface) !important;border:1px solid var(--line) !important;border-top:2px solid var(--red) !important;padding:14px 14px 12px !important;color:var(--text) !important;box-shadow:0 1px 2px rgba(20,27,31,.05) !important;}
#sidebar_left .left_block h3,.left_block h3{color:var(--ink) !important;margin:0 0 12px !important;}
.left_block a{color:var(--red) !important;}
.left_block a:hover{color:var(--red-deep) !important;}
.left_block .div_tab{margin:0 16px 10px 0 !important;}
.left_block .div_tab a{background:none !important;border:0 !important;border-bottom:2px solid transparent !important;color:var(--muted) !important;padding:0 0 7px !important;font-family:var(--disp);font-stretch:92%;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;}
.left_block .div_tab a:hover{color:var(--text) !important;}
.left_block .div_tab a.selected{background:none !important;color:var(--ink) !important;border-bottom:2px solid var(--red) !important;box-shadow:none !important;}
.left_block .block_content{background:#fff !important;border:1px solid var(--line) !important;box-shadow:none !important;padding:6px !important;}

/* "Обсуждаемое" (TicketLatest .commentable) → match the numbered "Популярное" list */
#popular_news .commentable{counter-reset:pn;}
#popular_news .commentable .tickets-latest-row{counter-increment:pn;position:relative;padding:11px 0 11px 34px !important;margin:0 !important;border-top:1px solid var(--line-soft);}
#popular_news .commentable .tickets-latest-row:first-child{border-top:0;}
#popular_news .commentable .tickets-latest-row::before{content:counter(pn,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--red);width:24px;}
#popular_news .commentable .tickets-latest-row .ticket{display:block;}
#popular_news .commentable .tickets-latest-row .ticket a{display:block;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--text);}
#popular_news .commentable .tickets-latest-row .ticket a:hover{color:var(--red);text-decoration:none;}
#popular_news .commentable .tickets-latest-row .date{display:inline-block;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:5px;}
#popular_news .commentable .tickets-latest-row nobr{display:inline-block;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin:5px 0 0 10px;}
#popular_news .commentable .tickets-latest-row nobr .glyphicon-comment{display:inline-block;width:11px;height:11px;background:url(/images/comments.png) no-repeat center;background-size:contain;vertical-align:-1px;margin-right:3px;opacity:.6;}

/* home nav button: crisp inline SVG house (replaces images/home_ico.gif) + clean active state */
#top_menu ul.menu li.home a img{display:none !important;}
#top_menu ul.menu li.home a{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.6 10v9.4h12.8V10'/%3E%3C/svg%3E") no-repeat center !important;background-size:17px 17px !important;min-width:50px;}
#top_menu ul.menu li.home a:hover,#top_menu ul.menu li.home.active a,#top_menu ul.menu li.home.active:hover a{background-color:var(--red-deep) !important;box-shadow:none !important;}

/* ===== dictionary / reference navs (Wayfinder: spravo4_razdel section tabs + persons_abc_list alphabet) ===== */
.spravo4_razdel ul,.persons_abc_list ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.spravo4_razdel li,.persons_abc_list li{margin:0;padding:0;display:inline-block;}
.spravo4_razdel a,.persons_abc_list a{display:inline-block;padding:6px 12px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .15s,border-color .15s,background .15s;}
.spravo4_razdel a:hover,.persons_abc_list a:hover{border-color:var(--red);color:var(--red);text-decoration:none;}
.spravo4_razdel li.active a,.persons_abc_list li.active a,.spravo4_razdel li.active,.persons_abc_list li.active a{background:var(--red);border-color:var(--red);color:#fff;}
.spravo4_razdel{margin:0 0 16px;}
.persons_abc_list{border-bottom:1px solid var(--line);padding-bottom:14px;margin:0 0 18px;}

/* ===== ОБЪЯВЛЕНИЯ: панель категории (рубрики-чипы + подача) ===== */
.ads-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line);}
.ads-rubrics{display:flex;flex-wrap:wrap;gap:7px;}
.ads-rub{display:inline-flex;align-items:center;padding:6px 12px;background:var(--surface);border:1px solid var(--line);font-family:var(--disp);font-stretch:92%;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .15s,border-color .15s,background .15s;}
.ads-rub:hover{border-color:var(--red);color:var(--red);background:var(--red-wash);text-decoration:none;}
.ads-rub.is-active{background:var(--ink);border-color:var(--ink);color:#fff;}
.ads-add{flex:none;padding:10px 15px;font-size:12px;}

/* ===== ОБЪЯВЛЕНИЯ: список в категории ===== */
.ads-list{display:flex;flex-direction:column;}
.ad-row{padding:17px 0;border-bottom:1px solid var(--line-soft);}
.ad-row:first-child{padding-top:2px;}
.ad-row:last-child{border-bottom:0;}
.ad-row-t{margin:0 0 5px;font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;}
.ad-row-t a{color:var(--ink);}
.ad-row-t a:hover{color:var(--red);text-decoration:none;}
.ad-row-co{margin:0 0 6px;font-family:var(--disp);font-stretch:92%;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red);}
.ad-row-x{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--text);}
.ad-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 16px;margin-top:9px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted);}
.ad-row-ph{color:var(--text);}
.ad-row-ph::before{content:"\260E\FE0E";margin-right:5px;color:var(--faint);}
.ad-row-dt{color:var(--faint);}

/* ===== ОБЪЯВЛЕНИЯ: пагинация листинга ===== */
.ads-pagination{margin:22px 0 0;}
.ads-pagination ul.pagination{text-align:left;}
.ads-pagination .page-item.disabled .page-link{color:var(--faint);opacity:.55;pointer-events:none;}

/* ===== ОБЪЯВЛЕНИЕ: картинки в карточке (одиночная страница) ===== */
.adv_images{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px;clear:both;}
.adv_images:empty{display:none;}
.adv_img{flex:none;}
.adv_img img{display:block;width:120px;height:120px;object-fit:cover;border:1px solid var(--line);background:var(--surface);transition:border-color .15s;}
.adv_img a:hover img{border-color:var(--red);}

/* ===== ФОРМА ПОДАЧИ ОБЪЯВЛЕНИЯ (advert_add) ===== */
.advert-form{margin:6px 0 0;max-width:680px;}
.af-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;}
.af-row label{font-family:var(--disp);font-stretch:92%;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);}
.af-input{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-family:var(--ui);font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;}
.af-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-wash);}
textarea.af-input{resize:vertical;min-height:120px;font-family:var(--serif);font-size:15px;line-height:1.6;}
select.af-input{cursor:pointer;}
.af-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.af-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px;}
.af-err{color:var(--down);font-size:12px;font-family:var(--mono);}
.af-err:empty{display:none;}
.af-formerr{display:block;color:var(--down);font-size:13px;margin:0 0 14px;}
.af-formerr:empty{display:none;}
.af-check{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px;margin:2px 0 18px;font-family:var(--ui);font-size:13.5px;color:var(--text);cursor:pointer;}
.af-check input{margin-top:2px;flex:none;}
.af-submit{margin-top:2px;}
.af-hint{max-width:680px;margin:18px 0 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--amber);font-size:12.5px;line-height:1.55;color:var(--muted);}
.af-hint strong{color:var(--ink);}
.af-gate{max-width:520px;margin:10px 0;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red);}
.af-gate p{margin:0 0 10px;font-size:15px;line-height:1.6;}
.af-gate p:last-child{margin-bottom:0;}
@media (max-width:640px){.af-grid2,.af-grid3{grid-template-columns:1fr;}}