@layer pages {
  .app-sicom-revenues__page { container-type: inline-size; }

  .app-sicom-revenues__page .sicom-revenues-layout,
  .app-sicom-revenues__page .sicom-revenues-main,
  .app-sicom-revenues__page .sicom-revenues-support,
  .app-sicom-revenues__page .sicom-revenues-ranking-grid {
    display: grid;
    gap: var(--space-4);
    min-inline-size: 0;
  }

  .app-sicom-revenues__page .sicom-revenues-layout { grid-template-columns: minmax(0, 1fr); }
  .app-sicom-revenues__page .sicom-revenues-metric-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); }
  .app-sicom-revenues__page .sicom-revenues-chart__controls { display: flex; flex-wrap: wrap; gap: var(--space-2); }
  .app-sicom-revenues__page .sicom-revenues-chart__controls .ds-field { min-inline-size: min(100%, 9.5rem); }
  .app-sicom-revenues__page .sicom-revenues-events > summary { cursor: pointer; }

  @container (min-width: 48rem) {
    .app-sicom-revenues__page .sicom-revenues-ranking-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}