/* =====================================================================
   «Справочник» (js/glossary.js): кнопка в шапке и окно со словами и
   формулами. Вид C2: окно .c2-pop, поиск и разделы в шапке окна,
   термины карточками, как замечания в «Что сделать».
   ===================================================================== */

/* ---------------------------------------------------------------- кнопка в шапке */
.topright>button.tiny.c2-ref{display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 10px!important}
.c2-ref svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c2-ref-l{font-size:14px;font-weight:600}
/* компьютер: разделы и кнопки по-прежнему в одну строку. Место под «Справочник» берётся за счёт
   отступов в переключателе разделов и между кнопками; где строка уже (до 1320 px), подпись прячется */
@media (min-width:761px){
  .c2-nav a{padding-left:11px;padding-right:11px}
  .c2-row1{column-gap:14px}
  .c2-row1l{column-gap:18px}
  .topright{gap:6px}
}
@media (min-width:761px) and (max-width:1319px){
  .topright>button.tiny.c2-ref{width:42px;padding:0!important;justify-content:center}
  .c2-ref-l{display:none}
}
/* телефон: в шапке только BERNQ, «Консультант» и значок справочника */
@media (max-width:760px){
  .topright>button.tiny.c2-ref{display:inline-flex!important;width:42px;height:42px;min-height:42px;padding:0!important;justify-content:center;flex:none}
  .c2-ref-l{display:none}
}

/* ---------------------------------------------------------------- окно */
.c2-pop.gl-pop{width:min(680px,100%)}
.gl-pop .c2-pop-t{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#1C1C1E}
.gl-pop .c2-pop-b{position:relative;padding-top:2px}
.gl-tools{display:flex;flex-direction:column;gap:10px;margin-top:4px;min-width:0}

/* поиск */
.gl-search{position:relative;display:flex;align-items:center;margin:0;min-width:0}
.gl-si{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none;color:#8E8E93}
.gl-si svg,.gl-clr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gl-search input.gl-q{width:100%;min-width:0;box-sizing:border-box;height:44px;margin:0;padding:0 44px 0 40px!important;font:inherit;font-size:15px;color:#1C1C1E;
  background:rgba(255,255,255,.9)!important;border:1px solid rgba(60,60,67,.14)!important;border-radius:13px!important;-webkit-appearance:none;appearance:none}
.gl-search input.gl-q::placeholder{color:#8E8E93}
.gl-search input.gl-q::-webkit-search-cancel-button,.gl-search input.gl-q::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.gl-clr{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:#8E8E93!important;display:flex;align-items:center;justify-content:center;box-shadow:none!important;cursor:pointer}
.gl-clr[hidden]{display:none}
.gl-clr:hover{background:rgba(118,118,128,.14)!important;color:#3C3C43!important}

/* разделы */
.gl-chips{display:flex;flex-wrap:wrap;gap:6px}
.gl-chips button{border:0!important;border-radius:999px!important;padding:6px 12px!important;min-height:32px;background:rgba(118,118,128,.12)!important;box-shadow:none!important;
  font:inherit;font-size:13px;font-weight:600;color:#3C3C43!important;cursor:pointer;white-space:nowrap}
.gl-chips button:hover{background:rgba(118,118,128,.2)!important}
.gl-chips button.on{background:#4A48B8!important;color:#fff!important}
.gl-cs{display:none}

/* список */
.gl-list{display:flex;flex-direction:column;gap:8px;padding:2px 0 8px;min-width:0}
.gl-sh{font-size:13px;font-weight:700;color:#6B6B76;margin:0;padding:14px 2px 2px;letter-spacing:0}
.gl-sh:first-child{padding-top:8px}
.gl-t{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:rgba(118,118,128,.07);min-width:0;overflow-wrap:break-word}
.gl-t.hl{background:rgba(94,92,230,.12);box-shadow:inset 0 0 0 2px rgba(74,72,184,.55);animation:glHl 1.2s ease-out}
@keyframes glHl{0%{box-shadow:inset 0 0 0 2px rgba(74,72,184,.55),0 0 0 6px rgba(94,92,230,.25)}100%{box-shadow:inset 0 0 0 2px rgba(74,72,184,.55),0 0 0 0 rgba(94,92,230,0)}}
.gl-ts{font-size:12px;font-weight:600;color:#6B6B76}
.gl-n{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#1C1C1E;margin:0}
.gl-aka{font-size:12.5px;line-height:1.35;color:#6B6B76;margin-top:-3px}
.gl-d{font-size:14px;line-height:1.45;color:#3A3A44;margin:0}
.gl-f{font-size:13.5px;line-height:1.45;color:#3A3A44;margin:0;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.72)}
.gl-f b{font-weight:600;color:#1C1C1E}
.gl-t.hl .gl-f{background:rgba(255,255,255,.85)}
.gl-w{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;font-size:13px;color:#6B6B76}
.gl-go{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;min-height:32px;font:inherit;font-size:13.5px;font-weight:700;
  color:#4A48B8!important;cursor:pointer;text-align:left}
.gl-go:hover{text-decoration:underline}
.gl-cnt{font-size:13px;font-weight:600;color:#6B6B76;margin:0;padding:8px 2px 0}
.gl-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:36px 10px;color:#5E5E68;font-size:14px;line-height:1.4}
.gl-empty b{color:#1C1C1E;font-size:17px}

/* телефон: окно во всю высоту, короткие подписи разделов */
@media (max-width:760px){
  .c2-pop.gl-pop{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
  .gl-pop .c2-pop-t{font-size:20px}
  .gl-pop .c2-pop-note{font-size:13px;line-height:1.4}
  .gl-tools{gap:8px}
  .gl-chips{flex-wrap:nowrap;gap:5px}
  .gl-chips button{flex:1 1 auto;padding:6px 8px!important;font-size:12.5px;min-width:max-content}
  .gl-cl{display:none}
  .gl-cs{display:inline}
  .gl-t{padding:12px 13px;border-radius:16px}
  .gl-n{font-size:15.5px}
  .gl-d{font-size:13.5px}
  .gl-f{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.gl-t.hl{animation:none}}
/* очень узкий телефон: разделы в два ряда (3 + 2), чтобы подписи не вылезали за кнопки (22.10.2026) */
@media (max-width:380px){
  .gl-chips{flex-wrap:wrap}
  .gl-chips button{flex:1 1 30%}
}