@import url('https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Extrabold.css');
@import url('https://raw.githubusercontent.com/repalash/gilroy-free-webfont/fonts/Gilroy-Extrabold.css');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Great+Vibes&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

html{
   font-family: Raleway, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; 
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: Gilroy, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }


p, div {
   font-family: Raleway, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; 

}

.navbar{
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    min-height: 95px;
    width: 100%;
}
.container-fluid{
    padding-left: 310px;

}


/* Робимо зміст стікнутим (sticky) */
#TOC {
  position: sticky;
  top: 80px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.5rem;
  background: #f8f9fa; /* світло-сірий фон */
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  border: 1px solid #3f5988;
  border-radius: 8px;
  font-size: 0.9rem;
}
#TOC ul {
  list-style: none;
  padding-left: 0;
}
#TOC li {
  margin-bottom: 0.4rem;
}
#TOC a {
  text-decoration: none;
  color: #3f5988;
}
#TOC a:hover {
  text-decoration: underline;
}