/* v0.10.4: authoritative sidebar layout for EVERY page and role.
   Desktop: the sidebar and its tag panel do NOT travel while the page scrolls;
   neither area has a separate vertical scrolling container.
   Mobile/tablet: maintain natural document flow so nothing is cut off. */
@media (min-width: 891px) {
  body.od-home-member .shell > aside.sidebar,
  body.od-home-public .shell > aside.sidebar,
  body.od-inner-page .shell > aside.sidebar {
    position: fixed !important;
    top: 92px !important;
    left: max(24px, calc((100vw - 1370px) / 2 + 24px)) !important;
    width: 247px !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    transform: none !important;
    z-index: 4;
  }
  body .shell > section.content { grid-column: 2 !important; min-width: 0 !important; }
  body .shell > aside.sidebar .side-menu,
  body .shell > aside.sidebar .tag-interior,
  body .shell > aside.sidebar .tags { overflow: visible !important; max-height: none !important; }
}
@media (min-width: 891px) and (max-width: 1110px) {
  body.od-home-member .shell > aside.sidebar,
  body.od-home-public .shell > aside.sidebar,
  body.od-inner-page .shell > aside.sidebar { left: 17px !important; width: 225px !important; }
}
@media (max-width: 890px) {
  body.od-home-member .shell > aside.sidebar,
  body.od-home-public .shell > aside.sidebar,
  body.od-inner-page .shell > aside.sidebar {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
body .side-link .od-side-count {
  margin-left: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-variant-numeric: tabular-nums;
  min-width: 22px;
  white-space: nowrap;
  flex: none;
}