/* Стили тултипов глоссария (#474). Терракота ДС #369; переменные с фолбэком. */
.glossterm{
  border-bottom:1px dotted currentColor;
  cursor:help;
  text-decoration:none;
  -webkit-text-decoration:none;
}
.glossterm:hover,.glossterm:focus{
  border-bottom-color:var(--nnacc,#c2410c);
  color:var(--nnacc,#c2410c);
  outline:none;
}
.gloss-backdrop{
  position:fixed; inset:0; background:rgba(23,18,13,.42); z-index:99998;
}
.gloss-pop{
  position:absolute; z-index:99999; width:min(320px,calc(100vw - 16px));
  background:var(--nncard,#fff); color:var(--ink,#1d1a15);
  border:1.5px solid var(--nnline,#e7e0d8); border-radius:14px;
  padding:14px 15px 13px; box-shadow:0 14px 40px rgba(23,18,13,.22);
  font:14px/1.5 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.gloss-sheet{
  position:fixed; left:0; right:0; bottom:0; top:auto; width:auto;
  border-radius:18px 18px 0 0; padding:18px 18px calc(18px + env(safe-area-inset-bottom));
  box-shadow:0 -14px 40px rgba(23,18,13,.28);
  animation:glossUp .18s ease-out;
}
@keyframes glossUp{ from{ transform:translateY(100%);} to{ transform:translateY(0);} }
.gloss-x{
  position:absolute; top:8px; right:10px; border:none; background:none;
  font-size:22px; line-height:1; color:var(--nnmut,#8a8378); cursor:pointer; padding:2px 4px;
}
.gloss-t{ font-weight:800; font-size:16.5px; margin:0 24px 10px 0; color:var(--ink,#1d1a15); }
.gloss-r{ margin-bottom:9px; }
.gloss-r:last-of-type{ margin-bottom:12px; }
.gloss-k{
  display:block; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  color:var(--nnacc,#c2410c); margin-bottom:2px;
}
.gloss-more{
  display:inline-block; font-size:13px; font-weight:700; text-decoration:none;
  color:var(--nnacc,#c2410c);
}
.gloss-more:hover{ text-decoration:underline; }
@media(prefers-color-scheme:dark){
  .gloss-pop{ background:#221c16; color:#f4eee4; border-color:#3a332c; }
  .gloss-t{ color:#f4eee4; }
}