/* admin 15.11.2026: современный слой поверх макета 2012 г. (template20 и родственные).
   Фирменное сохранено: красные часы, серое «СУДНЫЙ ДЕНЬ», оранжевые акценты, вкладки «Свежие новости / Новые статьи».
   Откат: убрать ссылку на этот файл из template.htm. */
:root{--dd-red:#b8161c;--dd-orange:#e85a0c;--dd-ink:#1d1b19;--dd-muted:#6f6a64;--dd-line:#e6e0d8;--dd-paper:#fff;--dd-bg:#efebe5;--dd-card:#faf7f2}
html{background:var(--dd-bg)}
body{width:auto!important;max-width:1200px;margin:0 auto;border:0;box-shadow:0 0 0 1px var(--dd-line);background:var(--dd-paper);color:var(--dd-ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
a{color:#4a4642}
a:hover{color:var(--dd-red)}

/* Шапка */
#header{width:auto;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"slogan search timer" "menu menu menu";align-items:center;column-gap:24px;padding:18px 28px 0 122px;background-position:28px 16px;background-size:76px auto;border-bottom:3px solid var(--dd-red);box-sizing:border-box}
#header .slogan{grid-area:slogan;float:none;width:auto;height:auto;margin:0;padding:0;overflow:visible}
#header .slogan a{font-size:34px;line-height:1.05;letter-spacing:.02em;color:#8a8580}
#header .slogan a:hover{color:var(--dd-ink)}
#header .slogan p{margin:6px 0 0;font-size:12px;line-height:1.35;letter-spacing:.04em;max-width:560px}
#header .search{grid-area:search;float:none;position:static;width:auto;margin:0;top:auto}
#header .search i{display:none}
#header .search form{display:flex;align-items:center;border:1px solid var(--dd-line);border-radius:999px;padding:2px 6px 2px 14px;background:#fff}
#header .search input[type=text]{border:0;outline:0;width:190px;font:15px/1.4 inherit;padding:7px 0;background:transparent}
#header .search input[type=image]{width:18px;height:18px;opacity:.6}
#header .timer{grid-area:timer;float:none;padding:0;font-size:12px;line-height:1.4;text-align:right;color:var(--dd-orange)}
#header .timer br{display:none}
#header .timer nobr{display:block}
#header .timer strong{margin-left:4px}
#header .timer a{display:none}
#header #menu{grid-area:menu;float:none;display:flex;flex-wrap:wrap;gap:4px;margin:16px 0 0 -94px;padding:0}
#header #menu li{float:none;margin:0;padding:0;background:none}
#header #menu li a{display:block;float:none;width:auto;height:auto;margin:0;padding:10px 16px;font-size:15px;font-weight:600;line-height:1.2;color:#4a4642;background:none;border:0;border-radius:8px 8px 0 0;box-shadow:none;text-shadow:none}
#header #menu li a:hover{background:var(--dd-card);color:var(--dd-red)}
#header #menu li a.current{background:var(--dd-red);color:#fff}

/* Колонки */
#content{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;margin:0;padding:24px 28px 32px;overflow:visible;color:var(--dd-ink);font-family:inherit}
#content .left_block,#content .right_block{float:none;width:auto;margin:0}
#content .left_block h1{display:block!important;width:auto!important;text-align:left!important;margin:0 0 16px;font-size:32px;line-height:1.2;font-weight:700;color:var(--dd-ink)}
#content .left_block p{font-size:17px;line-height:1.65;margin:0 0 14px}
#content .left_block img{max-width:100%;height:auto;border-radius:6px}
#content .right_block{padding:0;background:transparent;border:0;border-radius:0}

/* Вкладки боковой колонки */
.right_block .section{background:var(--dd-card);border:1px solid var(--dd-line);border-radius:14px;overflow:hidden}
.right_block ul.tabs{display:flex;height:auto;margin:0;padding:0;border:0;border-bottom:1px solid var(--dd-line);border-radius:0;line-height:1.3}
.right_block .tabs li{float:none;flex:1;margin:0;padding:12px 10px;text-align:center;font-size:14px;color:var(--dd-muted);background:transparent;border:0;border-radius:0;border-bottom:3px solid transparent}
.right_block .tabs li:hover{background:#fff;color:var(--dd-ink);padding:12px 10px;border:0;border-bottom:3px solid transparent;border-radius:0}
.right_block .tabs li.current{color:var(--dd-ink);background:#fff;padding:12px 10px;border:0;border-bottom:3px solid var(--dd-red);border-radius:0}
.right_block .box{margin:0;padding:6px 14px 10px;background:transparent;border:0;border-radius:0}
.right_block .box > p:first-child{display:none!important}
.right_block .box > div{display:flex!important;gap:10px;align-items:flex-start;height:auto!important;margin:0!important;padding:10px 0;border-bottom:1px solid var(--dd-line)}
.right_block .box > div:last-child{border-bottom:0}
.right_block .box > div img{flex:0 0 64px;width:64px!important;height:48px!important;object-fit:cover;padding:0!important;border-radius:6px;float:none}
.right_block .box .news_title{margin:0;font-size:14px;line-height:1.35}
.right_block .box .news_title a{color:var(--dd-ink)}
.right_block .box .news_title a:hover{color:var(--dd-red)}

/* Подвал */
#footer{width:auto;height:auto;padding:20px 28px;border-top:1px solid var(--dd-line);background:var(--dd-card);overflow:hidden;font-size:13px;color:var(--dd-muted)}
#footer #mail{width:auto;float:none;clear:both;padding-top:10px}

/* Телефон (перекрывает admin-mobile.css 08.11, поэтому !important) */
@media (max-width:760px){
  body{max-width:none;padding:0!important}
  #header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"slogan" "search" "menu"!important;padding:12px 14px 0 70px!important;background-position:14px 10px!important;background-size:46px auto!important;row-gap:10px;text-align:left!important}
  #header .slogan,#header .search,#header .timer{margin:0!important;text-align:left!important}
  #header .slogan{min-height:44px;display:flex;align-items:center}
  #header .slogan a{font-size:24px}
  #header .slogan p,#header .timer{display:none!important}
  #header .search{margin-left:-56px!important}
  #header .search form{width:100%!important;box-sizing:border-box}
  #header .search input[type=text]{width:100%!important;padding:7px 0!important;font-size:16px}
  #header #menu{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;gap:2px!important;margin:0 0 0 -56px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #header #menu li a{padding:9px 12px;font-size:14px;white-space:nowrap}
  #content{display:block!important;padding:16px 14px 24px}
  #content .right_block{margin-top:24px!important}
  #content .left_block h1{font-size:24px!important}
  #content .left_block p{font-size:16px}
  #content .left_block img[align],#content .left_block p img{float:none!important;display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0 0 12px!important}
  #footer{padding:16px 14px}
}