/* Maskinstationer – bildspel. Alla bilder ligger i samma ruta och tonar över i varandra,
   så höjden är alltid densamma (400×195) och inget hoppar. */
.lnms { position: relative; }
.lnms__slides { display: grid; border-radius: var(--radius, 6px); overflow: hidden; background: var(--c-line, #e5e7e2); }
.lnms__slide {
  grid-area: 1 / 1;
  margin: 0;
  opacity: 0; visibility: hidden;
  transition: opacity .6s ease, visibility 0s linear .6s;
}
.lnms__slide.is-active { opacity: 1; visibility: visible; transition: opacity .6s ease; }
.lnms__slide a { position: relative; display: block; color: #fff; text-decoration: none; }
.lnms__slide img { display: block; width: 100%; height: auto; aspect-ratio: 400 / 195; object-fit: cover; }
.lnms__text {
  position: absolute; inset: auto 0 0;
  display: grid; gap: 2px;
  padding: 28px 12px 10px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .78));
  font: 400 .8125rem/1.3 var(--f-ui, system-ui, sans-serif);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.lnms__text strong { font-size: .9375rem; font-weight: 700; }
.lnms__text span { opacity: .9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lnms__slide a:focus-visible { outline: 3px solid var(--c-brand, #3d9a32); outline-offset: -3px; }

/* Utan rubrik: bildspelet ligger direkt i sidebaren som en banner, utan ruta runt. */
.widget_maskinstationer_widget:not(:has(> .widget__title, > h2)) { padding: 0; border: 0; background: none; }

@media (prefers-reduced-motion: reduce) {
  .lnms__slide, .lnms__slide.is-active { transition: none; }
}