#legacy-sidebar:not([hidden]) {
  position: fixed;
  top: calc(var(--nav-h, 64px) + 8px);
  bottom: calc(88px + env(safe-area-inset-bottom));
  left: 0;
  height: auto;
  max-height: none;
  width: min(280px, calc(100vw - 52px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 12px;
  background: var(--white);
  z-index: 230;
  box-shadow: 8px 0 30px #0002;
}
.feed-action-btn .icon { display: inline-flex; align-items: center; }
.reaction-pill.like { background: transparent; color: var(--green); }
.comments-section.comments-empty:not([open]) { display: none; }
.comments-section.comments-empty > summary { display: none; }
.sidebar-item-icon, .rail-icon { color: var(--green); }
@media (min-width: 769px) and (max-height: 900px) and (max-width: 1600px) {
  body .feed-post-image { max-height: clamp(220px, 42dvh, 360px) !important; object-fit: contain; }
  body #cover-banner { height: 170px !important; }
  .feed-post-content { overflow-wrap: anywhere; }
  .sidebar-item { padding-top: .4rem; padding-bottom: .4rem; }
}
@media (max-width: 768px) {
  body .feed-post-image { max-height: 55dvh !important; object-fit: contain; }
  .feed-post-actions-bar { flex-wrap: wrap; }
  #legacy-sidebar:not([hidden]) { top: calc(var(--nav-h, 64px) + 4px); }
}

/* Le menu fixe ne doit jamais devenir une colonne de la grille. */
@media (min-width: 1101px) {
  main.fb-layout.legacy-layout,
  main.fb-layout.legacy-layout.sidebar-expanded,
  main.fb-layout.legacy-layout.sidebar-expanded:has(>.fb-right) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    gap: 0;
  }
  main.fb-layout.legacy-layout.sidebar-expanded {
    padding-left: 280px !important;
  }
  main.fb-layout.legacy-layout:not(.sidebar-expanded) {
    padding-left: 40px !important;
  }
  main.fb-layout.legacy-layout > .fb-center {
    grid-column: 1 !important;
    min-width: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }
}