/* === Chronivra Header === */
:root{--chr-max:min(92vw,1150px);--chr-pad:16px;--chr-br:16px;--chr-border:#e6e6e6}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,"Noto Sans","Helvetica Neue",sans-serif}
.chr-hdr{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}
.chr-wrap{max-width:var(--chr-max);margin:0 auto;padding:10px var(--chr-pad);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.chr-brand{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;color:#111}
.chr-badge{display:inline-block;background:#000;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;letter-spacing:.08em}
.chr-name{font-weight:800}
.chr-sub{display:block;font-size:12px;color:#666;margin-top:2px}
.chr-nav a{display:inline-block;padding:6px 10px;border-radius:12px;color:#333;text-decoration:none}
.chr-nav a:hover{background:#f2f2f2}
.chr-actions{display:flex;gap:6px;align-items:center}
.chr-input{width:clamp(160px,24vw,18rem);padding:.5rem .75rem;border:1px solid #d7d7d7;border-radius:12px}
.chr-btn,.chr-iconbtn{border:1px solid #d7d7d7;border-radius:12px;background:#fff;padding:.5rem .75rem;text-decoration:none;color:#111}
.chr-btn:hover,.chr-iconbtn:hover{background:#f7f7f7}
.chr-iconbtn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}

.chr-sheet[hidden]{display:none}
.chr-sheet{position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(2px)}
.chr-sheet-box{max-width:520px;margin:10px auto;background:#fff;border:1px solid var(--chr-border);border-radius:20px;padding:10px}
.chr-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px}
.chr-navlist{display:flex;flex-direction:column}
.chr-navlist a{padding:10px;border-radius:12px;text-decoration:none;color:#111}
.chr-navlist a:hover{background:#f5f5f5}
.mb{margin-bottom:8px}

.chr-hide-sm{display:none}
@media (min-width: 768px){
  .chr-hide-sm{display:initial}
  .chr-iconbtn.chr-menu{display:none}
}

/* Скрыть шапку темы и лишние кнопки */
.site-header,#masthead,.menu-toggle + .menu-toggle{display:none!important}
/* === /Chronivra Header === */
