.gdoc-brand__title, .navbar-brand, .site-title {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif;
  letter-spacing: 0.01em;
  color: #23272f;
  background: none;
  display: inline-block;
}
.gdoc-brand__title .brand-accent {
  color: #3366cc;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.gdoc-brand__title .brand-colon {
  color: #d00;
  font-weight: 700;
  padding: 0 0.1em;
}
.gdoc-brand__title {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif;
  letter-spacing: 0.01em;
  color: #23272f;
  background: none;
  display: inline-block;
}
.gdoc-brand__title::after {
  content: '';
}
.gdoc-brand__title .brand-accent {
  color: #3366cc;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.gdoc-brand__title .brand-colon {
  color: #d00;
  font-weight: 700;
  padding: 0 0.1em;
}
body {
  background: #f7f8fa;
  color: #23272f;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

.gdoc-header {
  background: #f4f5f7;
  color: #232323;
  border-bottom: 1px solid #e0e3e8;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.gdoc-footer {
  background: #f4f5f7;
  color: #232323;
  border-top: 1px solid #e0e3e8;
}

.gdoc-brand__title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #000;
}

.gdoc-nav, .gdoc-menu {
  background: #fff;
  border-right: 1px solid #e0e3e8;
  margin-right: 12px;
}

.gdoc-nav a, .gdoc-menu a {
  color: #23272f;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.2s;
}

.gdoc-nav a:hover, .gdoc-menu a:hover {
  color: #3366cc;
  background: #f3f7fb;
}

h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: 'Inter', 'Segoe UI', 'Arial', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

a {
  color: #3366cc;
  text-decoration: none;
  transition: color 0.2s;
}

a:hover {
  color: #254a91;
  text-decoration: underline;
}

code, pre {
  background: #f3f3f3;
  color: #181818;
  font-family: 'JetBrains Mono', 'Fira Mono', 'Consolas', monospace;
  font-size: 16px;
}


/* Карточка */
.three-frame {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px -6px rgba(0,0,0,0.45), 0 1px 3px rgba(0,0,0,0.4);
  position: relative;
}

/* Градиенты (можно придумать свои) */
.grad-radial-dark {
  background: radial-gradient(circle at 40% 35%, #2a323e, #0f1318 70%);
}

.grad-soft-light {
  background: radial-gradient(circle at 50% 45%, #ffffff, #dfe7f0 60%, #c5d1dd 100%);
}

.grad-cyan {
  background: radial-gradient(circle at 30% 30%, #0e2f3f, #08151c 70%);
}

/* Слегка приглушить канвас при hover (эффект “карточки”) */
.three-frame canvas {
  transition: filter .3s;
}
.three-frame:hover canvas {
  filter: brightness(1.05) saturate(1.08);
}

/* Глобальное применение стиля \Large ко всем формулам KaTeX */

/* Глобальное изменение размера встроенных формул KaTeX с повышенным приоритетом */
.katex {
    /* Увеличиваем размер шрифта до желаемого размера (примерно Large) */
    font-size: 1.5em !important; 
    
    /* Важно: корректируем вертикальное выравнивание, 
       чтобы формула сидела на базовой линии текста */
    vertical-align: middle !important; 
    
    /* Добавляем небольшой отступ справа, чтобы текст не прилипал */
    margin-right: 0.3em !important;
    
    /* Убираем display: block, возвращаем inline поведение */
    display: inline !important;
}