@media (max-width: 768px) {#ap-aggregate .ap-hero-grid, #ap-aggregate .ap-index-cards, #ap-aggregate .ap-scenario-grid, #ap-aggregate .ap-spotlight-grid, #ap-aggregate .ap-science-grid, #ap-aggregate .ap-guide-grid, #ap-aggregate .ap-formulation-grid, #ap-aggregate .ap-quality-grid, #ap-aggregate .ap-decision-grid, #ap-aggregate .ap-article-cards, #ap-aggregate .ap-format-grid{
    grid-template-columns: minmax(0, 1fr) !important;
  }#ap-aggregate .ap-layer-stack{
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }#ap-aggregate .ap-layer{
    width: 100%;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: 44px minmax(0, 1fr);
    overflow-wrap: anywhere;
  }#ap-aggregate .ap-layer > *{
    min-width: 0;
  }#ap-aggregate .ap-spec-callout{
    grid-template-columns: minmax(0, 1fr);
    overflow-wrap: anywhere;
  }#ap-aggregate .ap-spec-value{
    min-width: 0;
    text-align: left;
    overflow-wrap: anywhere;
    word-break: break-word;
  }#ap-aggregate [class*="module"], #ap-aggregate [class*="media"], #ap-aggregate [class*="text"], #ap-aggregate [class*="table"], #ap-aggregate [class*="grid"]{
    max-width: 100%;
    min-width: 0;
  }#ap-aggregate [class*="module"] > *, #ap-aggregate [class*="media"] > *, #ap-aggregate [class*="table"] > *{
    max-width: 100%;
    min-width: 0;
  }#ap-aggregate table{
    max-width: 100%;
    width: 100%;
    min-width: 0 !important;
    overflow-x: auto;
    display: block;
  }#ap-aggregate .ap-tbl, #ap-aggregate [class*="table"]{
    max-width: 100%;
    min-width: 0 !important;
  }#ap-aggregate thead, #ap-aggregate tbody, #ap-aggregate tr{
    max-width: 100%;
    width: 100%;
    min-width: 0;
  }#ap-aggregate td, #ap-aggregate th{
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal !important;
  }#ap-aggregate .ap-table-wrap, #ap-aggregate [class*="table-wrap"], #ap-aggregate [class*="table-wrapper"]{
    max-width: 100%;
    min-width: 0;
    width: 100%;
    overflow-x: auto;
  }#ap-aggregate img{
    max-width: 100%;
    height: auto;
  }#ap-aggregate .ap-scenario-media img, #ap-aggregate .ap-spotlight-media img, #ap-aggregate .ap-hero-media img, #ap-aggregate .ap-product-visual img{
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
@media (max-width: 390px) {#ap-aggregate .ap-index-card, #ap-aggregate .ap-decision-card{
    padding: 1rem;
  }
}