/*
-----------------------------------------
BUSINESSES
Alla märkta verksamheter a-ö (källans ul.digital-applications och .letter-links): bokstavslänkar överst och en grupp per bokstav.
Bokstaven står grå i vänstermarginalen, varje verksamhet är en rad med tunn linje under.
-----------------------------------------
*/

.letter-links {
  margin-block-end: var(--space-30);
  text-align: left;
}

/* Bokstäverna ligger i löpande text med ett mellanslag emellan (källans .letter-links), de utan verksamheter grå */
.letter-links__letter {
  color: var(--text-letter-empty);
}

.business-list {
  padding-inline-start: var(--space-30);
  text-align: left;
}

.business-list__group {
  position: relative;
}

.business-list__letter {
  position: absolute;
  inset-block-start: -1rem;
  inset-inline-start: -3rem;
  color: var(--text-letter);
  font-size: var(--fs-16);
  font-weight: var(--font-weight-medium);
  line-height: var(--lh-tight);
}

/* Ankaret ligger över bokstaven, så att länken från bokstavsraden hamnar under det fasta sidhuvudet */
.business-list__anchor {
  position: absolute;
  inset-block-start: -6.4rem;
}

.business-list__items {
  margin: 0;
  padding: 0;
}

/* Långa oavbrutna texter (en adress som är en webbadress) bryts i stället för att göra sidan bredare än fönstret */
.business-list__item {
  padding: 0.5rem var(--space-20);
  border-block-end: var(--border-width) solid var(--border-list);
  overflow-wrap: anywhere;
}

.business-list__meta {
  color: var(--text-body);
}