/* ============ Издательский Дом «Камертон» — перенос дизайна ecoregion.ru ============ */
:root{
  --blue:#254D96;        /* основной текст/ссылки */
  --blue-lt:#5E92DB;     /* ссылки hover */
  --menu-blue:#1A56C8;   /* меню неактивное */
  --green:#0D7821;       /* меню активное */
  --green-h:#1E8432;     /* заголовки блоков */
  --box:#F4FEFF;         /* фон контент-бокса */
  --box2:#EBFEFE;        /* фон блоков */
  --bar1:#AFC6EC;        /* меню-бар градиент верх */
  --bar2:#8AA9DD;        /* меню-бар градиент низ */
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body.site{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  color:var(--blue);
  background:#ffffff;
}
a{color:var(--blue);text-decoration:none;}
a:hover{color:var(--blue-lt);}
img{max-width:100%;height:auto;}

.kam-wrap{
  max-width:100%;
  margin:0;
  padding:0 4px;
}

/* ---------- ШАПКА ---------- */
.kam-header{line-height:0;position:relative;}
.kam-header .mod-custom, .kam-header .custom{line-height:0;}
.kam-banner{width:100%;height:160px;display:block;}
.kam-toolicons{position:absolute;right:14px;bottom:10px;display:flex;gap:9px;line-height:0;}
.kam-toolicons img{width:22px;height:22px;}

/* ---------- ВЕРХНЕЕ МЕНЮ ---------- */
.kam-menu{
  background:linear-gradient(180deg,var(--bar1),var(--bar2));
  border-radius:2px;
  padding:9px 10px;
  margin-top:2px;
}
.kam-menu ul{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:6px 18px;
}
.kam-menu li{margin:0;}
.kam-menu a{
  font-weight:bold;font-style:italic;font-size:15px;
  color:var(--menu-blue);
  white-space:nowrap;
}
.kam-menu a:hover{color:var(--green);}
.kam-menu .current > a,
.kam-menu .active > a{color:var(--green);}

/* ---------- ТЕЛО (3 колонки) ---------- */
.kam-body{display:flex;gap:10px;align-items:flex-start;margin-top:8px;}
.kam-main{
  flex:1 1 auto;min-width:0;
  background:var(--box);
  border:1px solid #6f9fd6;
  border-radius:10px;
  padding:14px 18px;
}
.jcard{cursor:pointer;}
.kam-col{flex:0 0 232px;}
@media(max-width:820px){
  .kam-body{flex-direction:column;}
  .kam-col{flex:1 1 auto;width:100%;}
  .kam-menu ul{justify-content:flex-start;}
}

/* ---------- БЛОКИ САЙДБАРА ---------- */
.kam-col .mod-custom{
  background:var(--box2);
  border:1px dashed var(--green-h);
  border-radius:6px;
  padding:10px 12px;
  margin-bottom:12px;
  text-align:center;
}
.kam-col .block-title{
  margin:0 0 8px;
  color:var(--green-h);
  font-size:13px;font-weight:bold;text-align:left;
  border-bottom:1px solid #CFE9D6;
  padding-bottom:5px;
}
.kam-col .mod-custom img{max-width:100%;height:auto;}
.kam-col ul{list-style:none;margin:0;padding:0;}
.kam-col li{padding:3px 0;}

/* ---------- ЗАГОЛОВКИ КОНТЕНТА ---------- */
.kam-main h1,.kam-main h2.page-header,.kam-main .page-header{
  text-align:center;
  color:var(--green-h);
  font-size:18px;font-weight:bold;
  border-bottom:1px dashed var(--green-h);
  padding-bottom:8px;margin:0 0 14px;
}
.kam-main h2,.kam-main h3{color:var(--green-h);}
.kam-main a{color:var(--blue);}
.kam-main a:hover{color:var(--blue-lt);}

/* контент не должен вылезать за рамку: перенос длинных строк */
.kam-main{overflow-wrap:break-word;word-wrap:break-word;}
.kam-main nobr{white-space:normal;}
.kam-main img{max-width:100%;height:auto;}
.kam-main table{max-width:100%;}
/* таблица подписки (.kupon) — читаемая, с рамками */
.kam-main table.kupon{border-collapse:collapse;width:97%;margin:10px auto;background:#fff;}
.kam-main table.kupon td,.kam-main table.kupon th{border:1px solid #1A56C8;padding:5px 9px;text-align:center;}
.kam-main table.kupon th{background:#EBF3FF;font-weight:bold;}

/* блог/статьи — аккуратные отступы */
.kam-main .item{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dotted #CFE9D6;}
.kam-main .article-info{font-size:11px;color:#7a93b8;margin:2px 0 8px;}

/* ---------- ЛЕНТА НОВОСТЕЙ (как в оригинале) ---------- */
.news-item{padding-bottom:16px;margin-bottom:14px;border-bottom:1px dotted #CFE9D6;}
.news-head{margin:0 0 6px;font-size:14px;}
.news-date{color:#A53328;}
.news-title{color:#57579B;font-weight:bold;text-decoration:none;}
.news-title:hover{color:#8080c0;}
.news-body{text-align:justify;}
.news-body p{margin:0 0 8px;}

/* ---------- ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКА НОМЕРА [RUS]/[ENG] ---------- */
.lngnav{text-align:center;margin:6px 0 16px;font-size:13px;}
.lngnav a{color:var(--blue);}
.lngnav a:hover{color:var(--blue-lt);}
.lngnav b{color:var(--blue);}
.lngnav .lng-off{color:#9aa8bd;cursor:default;}

/* ---------- ПОДМЕНЮ ЖУРНАЛА (Редсовет/Свежий номер) ---------- */
.jnav{text-align:center;margin:0 auto 16px;padding:8px 10px;background:linear-gradient(180deg,var(--bar1),var(--bar2));border-radius:3px;max-width:420px;}
.jnav a{color:var(--menu-blue);font-weight:bold;font-style:italic;margin:0 12px;white-space:nowrap;}
.jnav a:hover{color:var(--green);}

/* ---------- СЕТКА ЖУРНАЛОВ (главная) ---------- */
.jgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px;}
@media(max-width:640px){.jgrid{grid-template-columns:1fr;}}
.jcard{
  background:#fff;border:1px solid #E2F5E9;border-radius:8px;
  padding:14px;text-align:center;
  transition:box-shadow .15s,transform .15s;
}
.jcard:hover{box-shadow:0 4px 14px rgba(37,77,150,.15);transform:translateY(-2px);}
.jcard img{max-height:290px;width:auto;object-fit:contain;margin-bottom:8px;}
.jcard .jkind{color:var(--blue);font-size:12px;line-height:1.3;margin-bottom:2px;}
.jcard .jname{color:var(--blue);font-weight:bold;font-size:15px;line-height:1.25;margin-bottom:5px;}
.jcard .jdesc{color:var(--blue);font-size:12px;line-height:1.35;}

/* ---------- АРХИВ ЖУРНАЛОВ ---------- */
.jarch-title{color:var(--green-h);font-size:16px;font-weight:bold;text-align:center;border-bottom:1px dashed var(--green-h);padding-bottom:5px;margin:22px 0 12px;}
.jarch{width:100%;border-collapse:collapse;margin-bottom:10px;}
.jarch-cover{width:160px;vertical-align:top;padding:2px 16px 2px 0;}
.jarch-cover img{width:150px;height:auto;border:1px solid #d7e6ea;}
.jarch-years{vertical-align:top;}
.jarch-row{padding:1px 0;line-height:1.9;}
.jarch-row a{color:var(--blue);white-space:nowrap;}
.jarch-row a:hover{color:var(--blue-lt);}
@media(max-width:640px){.jarch-cover{display:none;}}

/* ---------- ФУТЕР ---------- */
.kam-footer{
  margin:12px 0 20px;
  background:linear-gradient(180deg,var(--bar1),var(--bar2));
  border-radius:2px;
  padding:8px;text-align:center;
}
.kam-copy{color:#e8f0ff;font-size:11px;}
.kam-footer a{color:#e8f0ff;}