/* ===========================================================
   cassiopeia_blog — AI-блог Slogin
   =========================================================== */
:root{
  --blog-accent:#2b7fe0;--blog-accent-2:#4d9dff;
  --blog-ink:#1a1c29;--blog-muted:#6b7280;
  --blog-bg:#f5f6fb;--blog-card:#fff;--blog-border:#e7e8f0;
  --blog-radius:16px;--blog-shadow:0 6px 24px rgba(30,27,75,.07);
}
body.site{color:var(--blog-ink);background:var(--blog-bg);font-size:1.03rem;line-height:1.7;}
.container-main{padding-top:1.6rem;padding-bottom:3rem;}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.015em;line-height:1.25;}
a{color:var(--blog-accent);text-decoration:none;}
a:hover{color:var(--blog-accent-2);}

/* --- Шапка: компактная --- */
.header{background:#fff;border-bottom:1px solid var(--blog-border);}
.header .grid-child{padding-top:.4rem;padding-bottom:.4rem;}
.navbar-brand img,.header .logo img{max-height:46px !important;width:auto !important;border-radius:10px;}
.navbar-brand{align-items:center;}
.site-title,.logo a{font-weight:800;letter-spacing:-.02em;color:var(--blog-ink);}
.site-description{color:var(--blog-muted);font-size:.9rem;}

/* --- Навигация: только акценты, раскладку не трогаем (Cassiopeia сама) --- */
.container-nav{background:#fff !important;}
.container-nav .mod-menu .nav-item>a,.header .mod-menu a{color:var(--blog-ink) !important;}
.container-nav .mod-menu .nav-item>a:hover,.header .mod-menu a:hover{color:var(--blog-accent) !important;}
.container-nav .mod-menu .current>a,.container-nav .mod-menu .active>a{color:var(--blog-accent) !important;font-weight:700;}

/* --- Featured / Blog: карточки --- */
.blog-items{display:grid !important;gap:1.6rem;margin:0 0 1.6rem;}
.blog-items.masonry-2{grid-template-columns:repeat(2,1fr);}
@media (max-width:768px){.blog-items.masonry-2{grid-template-columns:1fr;}}
.blog-item{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);padding:1.7rem 1.9rem;box-shadow:var(--blog-shadow);transition:transform .18s,box-shadow .18s;height:100%;}
.blog-item:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(30,27,75,.13);}
.items-leading .blog-item{border-left:5px solid var(--blog-accent);}
.item-title{margin-bottom:.5rem;line-height:1.25;}
.item-title a{color:var(--blog-ink);font-size:1.45rem;}
.items-leading .item-title a{font-size:1.9rem;}
.item-title a:hover{color:var(--blog-accent);}
.article-info{color:var(--blog-muted);font-size:.82rem;margin:.2rem 0 .8rem;}
.item-content p{margin-bottom:.9rem;color:#3a3d4d;}
.readmore a,a.btn,.btn-primary{display:inline-block;background:var(--blog-accent);color:#fff !important;border:none;padding:.5rem 1.15rem;border-radius:999px;font-weight:600;font-size:.9rem;transition:background .15s;}
.readmore a:hover,a.btn:hover,.btn-primary:hover{background:var(--blog-accent-2);text-decoration:none;}

/* Одиночная статья */
.item-page{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);padding:2.4rem 2.6rem;box-shadow:var(--blog-shadow);}
.item-page h1{font-size:2.1rem;margin-bottom:1rem;}
.item-page img{border-radius:10px;}
.tags a{display:inline-block;background:rgba(43,127,224,.1);color:var(--blog-accent);padding:.2rem .7rem;border-radius:999px;font-size:.8rem;margin:.15rem;}

/* --- Сайдбар --- */
.moduletable{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);padding:1.2rem 1.4rem;margin-bottom:1.5rem;}
.moduletable>h3{font-size:1.05rem;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:2px solid var(--blog-accent);display:inline-block;}
.moduletable a{color:var(--blog-ink);font-weight:600;}
.moduletable a:hover{color:var(--blog-accent);}

