/* WPS SLIDES — all sizes follow --fs, the scale that is set per screen. */
.slide.is-wps { --wps-paper: #F2EDE0; --wps-ink: #2D2926; --wps-green: #8A8C4A; --wps-leader: #c4bfa8; }
.slide.is-wps { background-color: var(--wps-paper); color: var(--wps-ink); row-gap: 2vh; }
.slide.is-wps .wps-header { display: flex; align-items: baseline; justify-content: space-between; column-gap: 1.5em; padding-bottom: 1vh; }
.slide.is-wps .wps-header h2 { font-size: calc(var(--fs, 16px) * 3); line-height: 1.1; font-weight: 600; color: var(--wps-green); }
.slide.is-wps .wps-header__page { font-size: calc(var(--fs, 16px) * 1.25); font-weight: 400; color: var(--wps-green); opacity: .75; }

/* The theme sets a font-size on every element (`* { font-size: var(--fs) }`), so
   inheritance has to be restored to keep the em based sizing below working. */
.slide.is-wps .wps-fit { flex: 1 1 auto; min-height: 0; overflow: hidden; font-size: calc(var(--fs, 16px) * 1.375); }
.slide.is-wps .wps-fit * { font-size: 1em; }
.slide.is-wps .wps-fit > * { height: 100%; }

/* PRICE LIST */
.slide.is-wps-products .wps-pricelist { column-width: 22em; column-gap: 2.5em; column-fill: auto; }
.slide.is-wps-products .wps-group { margin-bottom: 1.4em; }
.slide.is-wps-products .wps-group__title { font-size: 1.5em; line-height: 1.2; margin-bottom: .45em; font-weight: 600; color: var(--wps-green); break-after: avoid; }
.slide.is-wps-products .wps-group__continued { font-size: .5em; font-weight: 400; font-style: italic; opacity: .6; }
.slide.is-wps-products .wps-group__items { margin: 0; padding: 0; list-style: none; }

.slide.is-wps-products .wps-item { display: flex; align-items: baseline; column-gap: .45em; line-height: 1.75; break-inside: avoid; }
.slide.is-wps-products .wps-item__name { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slide.is-wps-products .wps-item__leader { flex: 1 1 auto; min-width: .75em; border-bottom: .09em dotted var(--wps-leader); transform: translateY(-.35em); }
.slide.is-wps-products .wps-item__price { font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Vertical screens: groups stack full width, the items inside a group run in two columns. */
.vertical .slide.is-wps-products .wps-pricelist { column-width: auto; column-count: 1; }
.vertical .slide.is-wps-products .wps-group__items { column-count: 2; column-gap: 2.5em; }