.dp-compliance{--dp-gap:24px;--dp-accent:#173f46;width:100%;min-width:0;color:inherit;font-family:inherit;box-sizing:border-box;padding:clamp(32px,5vw,64px) clamp(16px,3vw,40px);background-color:#f6f7f7;background-image:radial-gradient(ellipse 48% 22px at 50% 0,rgba(25,38,42,.10) 0,rgba(25,38,42,.035) 42%,transparent 100%),radial-gradient(ellipse 48% 22px at 50% 100%,rgba(25,38,42,.10) 0,rgba(25,38,42,.035) 42%,transparent 100%);}.dp-compliance *{box-sizing:border-box}.dp-compliance .dp-compliance__heading{margin:0 0 28px}.dp-compliance .dp-compliance__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--dp-columns) - 1)*var(--dp-gap))/var(--dp-columns));gap:var(--dp-gap);list-style:none;margin:0;padding:12px 10px 22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}.dp-compliance--grid .dp-compliance__track{grid-auto-flow:row;grid-template-columns:repeat(var(--dp-columns),minmax(0,1fr));overflow:visible}.dp-compliance .dp-compliance__item{list-style:none;margin:0;padding:0;min-width:0;display:flex;scroll-snap-align:start}.dp-compliance .dp-compliance__card{width:100%;display:flex;flex-direction:column;background:#fff;color:#202a2d;border:1px solid rgba(25,38,42,.045);box-shadow:0 3px 12px rgba(25,38,42,.045),0 1px 3px rgba(25,38,42,.025);border-radius:16px;overflow:hidden}.dp-compliance .dp-compliance__image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:22px;background:#fff}.dp-compliance .dp-compliance__image img{width:100%;height:100%;object-fit:contain}.dp-compliance .dp-compliance__logos{display:flex;align-items:center;gap:14px;min-height:62px;padding:16px 22px 10px;flex-wrap:wrap}.dp-compliance .dp-compliance__logos img{width:auto;height:26px;max-width:78px;object-fit:contain}.dp-compliance .dp-compliance__logos span{font-size:12px}.dp-compliance .dp-compliance__body{display:flex;flex:1;flex-direction:column;padding:8px 22px 24px}.dp-compliance .dp-compliance__code{font-size:12px;letter-spacing:.08em;font-weight:600;color:#58666a;margin:0 0 8px}.dp-compliance .dp-compliance__title{font-size:22px;line-height:1.25;margin:0 0 14px}.dp-compliance .dp-compliance__title a{color:inherit;text-decoration:none}.dp-compliance .dp-compliance__excerpt{font-size:15px;line-height:1.65;margin:0 0 24px;color:#536166}.dp-compliance .dp-compliance__link{margin-top:auto}.dp-compliance .dp-compliance__controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.dp-compliance .dp-compliance__controls[hidden]{display:none}.dp-compliance .dp-compliance__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--dp-accent);border-radius:50%;background:var(--dp-accent);color:white;font:inherit;font-size:24px;cursor:pointer}.dp-compliance .dp-compliance__arrow:disabled{opacity:.3;cursor:default}.dp-compliance a:focus-visible,.dp-compliance button:focus-visible,.dp-compliance__track:focus-visible{outline:3px solid #197c95;outline-offset:3px}.dp-compliance .dp-compliance__arrow:hover:not(:disabled){background:#28606a}@media(max-width:1023px){.dp-compliance{--dp-gap:18px}.dp-compliance .dp-compliance__track{grid-auto-columns:calc((100% - (min(var(--dp-columns),2) - 1)*var(--dp-gap))/min(var(--dp-columns),2))}.dp-compliance--grid .dp-compliance__track{grid-template-columns:repeat(min(var(--dp-columns),2),minmax(0,1fr))}}@media(max-width:600px){.dp-compliance{--dp-columns:1!important;--dp-gap:16px}.dp-compliance .dp-compliance__image{aspect-ratio:16/10}}

/* Extend the section surface to the viewport without widening the card track. */
.dp-compliance{position:relative;isolation:isolate;background:none;clip-path:inset(0 -100vmax)}
.dp-compliance::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f6f7f7;box-shadow:0 0 0 100vmax #f6f7f7;clip-path:inset(0 -100vmax)}
.dp-compliance::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 48% 22px at 50% 0,rgba(25,38,42,.10) 0,rgba(25,38,42,.035) 42%,transparent 100%),radial-gradient(ellipse 48% 22px at 50% 100%,rgba(25,38,42,.10) 0,rgba(25,38,42,.035) 42%,transparent 100%)}

/* Hide scrollbars while retaining touch, trackpad and keyboard scrolling. */
.dp-compliance .dp-compliance__track{scrollbar-width:none;-ms-overflow-style:none;overflow-anchor:none;scroll-padding-inline:10px}
.dp-compliance .dp-compliance__track::-webkit-scrollbar{display:none;width:0;height:0}
.dp-compliance .dp-compliance__arrow{background:#000;border-color:#000}
.dp-compliance .dp-compliance__arrow:hover:not(:disabled){background:#222;border-color:#222}

/* Reserve the code row even when a product has no code. */
.dp-compliance .dp-compliance__code{line-height:1.5;min-height:1.5em}

/* Keep the scrolling track inside Oxygen's flex/grid shortcode wrapper.
   Inline-size containment prevents the repeated slides determining page width. */
.ct-shortcode:has(> .dp-compliance) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  align-self: stretch;
}
.dp-compliance {
  max-width: 100%;
  contain: inline-size;
}
.dp-compliance .dp-compliance__track {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.dp-compliance .dp-compliance__card,
.dp-compliance .dp-compliance__body {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.dp-compliance .dp-compliance__link {
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 600px) {
  .dp-compliance {
    padding-inline: 0;
  }
  .dp-compliance--carousel .dp-compliance__track {
    grid-auto-columns: 100%;
  }
}
