.dl-integrations .dl-p16-examples { background:var(--dl-color-white); padding-inline:20px; }
.dl-integrations .dl-p16-examples-figure { margin:32px 0; padding:0; border:0; border-radius:0; box-shadow:none; }
.dl-integrations .dl-p16-examples-image { display:block; width:100%; height:auto; border:0; border-radius:0; box-shadow:none; }
.dl-integrations .dl-p16-examples-figure figcaption { margin-top:16px; }
.dl-integrations .dl-p16-examples-grid { display:grid; gap:32px; }
.dl-integrations .dl-p16-examples-grid article { min-width:0; }
.dl-integrations .dl-p16-result { border-top:2px solid var(--dl-color-blue); padding-top:24px; margin-bottom:0; }
.dl-integrations .dl-p16-examples>.dl-p16-note { margin-top:32px; margin-bottom:0; }
@media(min-width:1024px) { .dl-integrations .dl-p16-examples { padding-inline:48px; } .dl-integrations .dl-p16-examples-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

@supports (grid-template-rows:subgrid) {
  @media(min-width:1024px) {
    .dl-integrations .dl-p16-examples-grid { row-gap:16px; }
    .dl-integrations .dl-p16-examples-grid article { display:grid; grid-template-rows:subgrid; grid-row:span 3; }
    .dl-integrations .dl-p16-examples-grid article > h3,
    .dl-integrations .dl-p16-examples-grid article > p { margin:0; }
  }
}