/**
 * Autor-, Schlagwort- und Suchlisten (gleiches Raster wie Kategorie).
 */

.st-listing-page--author .category-card__author-link,
.st-listing-page--tag .category-card__author-link,
.st-listing-page--tags-overview .category-card__author-link,
.st-listing-page--search .category-card__author-link,
.st-listing-page--saved .category-card__author-link,
.st-listing-page--recent .category-card__author-link,
.st-listing-page--saved-editors .category-card__author-link {
  text-decoration: none;
}

.st-listing-page--account .st-account-profile {
  margin: 0 auto;
  max-width: min(960px, 100%);
}

.st-listing-page--account .st-account-profile > article {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}

/* Account: Content-Spalte ohne Karten-Hintergrund (Hero-Page-BG durchscheinen) */
.page-wrapper.st-page--account #sidebar-box-main.region-outer.main-box,
.page-wrapper.st-page--account #sidebar-box-main > .sidebar-box-main-inner {
  background: transparent;
  background-color: transparent;
}

/*
 * Listing/Account: Hero-Stage bis Viewport-Unterkante (Höhe per JS von #st_hero-Oberkante).
 * Fallback min-height wie Rubrik, bis st-homepage-main-offset.js gemessen hat.
 */
.page-wrapper:is(
  .st-page--account,
  .st-page--author,
  .st-page--tag,
  .st-page--tags-overview,
  .st-page--search,
  .st-page--recent,
  .st-page--saved-editors
):has(#st_hero_meta) > #st_hero:not(.st-hero--empty) {
  min-height: max(400px, 58svh, 58dvh);
  height: var(--st-hero-stage-height, max(400px, 58svh, 58dvh));
  margin-bottom: calc(-1 * var(--st-hero-stage-height, max(400px, 58svh, 58dvh)));
}

.st-listing-page--account .st-account-profile .field {
  margin-bottom: var(--st-space-16, 16px);
}

.st-listing-page--account .st-account-profile .field:last-child {
  margin-bottom: 0;
}

/* Autorenseite: Kontakt-Button unter Hero-Beschreibung */
#st_hero_meta .st-hero__author-contact {
  margin: 20px 0 0;
  width: 100%;
  text-align: center;
}

#st_hero_meta .st-hero__author-contact-details {
  display: inline-block;
  max-width: min(720px, 100%);
  text-align: left;
}

#st_hero_meta .st-hero__author-contact-button {
  display: inline-block;
  margin: 0;
  padding: 5px 25px;
  border: 1px solid color-mix(in srgb, var(--st-hero-meta-color) 55%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, var(--st-hero-meta-color) 12%, transparent);
  color: var(--st-hero-meta-color);
  font-size: var(--st-hero-meta-editorial-font, inherit);
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#st_hero_meta .st-hero__author-contact-button::-webkit-details-marker {
  display: none;
}

#st_hero_meta .st-hero__author-contact-button::marker {
  content: '';
}

#st_hero_meta .st-hero__author-contact-button:hover,
#st_hero_meta .st-hero__author-contact-details[open] > .st-hero__author-contact-button {
  background: color-mix(in srgb, var(--st-hero-meta-color) 22%, transparent);
  border-color: var(--st-hero-meta-color);
  color: var(--st-hero-meta-color);
}

#st_hero_meta .st-hero__author-contact-form {
  margin-top: var(--st-space-20, 20px);
  padding: var(--st-space-20, 20px);
  border-radius: 6px;
  background: color-mix(in srgb, var(--st-bg-page, #fff) 92%, transparent);
  color: var(--st-text, #111);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--st-text, #000) 12%, transparent);
}

#st_hero_meta .st-hero__author-contact-form .webform-submission-form {
  max-width: 100%;
}

.st-page--search .st-hero__meta,
.st-page--author .st-hero__meta,
.st-page--tag .st-hero__meta,
.st-page--tags-overview .st-hero__meta,
.st-page--account .st-hero__meta {
  max-width: 100%;
}

.st-tags-overview__nav {
  margin: 0 0 var(--st-space-fluid);
}

.st-tags-overview__letters,
.st-tags-overview__letters > li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.st-tags-overview__letters > li {
  display: contents;
}

.st-tags-overview__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  padding: var(--st-space-5) var(--st-space-10);
  border: 1px solid color-mix(in srgb, var(--st-text, #111) 18%, transparent);
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
}

.st-tags-overview__letter.is-active,
.st-tags-overview__letter:hover,
.st-tags-overview__letter:focus-visible {
  border-color: var(--st-link, #0066cc);
  background: color-mix(in srgb, var(--st-link, #0066cc) 10%, transparent);
}

.st-listing-page--tags-overview .category-card--tag .category-card__body {
  min-height: 100%;
}