/* Style for sidebar-left */
.sidebar-left .mod-menu {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
}

.sidebar-left .mod-menu a {
  display: block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.sidebar-left .mod-menu a:hover {
  background: #e0e0e0;
}

.sidebar-left .mod-menu .active > a {
  background: #0056b3;
  color: #fff;
  border-radius: 4px;
}

/* Width of sidebar-left */
.sidebar-left {
  flex: 0 0 210px !important; /* по умолчанию ~250px */
  max-width: 300px !important;
}

.sidebar-left.card {
  align-self: start !important;
}

@media (max-width: 768px) {
  .sidebar-left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Header background color */
.container-header {
  background-color: #333300 !important; /* ваш цвет */
  text-align: center !important;
}

/* Header text color */
.container-header a,
.container-header .site-title {
  color: #ffffff !important;
}

/* Header font */
.container-header .site-title a {
  font-size: 12px !important;
  font-family: 'Georgia', serif !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Hide (tagline) */
.container-header .site-description {
  display: none;
}

/* Remove link in header text */
header a,
.header a,
.container-header a,
a.brand-logo {
  pointer-events: none !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* Уменьшить ширину sidebar-left */
.site-grid {
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 240px) [body-start] minmax(0, 4fr) [body-end main-end] minmax(0, 1fr) [full-end] !important;
}

/* For Articles - headers, timeline and goals styles */
h1 {
      font-size: 1.6rem;
      font-weight: 700;
      color: #1a3a5c;
      margin-bottom: 32px;
      padding-bottom: 16px;
      border-bottom: 3px solid #c8a84b;
      line-height: 1.4;
    }

    h2 {
      font-size: 1.15rem;
      font-weight: 700;
      color: #1a3a5c;
      margin: 36px 0 12px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

/* ── Section label ── */
    .section-label {
      font-size: 0.74rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #c8a84b;
      margin-bottom: 4px;
    }

.timeline {
      border-left: 3px solid #c8a84b;
      padding-left: 24px;
      margin: 28px 0;
    }

    .timeline p {
      position: relative;
      margin-bottom: 16px;
    }

    .timeline p::before {
      content: '';
      position: absolute;
      left: -30px;
      top: 10px;
      width: 10px;
      height: 10px;
      background-color: #c8a84b;
      border-radius: 50%;
    }

    .highlight-box {
      background-color: #f0f4f9;
      border-left: 4px solid #1a3a5c;
      padding: 20px 24px;
      margin: 28px 0;
      border-radius: 0 4px 4px 0;
    }

    .highlight-box p {
      margin-bottom: 0;
      font-style: italic;
      color: #1a3a5c;
    }

    ul.goals {
      list-style: none;
      padding: 0;
      margin: 12px 0 24px;
    }

    ul.goals li {
      padding: 10px 12px 10px 40px;
      position: relative;
      border-bottom: 1px solid #eee;
      font-size: 0.97rem;
    }

    ul.goals li:last-child {
      border-bottom: none;
    }

    ul.goals li::before {
      content: '✦';
      position: absolute;
      left: 12px;
      color: #c8a84b;
      font-size: 0.75rem;
      top: 13px;
    }

 /* ── Year group ── */
    .year-group {
      margin: 36px 0;
    }

    .year-group + .year-group {
      border-top: 2px solid #e8e4d8;
      padding-top: 36px;
    }

    /* ── Document list ── */
    .doc-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .doc-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 16px 18px;
      border-radius: 4px;
      transition: background-color 0.2s;
      cursor: pointer;
    }

    .doc-item:hover {
      background-color: #f0f4f9;
    }

    .doc-item + .doc-item {
      border-top: 1px solid #f0ece2;
    }

    /* ── Document icon ── */
    .doc-icon {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      background-color: #1a3a5c;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 2px;
    }

    .doc-icon svg {
      width: 22px;
      height: 22px;
      fill: #c8a84b;
    }

    /* ── Document meta ── */
    .doc-meta {
      flex: 1;
    }

    .doc-type {
      display: inline-block;
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      color: #aaa;
      margin-bottom: 2px;
    }

    .doc-title {
      display: block;
      font-size: 1rem;
      font-weight: 700;
      color: #1a3a5c;
      line-height: 1.4;
    }

    .doc-item:hover .doc-title {
      color: #c8a84b;
    }

    .doc-arrow {
      flex-shrink: 0;
      color: #c8a84b;
      font-size: 1.2rem;
      margin-top: 10px;
      opacity: 0;
      transition: opacity 0.2s, transform 0.2s;
    }

    .doc-item:hover .doc-arrow {
      opacity: 1;
      transform: translateX(4px);
    }

    /* ── Divider ── */
    hr.divider {
      border: none;
      height: 2px;
      background: linear-gradient(to right, transparent, #c8a84b, transparent);
      margin: 44px 0;
    }

    /* ── Note box ── */
    .note-box {
      background-color: #faf8f2;
      border: 1px solid #c8a84b;
      border-radius: 4px;
      padding: 16px 22px;
      margin-top: 32px;
      font-size: 0.88rem;
      color: #666;
      font-style: italic;
    }

    /* ── Responsive ── */
    @media (max-width: 600px) {
      .container { padding: 32px 20px; }
      h1 { font-size: 1.2rem; }
      .doc-arrow { display: none; }
    }