/* The leading card is independent of the following cards' snap alignment.
   No attribute means the existing desktop/mobile behaviour is retained. */
.pg-layout[data-scrollable="1"]:is([data-scroll-start-position="left"],[data-scroll-start-position="center"]) > .pg-layout__track.is-pg-scroll-start-active,
.pg-post-list--horizontal:is([data-scroll-start-position="left"],[data-scroll-start-position="center"]) > .pg-post-list__items {
  padding-inline-start: var(--pg-scroll-start-padding,0px) !important;
  scroll-padding-inline: 0 !important;
}
.pg-layout[data-scrollable="1"][data-scroll-start-position="left"] > .pg-layout__track.is-pg-scroll-start-active > .pg-layout__item:first-child,
.pg-post-list:is(.pg-post-list--horizontal,.pg-post-list--sp-scroll)[data-scroll-start-position="left"] > .pg-post-list__items > .pg-post-list__item:first-child {
  scroll-snap-align: start !important;
}
.pg-layout[data-scrollable="1"][data-scroll-start-position="center"] > .pg-layout__track.is-pg-scroll-start-active > .pg-layout__item:first-child,
.pg-post-list:is(.pg-post-list--horizontal,.pg-post-list--sp-scroll)[data-scroll-start-position="center"] > .pg-post-list__items > .pg-post-list__item:first-child {
  scroll-snap-align: center !important;
}
/* The mobile card-list mode already centres its cards without a controller. */
.pg-post-list--sp-scroll[data-scroll-start-position="left"] > .pg-post-list__items {
  padding-inline-start: 0 !important;
}
.pg-post-list--sp-scroll:is([data-scroll-start-position="left"],[data-scroll-start-position="center"]) > .pg-post-list__items {
  scroll-padding-inline: 0 !important;
}