/* CaseSociety — единая шапка сайта (как на главной). Подключается на всех страницах casesociety.kz.
   Разметку вставляет sync-header.js (статичные страницы) и build-blog.js (статьи) из header-partial.js. */
.csh{position:sticky;top:0;z-index:40;display:block;margin:0;padding:0;width:100%;letter-spacing:normal;font-size:16px;font-weight:400;text-align:left;text-transform:none;background:#fff;border-bottom:1px solid #e7e7e7;
  font-family:Inter,Arial,sans-serif;line-height:1.5;color:#111;transition:box-shadow .2s}
.csh.csui-scrolled{box-shadow:0 6px 20px rgba(0,0,0,.05)}
.csh *{box-sizing:border-box}
.csh .csh__in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;
  max-width:1180px;margin:0 auto;padding:18px 24px}
.csh a{color:inherit;text-decoration:none;border:0;background:none}
.csh .csh__logo{display:inline-flex;align-items:center;gap:12px;flex:none}
.csh .csh__mark{width:58px;height:auto;flex:none;color:#111}
.csh .csh__text{display:flex;flex-direction:column;line-height:1}
.csh .csh__word{font-weight:700;letter-spacing:-.03em;font-size:22px}
.csh .csh__tag{margin-top:5px;font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#666;white-space:nowrap}
.csh .csh__nav{display:flex;align-items:center;gap:28px;margin:0;padding:0;font-size:14px;color:#666;
  position:static;background:none;border:0;box-shadow:none}
.csh .csh__nav a{padding:0;font-weight:400;transition:color .15s}
.csh .csh__nav a:hover,.csh .csh__nav a[aria-current="page"]{color:#111}
.csh .csh__nav a.csh__tg{color:#111;font-weight:600}
.csh .csh__toggle{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;
  padding:0;margin:0;flex:none;cursor:pointer;background:#fff;border:1px solid #e7e7e7;border-radius:12px}
.csh .csh__toggle span{display:block;width:20px;height:2px;background:#111;transition:transform .2s,opacity .2s}
.csh .csh__toggle span+span{margin-top:5px}
.csh .csh__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.csh .csh__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.csh .csh__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .csh .csh__in{padding:14px 16px}
  .csh .csh__toggle{display:inline-flex}
  .csh .csh__nav{display:none;position:absolute;top:100%;left:16px;right:16px;flex-direction:column;align-items:stretch;gap:4px;
    margin-top:4px;padding:8px;z-index:50;background:#fff;border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.08)}
  .csh .csh__nav.open{display:flex}
  .csh .csh__nav a{padding:12px 14px;border-radius:10px;font-size:16px}
  .csh .csh__nav a:hover{background:#f7f7f7}
}
@media (max-width:380px){.csh .csh__mark{width:46px}.csh .csh__word{font-size:20px}}
