.substancespage-shell .em-host {
    padding: 0px 0px 100px
}

:root:not(.theme-dark) .substancespage-shell .em-host .em-grid {
  background: none;
}


.categories-sticky-shell {
  
    position: sticky;
    top: 0;
    z-index: 30;

    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    width: auto;
    padding: 1em;
    
}

@media (orientation: portrait) and (max-width: 519px) {
  
  body.nav-mobile-active
    .page-shell[data-route="library"][data-route-tab="categories"]
    > .content-refresh-transition {
    padding-top: 0;
  }

  body.nav-mobile-active .categories-sticky-shell {
    position: static;
    position: initial;
    
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding-top: calc(
      var(--floating-topbar-content-top) + 1em
    );
}
}




.theme-dark .categories-sticky-shell {
    background: rgba(20, 20, 20, 0.55);
}

.theme-dark .substancespage-shell .em-host .em-tile.category-tile {
  color: #ffffff;
}
.theme-dark .substancespage-shell .em-tile {
  opacity: .7!important;
}


.substancespage-shell .list-group-header {
        font-size: 18px;
        font-weight: 800;
        opacity: 0.65;
        margin: 1em 0em 1em 1em;
}





.secondary-grid .secondary-header {
  max-width: 100%;
  font-size: clamp(18px, calc(0.87vw + 2.5px), 30px);
  font-weight: 800;
  opacity: 0.55;

  text-align: center;
  align-self: center;
  grid-column: auto !important;

  white-space: normal;

  
  word-break: keep-all;        
  overflow-wrap: break-word;  

  hyphens: none;               
  -webkit-hyphens: none;
}






.substancespage-shell .category-tile {
    min-height: 110px;
    padding: 16px 10px;
    border-radius: 7px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

    box-shadow: 0 1px 2px rgba(0,0,0,0.06);

    
    transition:
      transform 160ms cubic-bezier(.2,.8,.2,1),
      box-shadow 160ms ease;
    will-change: transform;
}


.substancespage-shell .category-tile:hover {
  transform: scale(1.035);
  z-index: 5;
  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
}


.substancespage-shell .em-grid .category-tile:not(:hover) {
  transform: scale(0.985);
  opacity: 0.92;
}

.substancespage-shell .category-tile .em-tile__title {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.15;
    margin-top: 0px;
    white-space: normal;
    
      word-break: keep-all;
  overflow-wrap: break-word;

  hyphens: none;
  -webkit-hyphens: none;
}

.substancespage-shell .category-tile .em-tile__meta {
    font-size: 12px;            
    opacity: 0.7;
    margin-top: 4px;
}




@media (min-width: 900px) {
    .substancespage-shell .secondary-grid {
        --cols: 3 !important;
    }
    .substancespage-shell .category-tile {
        min-height: 95px;
        padding: 12px 8px;
    }
}




.secondary-grid.is-masonry .category-tile {
  grid-row: span calc(1 * 10);
  grid-row: span calc(var(--tile-h, 1) * 10);
  grid-column: span 1;
  grid-column: span var(--tile-w, 1);
  align-self: stretch;
  height: auto;
}



.secondary-grid.is-masonry .secondary-header--group {
display: none;
}



.secondary-grid.is-masonry .em-tile__title {
  font-size: 1.2rem!important;

    white-space: normal!important;
  word-break: break-word!important;

}

.alerts-crawlable-archive {
  margin: 24px auto 40px;
  max-width: 1100px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 14px;
}

.alerts-crawlable-archive summary {
  cursor: pointer;
  font-weight: 700;
}

.alerts-crawlable-archive nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 16px 0;
}

.alerts-crawlable-archive ol {
  columns: 2;
  column-gap: 32px;
}

@media (max-width: 720px) {
  .alerts-crawlable-archive ol {
    columns: 1;
  }
}