/* Praxoria Startseite – v557: Support-Header zurück auf v554, rechter Leerraum als ruhige Leitnotiz.
   Keine neue Navigation, keine zusätzlichen Boxen/Pillen. */

html body.home.homeRefinedV557 .supportCard .supportHeadRow{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 360px) !important;
  gap: clamp(28px, 5vw, 92px) !important;
  align-items: end !important;
  margin: 0 !important;
}

html body.home.homeRefinedV557 .supportCard .supportHeadRow .subHead{
  max-width: 760px !important;
}

html body.home.homeRefinedV557 .supportQuietNote{
  position: relative !important;
  align-self: end !important;
  margin-bottom: clamp(2px, .5vw, 8px) !important;
  padding: clamp(16px, 1.7vw, 22px) 0 clamp(5px, .8vw, 10px) clamp(22px, 2vw, 30px) !important;
  color: color-mix(in oklab, var(--text) 64%, var(--muted)) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.home.homeRefinedV557 .supportQuietNote::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: clamp(12px, 1.2vw, 16px) !important;
  bottom: clamp(8px, .8vw, 12px) !important;
  width: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--accent) 42%, transparent),
    color-mix(in oklab, var(--accent3) 32%, transparent) 52%,
    color-mix(in oklab, var(--accent2) 34%, transparent)
  ) !important;
  opacity: .58 !important;
}

html body.home.homeRefinedV557 .supportQuietKicker{
  color: color-mix(in oklab, var(--muted2) 78%, var(--text)) !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 780 !important;
  margin: 0 0 .58rem !important;
}

html body.home.homeRefinedV557 .supportQuietNote p{
  margin: 0 !important;
  max-width: 31ch !important;
  font-size: clamp(.96rem, .98vw, 1.05rem) !important;
  line-height: 1.55 !important;
  letter-spacing: -.01em !important;
  color: color-mix(in oklab, var(--text) 72%, var(--muted)) !important;
}

html body.home.homeRefinedV557 .supportQuietTrace{
  display: flex !important;
  align-items: center !important;
  gap: .52rem !important;
  margin-top: clamp(12px, 1.2vw, 16px) !important;
  color: color-mix(in oklab, var(--muted2) 70%, var(--text)) !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

html body.home.homeRefinedV557 .supportQuietTrace i{
  display: block !important;
  width: clamp(20px, 3.1vw, 46px) !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    color-mix(in oklab, var(--accent) 34%, transparent),
    color-mix(in oklab, var(--accent3) 30%, transparent),
    color-mix(in oklab, var(--accent2) 30%, transparent)
  ) !important;
  opacity: .62 !important;
}

/* Der alte, feine Headline-Strich bleibt die visuelle Hauptmarke; die rechte Notiz darf nicht konkurrieren. */
html body.home.homeRefinedV557 .supportCard .subHead h3::after{
  opacity: .38 !important;
}

@media (max-width: 1040px){
  html body.home.homeRefinedV557 .supportCard .supportHeadRow{
    grid-template-columns: 1fr !important;
    gap: clamp(18px, 3vw, 28px) !important;
  }

  html body.home.homeRefinedV557 .supportQuietNote{
    max-width: 52rem !important;
    padding: 0 0 0 clamp(18px, 3vw, 24px) !important;
    margin-bottom: 0 !important;
  }

  html body.home.homeRefinedV557 .supportQuietNote p{
    max-width: 58ch !important;
  }
}

@media (max-width: 640px){
  html body.home.homeRefinedV557 .supportQuietTrace{
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
}