/* Premium pastel category sidebar, aligned with category editorial panels. */
@media (min-width: 768px) {
  .sidebar-left .box-categories {
    overflow: hidden;
    border: 1px solid #dfe8f1;
    border-radius: 14px;
    color: #202734;
    background:
      linear-gradient(155deg, rgba(227, 240, 251, .86) 0%, rgba(247, 250, 253, .98) 38%, #fff 100%);
    box-shadow:
      0 16px 38px rgba(45, 66, 89, .09),
      inset 0 1px 0 rgba(255, 255, 255, .9);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .sidebar-left .box-categories .pageElement__heading {
    min-height: 74px;
    margin: 0;
    padding: 0 28px;
    border: 0;
    border-bottom: 1px solid #dfe8f1;
    color: #182231;
    background: rgba(255, 255, 255, .84);
    font-family: inherit;
    font-size: 20px;
    font-weight: 750;
    line-height: 74px;
    letter-spacing: -.02em;
  }

  .sidebar-left .box-categories .pageElement__heading::before {
    color: #4d91c8;
    opacity: .9;
  }

  .sidebar-left #categories {
    padding: 12px 14px 18px;
  }

  .sidebar-left #categories .categories {
    margin: 2px 0;
    border: 0;
    background: transparent;
  }

  .sidebar-left #categories .topic > a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 36px 10px 16px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #293545;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 720;
    line-height: 1.3;
    letter-spacing: .01em;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
  }

  .sidebar-left #categories .topic > a:hover {
    border-color: #d7e6f2;
    color: #1d5f91;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 5px 14px rgba(55, 88, 116, .07);
  }

  .sidebar-left #categories .categories.active > .topic > a,
  .sidebar-left #categories .topic.child-active > a {
    border-color: #cbdfee;
    color: #164d77;
    background: linear-gradient(100deg, #deedf8 0%, #edf5fb 100%);
    box-shadow: inset 3px 0 0 #4d91c8;
  }

  .sidebar-left #categories .cat-trigger {
    color: #718295;
    opacity: .8;
  }

  .sidebar-left #categories ul {
    margin: 2px 0 7px;
    padding: 3px 0 3px 13px;
    border-left: 1px solid #d9e5ef;
  }

  .sidebar-left #categories li {
    margin: 1px 0;
  }

  .sidebar-left #categories li > a {
    display: flex;
    min-height: 38px;
    align-items: center;
    padding: 8px 30px 8px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #526172;
    background: transparent;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 560;
    line-height: 1.35;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
  }

  .sidebar-left #categories li > a:hover {
    border-color: #e0eaf2;
    color: #1d5f91;
    background: rgba(255, 255, 255, .82);
  }

  .sidebar-left #categories li.active > a {
    border-color: #c9dfef;
    color: #164d77;
    background: #e7f2fa;
    font-weight: 720;
  }

  .sidebar-left #categories li.active > ul {
    border-left-color: #b8d4e7;
  }

  .sidebar-left #categories li.active > ul a {
    min-height: 34px;
    color: #647384;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .sidebar-left .box-categories {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}