/* --- Подвал --- */
.container-footer{background:#fff;border-top:1px solid var(--blog-border);padding:1.5rem 0;color:var(--blog-muted);}

/* --- Тёмная тема --- */
@media (prefers-color-scheme:dark){
  :root{--blog-ink:#e8e9f3;--blog-muted:#9aa0b4;--blog-bg:#0f1117;--blog-card:#181a24;--blog-border:#262a3a;--blog-shadow:0 6px 24px rgba(0,0,0,.35);}
  body.site{background:var(--blog-bg);}
  .header,.container-footer{background:#12141c;}
  .navbar-brand .site-title,.mod-menu .nav-item>a{color:var(--blog-ink);}
  .item-content p{color:#c3c6d4;}
}


/* --- Шапка в один ряд: лого слева, меню по правому краю колонки (max-width 1320) --- */
.site-description{display:none !important;}
@media (min-width:992px){
  .header{position:sticky;min-height:58px;}
  .header .navbar-brand img{height:34px !important;width:auto !important;max-height:none !important;}
  .header>.grid-child.container-nav{
    position:absolute !important;top:0;height:100%;
    right:max(1rem, calc((100vw - 1320px) / 2 + 12px));
    display:flex !important;align-items:center;width:auto !important;margin:0 !important;padding:0 !important;
  }
  .container-nav .mod-menu{
    display:flex !important;flex-flow:row nowrap !important;justify-content:flex-end;align-items:center;
    width:auto !important;margin:0 !important;padding:0 !important;gap:.15rem;
  }
}

/* --- Футер --- */
.container-footer{background:#fff;border-top:1px solid var(--blog-border);padding:0;}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0;color:var(--blog-muted);font-size:.9rem;}
.footer-brand{display:flex;align-items:center;color:var(--blog-ink);font-weight:600;}
.footer-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#4d9dff;color:#fff;font-weight:800;font-size:.95rem;margin-right:.5rem;}
.footer-nav{display:flex;gap:1.2rem;flex-wrap:wrap;}
.footer-nav a{color:var(--blog-muted);font-weight:600;}
.footer-nav a:hover{color:var(--blog-accent);}
.footer-copy{color:var(--blog-muted);}
@media (max-width:768px){.footer-inner{flex-direction:column;text-align:center;}}
@media (prefers-color-scheme:dark){.container-footer{background:#12141c;}.footer-brand{color:var(--blog-ink);}}


/* --- Список статей: чистые кликабельные карточки --- */
.blog-items .tags, .blog-featured .tags, .blog-item .tags { display: none !important; }
.blog-item .readmore, .items-leading .readmore, .blog .readmore, .com-content-category-blog .readmore { display: none !important; }
.blog-item { position: relative; cursor: pointer; }
.blog-item .item-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.container-component { padding-inline: clamp(1rem, 2vw, 1.5rem) !important; }

/* --- Внутренние отступы карточек (перебиваем Cassiopeia) --- */
.blog-featured .blog-item,
.com-content-category-blog .blog-item,
.blog-items .blog-item,
.items-leading .blog-item,
.items-row .blog-item { padding: 1.6rem 1.9rem !important; }
.blog-item .item-content { padding: 0 !important; }


/* --- Блок партнёрских ссылок (backlinks) под контент, горизонтальный + адаптив --- */
.mod-saperu-links{
  margin-top:1.6rem; padding-top:1rem;
  border-top:1px solid var(--blog-border);
  font-size:.85rem; color:var(--blog-muted); line-height:1.5;
}
.mod-saperu-links .rek{ font:inherit !important; color:inherit !important; margin:0 !important; padding:0 !important; }
.mod-saperu-links .rek ul{
  display:flex !important; flex-wrap:wrap !important; gap:.35rem 1.4rem !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.mod-saperu-links li.rek_icnt{
  display:block !important; margin:0 !important; padding:0 !important; list-style:none !important;
}
.mod-saperu-links li.rek_icnt > div,
.mod-saperu-links .rek_icnt span,
.mod-saperu-links .rek_text{ display:inline !important; margin:0 !important; padding:0 !important; }
.mod-saperu-links .rek_header{ display:none !important; }
.mod-saperu-links .rek a{ color:var(--blog-accent-2) !important; font-size:.85rem !important; text-decoration:none !important; white-space:nowrap; }
.mod-saperu-links .rek a:hover{ color:var(--blog-accent) !important; text-decoration:underline !important; }

/* --- Блок "последние статьи" (bottom-b), перелинковка --- */
.container-bottom{margin-top:.5rem;}
.bottom-b.card, .bottom-b .moduletable{
  background:var(--blog-card); border:1px solid var(--blog-border); border-radius:var(--blog-radius);
  padding:1.4rem 1.7rem; margin-top:1.6rem; box-shadow:var(--blog-shadow);
}
.bottom-b h3, .bottom-b .card-header{
  font-size:1.05rem; font-weight:700; margin:0 0 1rem; padding:0 0 .5rem;
  border:0; border-bottom:2px solid var(--blog-accent); display:inline-block; background:none; color:var(--blog-ink);
}
.bottom-b .latestnews{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,1fr); gap:.2rem 1.8rem;
}
@media (min-width:992px){ .bottom-b .latestnews{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ .bottom-b .latestnews{ grid-template-columns:1fr; } }
.bottom-b .latestnews li{ margin:0; padding:.5rem 0; border-bottom:1px solid var(--blog-border); list-style:none; }
.bottom-b .latestnews a{ color:var(--blog-ink) !important; font-weight:600; font-size:.9rem; line-height:1.35; text-decoration:none; display:block; }
.bottom-b .latestnews a:hover{ color:var(--blog-accent) !important; }

/* --- Главная: материал-лендинг, собранный из модулей (loadposition blog-home) --- */
.home-page .page-header h1{font-size:2rem;letter-spacing:-.02em;margin-bottom:1.1rem;}
.home-page .com-content-article__body{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;}
.home-page .home-hero{grid-column:1 / -1;margin:0 0 .6rem;}
.home-page .home-lead{font-size:1.2rem;line-height:1.6;color:var(--blog-muted);max-width:62ch;margin:0;}
.home-page .com-content-article__body > .moduletable{
  background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);
  padding:1.4rem 1.6rem;box-shadow:var(--blog-shadow);margin:0;
}
.home-page .com-content-article__body > .moduletable h3{
  margin:0 0 1rem;padding:0 0 .55rem;font-size:1.05rem;font-weight:700;color:var(--blog-ink);
  border-bottom:2px solid var(--blog-accent);display:inline-block;background:none;
}
.home-page .moduletable .mod-articleslatest{list-style:none;margin:0;padding:0;}
.home-page .moduletable .mod-articleslatest li{
  margin:0;padding:.6rem 0;border-bottom:1px solid var(--blog-border);list-style:none;
}
.home-page .moduletable .mod-articleslatest li:last-child{border-bottom:0;padding-bottom:0;}
.home-page .moduletable .mod-articleslatest a{
  color:var(--blog-ink) !important;font-weight:600;font-size:.95rem;line-height:1.4;display:block;text-decoration:none;
}
.home-page .moduletable .mod-articleslatest a:hover{color:var(--blog-accent) !important;}
@media (max-width:700px){.home-page .com-content-article__body{grid-template-columns:1fr;}}

/* Главная: убрать боковые отступы контентной области и лишнюю внешнюю карточку (секции сами карточки) */
.home-page.com-content-article{
  background:transparent;box-shadow:none;border:0;border-radius:0;
  padding-left:0;padding-right:0;
}

/* Блок "Похожие по тегам" (mod_tags_similar) — та же сетка, что у latest */
.bottom-b .tagssimilar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 1.8rem;}
@media (min-width:992px){.bottom-b .tagssimilar{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){.bottom-b .tagssimilar{grid-template-columns:1fr;}}
.bottom-b .tagssimilar li{margin:0;padding:.5rem 0;border-bottom:1px solid var(--blog-border);list-style:none;}
.bottom-b .tagssimilar a{color:var(--blog-ink)!important;font-weight:600;font-size:.9rem;line-height:1.35;text-decoration:none;display:block;}
.bottom-b .tagssimilar a:hover{color:var(--blog-accent)!important;}