:root > * {
    --md-primary-fg-color:        #88A3B2;
    --md-typeset-mark-color:      hsla(200, 21%, 62%, 0.06);
    --md-code-hl-color--light:    #88A3B2;
    --md-footer-bg-color:         #88A3B2;
    --md-accent-fg-color:         #88A3B2;

/* -- PAGE SCALE -- */ 
}
body {
    zoom: 90%; 
}


/* -- FONT WEIGHT -- */
body {
    font-weight: 300 !important; 
}
    
/* -- ADMONITIONS -- */

.md-typeset .admonition.quote {border: 0px; background-color: #e5f8fc41; }

.md-typeset .admonition.info,
.md-typeset details.admonition.info {border: none; background-color: #e5f8fc41; }

.md-typeset .admonition.warning,
.md-typeset details.admonition.warning {border: 1px solid #fff4e6; background-color: #fff4e6;}

.md-typeset .admonition.note,
.md-typeset details.admonition.note {border: 1px solid #ecf2fe; background-color: #ecf2fe;}

.md-typeset .admonition.quote,
.md-typeset details.admonition.quote {border: 1px solid #f5f5f5; background-color: #f5f5f5;}

/* -- SHADOW FOR ALL ADMONITIONS -- */
/* .md-typeset .admonition {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); 
  border: none;
  border-radius: 6px; 
} */

.md-typeset .admonition:focus-within {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  outline: none !important;
  border: none !important;
}

img.with-border {
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto;
  padding: 0px;
  border-radius: 4px; /* скруглённые углы */
}

img.center {
  display: block;
  margin: 0 auto;
  padding: 0px;
  align: center;
}

/* Компактная таблица */

table.compact-table {
  border-collapse: collapse;    
  width: 100%;                  
  font-weight: 300;             
  font-size: 0.625rem;          
}

/* Стили для заголовков таблицы */
table.compact-table thead th {
  font-weight: bold;
  background-color: #f5f5f5;         
}

/* Стили для всех ячеек таблицы (как заголовочных, так и обычных) */
table.compact-table th{
  padding: 4px 6px;            
  border: 1px solid #ccc;     
  line-height: 1.3;            
  text-align: center;          
  vertical-align: middle;      
  font-weight: 300;            
}

/* Стили для всех ячеек таблицы (как заголовочных, так и обычных) */
table.compact-table td {
  padding: 4px 6px;            
  border: 1px solid #ccc;     
  line-height: 1.3;            
  text-align: left;            
  vertical-align: middle;      
  font-weight: 300;            
}


/* Эффект при наведении на строки таблицы */
table.compact-table tbody tr:hover {
  background-color: #f5f5f5;    
}

/* 
  Адаптивный дизайн для мобильных устройств 
  Срабатывает при ширине экрана до 768px (планшеты и телефоны)
*/
@media (max-width: 768px) {
  table.compact-table {
    font-size: 0.75rem;        
    display: block;            
    overflow-x: auto;          
    white-space: nowrap;       
  }
}

/* 
  Стили для печати
  Оптимизируют отображение таблицы при выводе на печать
*/
@media print {
  table.compact-table {
    font-size: 8px;             
    width: 100%;                
    table-layout: auto;         
    word-wrap: break-word;      
  }
  
  table.compact-table th,
  table.compact-table td {
    word-break: break-word;    
    white-space: normal;       
    padding: 2px 4px;          
  }
  
  /* Настройки для корректного отображения цветов при печати */
  body {
    -webkit-print-color-adjust: exact;   
    print-color-adjust: exact;           
  }
}