/* 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 {
    display: flex !important;
    min-height: 48px;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 10px 14px 12px !important;
    border: 0;
    border-bottom: 0;
    color: #182231;
    background: transparent !important;
    font-family: inherit;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.2 !important;
    letter-spacing: -.02em;
  }

  .sidebar-left .box-categories .pageElement__heading::before {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto;
    margin: 0 !important;
    color: #4d91c8;
    opacity: .9;
  }

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

  .sidebar-left #categories *,
  .sidebar-left #categories *::before,
  .sidebar-left #categories *::after {
    animation: none !important;
    transition: none !important;
  }

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

  .sidebar-left #categories .topic,
  .sidebar-left #categories ul,
  .sidebar-left #categories li {
    background: transparent !important;
  }

  .sidebar-left #categories .categories:hover,
  .sidebar-left #categories .categories:active,
  .sidebar-left #categories .categories:focus,
  .sidebar-left #categories .topic:hover,
  .sidebar-left #categories .topic:active,
  .sidebar-left #categories .topic:focus,
  .sidebar-left #categories ul:hover,
  .sidebar-left #categories ul:active,
  .sidebar-left #categories li:hover,
  .sidebar-left #categories li:active,
  .sidebar-left #categories li:focus {
    background-color: transparent !important;
    background-image: none !important;
  }

  .sidebar-left #categories .topic > a {
    position: relative !important;
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 14px 10px 48px !important;
    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;
    -webkit-tap-highlight-color: transparent;
    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 !important;
    background: rgba(255, 255, 255, .82) !important;
    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 !important;
    background: linear-gradient(100deg, #deedf8 0%, #edf5fb 100%) !important;
    box-shadow: inset 3px 0 0 #4d91c8;
  }

  .sidebar-left #categories .topic > a:active,
  .sidebar-left #categories .topic > a:focus,
  .sidebar-left #categories .topic > a:focus-visible {
    color: #164d77 !important;
    background: linear-gradient(100deg, #deedf8 0%, #edf5fb 100%) !important;
    outline: 2px solid rgba(77, 145, 200, .28);
    outline-offset: -2px;
  }

  .sidebar-left #categories .cat-trigger {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    left: 9px !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    transform: translateY(-50%);
    color: #718295;
    opacity: .8;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sidebar-left #categories .cat-trigger:hover,
  .sidebar-left #categories .cat-trigger:active,
  .sidebar-left #categories .cat-trigger:focus,
  .sidebar-left #categories .cat-trigger::before,
  .sidebar-left #categories .cat-trigger::after {
    color: #718295 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

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

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

  .sidebar-left #categories li > a {
    position: relative !important;
    display: flex;
    min-height: 38px;
    align-items: center;
    padding: 8px 14px 8px 42px !important;
    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;
    -webkit-tap-highlight-color: transparent;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
  }

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

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

  .sidebar-left #categories li > a:active,
  .sidebar-left #categories li > a:focus,
  .sidebar-left #categories li > a:focus-visible {
    color: #164d77 !important;
    background: #e7f2fa !important;
    outline: 2px solid rgba(77, 145, 200, .25);
    outline-offset: -2px;
  }

  .sidebar-left #categories li.active > ul {
    border-left: 0 !important;
  }

  .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;
  }
}