/* Webbranding: inherited typography, flat white surfaces, scoped controls. */
.wb-lws {
 --wb-lws-accent: #134695;
 --wb-lws-height: 269px;
 --wb-lws-fit: contain;
 inline-size: 100%;
 max-inline-size: 100%;
 margin-block: 1rem;
 background: #fff;
 color: #1b2330;
 font: inherit;
}
.wb-lws *, .wb-lws *::before, .wb-lws *::after { box-sizing: border-box; }
.wb-lws [hidden] { display: none !important; }
.wb-lws .wb-lws__track {
 display: flex;
 inline-size: 100%;
 max-inline-size: 100%;
 overflow-x: auto;
 overscroll-behavior-inline: contain;
 scroll-snap-type: x mandatory;
 scrollbar-width: thin;
}
.wb-lws .wb-lws__slide {
 flex: 0 0 100%;
 min-inline-size: 0;
 min-block-size: var(--wb-lws-height);
 scroll-snap-align: start;
 scroll-snap-stop: normal;
 background: #fff;
}
.wb-lws .wb-lws__image { block-size: var(--wb-lws-height); inline-size: 100%; }
.wb-lws .wb-lws__image a { display: block; block-size: 100%; }
.wb-lws .wb-lws__image img {
 display: block;
 inline-size: 100%;
 block-size: 100%;
 max-inline-size: 100%;
 margin: 0;
 object-fit: var(--wb-lws-fit);
}
.wb-lws .wb-lws__text { padding: 1rem; overflow-wrap: anywhere; background: #fff; color: #1b2330; }
.wb-lws .wb-lws__title { margin-block: 0 .75rem; color: #1b2330; }
.wb-lws .wb-lws__content > :first-child { margin-block-start: 0; }
.wb-lws .wb-lws__content > :last-child { margin-block-end: 0; }
.wb-lws .wb-lws__link { display: inline-block; margin-block-start: .75rem; color: var(--wb-lws-accent); text-decoration: underline; }
.wb-lws .wb-lws__controls { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-block-start: .5rem; background: #fff; }
.wb-lws .wb-lws__controls button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-inline-size: 44px;
 min-block-size: 44px;
 padding: .5rem;
 border: 1px solid var(--wb-lws-accent);
 border-radius: 4px;
 background: #fff;
 color: var(--wb-lws-accent);
 box-shadow: none;
 font: inherit;
 font-size: 1.25rem;
 line-height: 1;
 cursor: pointer;
}
.wb-lws .wb-lws__controls button:hover { border-color: #1b2330; color: #1b2330; background: #fff; }
.wb-lws :focus-visible { outline: 3px solid var(--wb-lws-accent); outline-offset: -3px; }
.wb-lws:dir(rtl) .wb-lws__controls button span { transform: rotate(180deg); }
.wb-lws .wb-lws__status { min-inline-size: 5ch; text-align: center; }
@media (prefers-reduced-motion: reduce) {
 .wb-lws .wb-lws__track { scroll-behavior: auto; }
}
