/* MELA 4.3.3 — unified brand / responsive system
   One visual grammar for MELA + MINDMAKERS. Loaded last. */
:root{
  --mela-arrow-size:1.15rem;
  --mela-control-h:3.15rem;
  --mela-cta-font:.72rem;
  --mela-control-gap:.72rem;
}

/* --------------------------------------------------------------------------
   CTA SYSTEM — one size, one marker, predictable contrast
   -------------------------------------------------------------------------- */
:is(a,button).brand-action:not(.mela-elementor-action){
  width:fit-content !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:var(--mela-control-h) !important;
  padding:.72rem .9rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:1.25rem !important;
  border:1px solid currentColor !important;
  font-family:var(--display) !important;
  font-size:var(--mela-cta-font) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.025em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease !important;
}
:is(a,button).brand-action:not(.mela-elementor-action)::after{
  content:"" !important;
  display:block !important;
  flex:0 0 .58rem !important;
  width:.58rem !important;
  height:.58rem !important;
  margin-left:auto !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
}
:is(a,button).brand-action--signal:not(.mela-elementor-action){background:var(--signal)!important;color:var(--black)!important;border-color:var(--black)!important}
:is(a,button).brand-action--signal:not(.mela-elementor-action)::after{background:var(--black)!important}
:is(a,button).brand-action--dark:not(.mela-elementor-action){background:var(--black)!important;color:var(--white)!important;border-color:var(--black)!important}
:is(a,button).brand-action--dark:not(.mela-elementor-action)::after{background:var(--signal)!important}
:is(a,button).brand-action--violet:not(.mela-elementor-action){background:var(--violet)!important;color:var(--white)!important;border-color:var(--violet)!important}
:is(a,button).brand-action--violet:not(.mela-elementor-action)::after{background:var(--signal)!important}
:is(a,button).brand-action--compact:not(.mela-elementor-action){min-height:2.8rem!important;padding:.62rem .78rem!important;font-size:.68rem!important}
@media(hover:hover){:is(a,button).brand-action:not(.mela-elementor-action):hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(0,0,0,.12)}}

/* Work-tool/download CTAs should be visually present, not a full card footer. */
.product-card>.worktool-action{
  width:min(10.5rem,100%)!important;
  min-height:2.7rem!important;
  margin:1.25rem 1.35rem 1.35rem!important;
  padding:.62rem .78rem!important;
  align-self:flex-start!important;
}
.product-card>.worktool-action::after{width:.5rem!important;height:.5rem!important;flex-basis:.5rem!important}

/* Personal offer CTA = compact. MINDMAKERS inherits the exact same rule. */
:is(.offer-editorial,.mm-programs) :is(.personal-offer-card,.mm-offer-card) .mm-program-booking .brand-action{
  width:auto!important;
  max-width:13.5rem!important;
  min-height:2.9rem!important;
  padding:.66rem .8rem!important;
  font-size:.69rem!important;
}

/* --------------------------------------------------------------------------
   NAVIGATION ARROWS — same geometry everywhere
   -------------------------------------------------------------------------- */
:is(.slider-controls,.offer-slider-controls,.journal-bottom-controls,.mm-slider-controls) button{
  min-width:8.8rem!important;
  min-height:var(--mela-control-h)!important;
  padding:.72rem 1rem!important;
  border:1px solid var(--black)!important;
  font-family:var(--display)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  line-height:1!important;
}
.journal-bottom-controls button{border-color:rgba(255,255,255,.55)!important}
.journal-related-arrow,.article-related i,.test-hub-featured-mark span{font-size:var(--mela-arrow-size)!important;line-height:1!important}

/* --------------------------------------------------------------------------
   SELF-CHECK HUB — Arbeitslage grammar applied to every test, rotated colours
   -------------------------------------------------------------------------- */
.test-hub-catalog--featured-list{padding:clamp(3.5rem,6vw,6.5rem) 0 0!important}
.test-hub-section-head{padding-inline:var(--page-x)!important;margin-bottom:2.2rem!important}
.test-hub-featured-list{display:grid!important;gap:.28rem!important}
.test-hub-featured-list .test-hub-featured{
  width:100%!important;
  min-height:clamp(25rem,32vw,31rem)!important;
  display:grid!important;
  grid-template-columns:minmax(13rem,17%) minmax(0,68%) minmax(9rem,15%)!important;
  grid-template-rows:1fr!important;
  border:0!important;
  text-align:left!important;
  overflow:hidden!important;
  isolation:isolate;
}
.test-hub-featured .test-card-bar{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:1.15rem!important;
  padding:clamp(1.25rem,2.4vw,2.4rem)!important;
  background:var(--black)!important;
  color:var(--signal)!important;
}
.test-hub-featured .test-card-bar small,.test-hub-featured .test-card-bar i{color:inherit!important;-webkit-text-fill-color:currentColor!important;font-style:normal!important}
.test-hub-featured-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:clamp(2rem,4.5vw,5.2rem)!important;
}
.test-hub-featured-copy>small{font-size:.7rem!important;font-weight:800!important;letter-spacing:.08em!important}
.test-hub-featured-copy>strong{
  max-width:15ch!important;
  margin:1.15rem 0 1rem!important;
  font-family:var(--display)!important;
  font-size:clamp(2.6rem,4.15vw,5rem)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.test-hub-featured-copy>p{max-width:46rem!important;margin:0!important;font-size:clamp(.95rem,1.15vw,1.15rem)!important;line-height:1.55!important}
.test-hub-featured-copy>span{
  min-height:2.85rem!important;
  margin-top:1.5rem!important;
  padding:.7rem .8rem!important;
  display:inline-flex!important;
  align-items:center!important;
  background:var(--black)!important;
  color:var(--white)!important;
  font-family:var(--display)!important;
  font-size:.68rem!important;
  font-weight:800!important;
}
.test-hub-featured-copy>span::after{content:"";width:.5rem;height:.5rem;margin-left:2rem;background:var(--signal)}
.test-hub-featured-mark{
  grid-column:3!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  min-height:100%!important;
}
.test-hub-featured-mark span{display:block!important;font-size:var(--mela-arrow-size)!important;font-weight:700!important;transform:none!important}
.test-hub-featured-mark i{display:none!important}
/* Colour rotation */
.test-hub-featured[data-tone="violet"] .test-hub-featured-copy{background:var(--violet)!important;color:var(--white)!important}
.test-hub-featured[data-tone="violet"] .test-hub-featured-mark{background:var(--signal)!important;color:var(--black)!important}
.test-hub-featured[data-tone="ink"] .test-card-bar{background:var(--violet)!important;color:var(--signal)!important}
.test-hub-featured[data-tone="ink"] .test-hub-featured-copy{background:var(--black)!important;color:var(--white)!important}
.test-hub-featured[data-tone="ink"] .test-hub-featured-mark{background:var(--violet)!important;color:var(--white)!important}
.test-hub-featured[data-tone="soft"] .test-hub-featured-copy{background:var(--violet-light)!important;color:var(--black)!important}
.test-hub-featured[data-tone="soft"] .test-hub-featured-mark{background:var(--violet)!important;color:var(--white)!important}
.test-hub-featured[data-tone="signal"] .test-hub-featured-copy{background:var(--signal)!important;color:var(--black)!important}
.test-hub-featured[data-tone="signal"] .test-hub-featured-mark{background:var(--black)!important;color:var(--white)!important}
.test-hub-featured[data-tone="paper"] .test-card-bar{background:var(--violet)!important;color:var(--signal)!important}
.test-hub-featured[data-tone="paper"] .test-hub-featured-copy{background:var(--white)!important;color:var(--black)!important}
.test-hub-featured[data-tone="paper"] .test-hub-featured-mark{background:var(--black)!important;color:var(--signal)!important}

/* Intro screen = same family as hub cards. */
.test-intro{min-height:calc(100svh - 4.5rem)!important;padding:clamp(5rem,9vw,9rem) var(--page-x)!important;position:relative!important;overflow:hidden!important}
.test-intro>div{max-width:72rem!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.test-intro>div>h1{max-width:14ch!important;margin:1rem 0 1.35rem!important;font-family:var(--display)!important;font-size:clamp(3.5rem,7vw,7.8rem)!important;line-height:.88!important;letter-spacing:-.06em!important;text-transform:uppercase!important}
.test-intro>div>p{max-width:48rem!important;font-size:clamp(1rem,1.4vw,1.3rem)!important;line-height:1.55!important}
.test-intro>div>strong,.test-intro-data-note{max-width:46rem!important}
.test-intro--violet{background:var(--violet)!important;color:var(--white)!important}
.test-intro--ink{background:var(--black)!important;color:var(--white)!important}
.test-intro--soft{background:var(--violet-light)!important;color:var(--black)!important}
.test-intro--signal{background:var(--signal)!important;color:var(--black)!important}
.test-intro--paper{background:var(--white)!important;color:var(--black)!important}
.test-intro[data-tone="ink"] .brand-action--dark,.test-intro[data-tone="violet"] .brand-action--dark{background:var(--signal)!important;color:var(--black)!important}
.test-intro[data-tone="ink"] .brand-action--dark::after,.test-intro[data-tone="violet"] .brand-action--dark::after{background:var(--black)!important}
.mm-check-page .test-intro{padding-top:clamp(7rem,10vw,10rem)!important}
.mm-check-page .test-back{color:inherit!important}

/* --------------------------------------------------------------------------
   RESULT GATE — right side styled like the popup language
   -------------------------------------------------------------------------- */
.test-gate-screen{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;min-height:calc(100svh - 4.5rem)!important;background:var(--black)!important}
.test-gate-message{padding:clamp(4rem,7vw,7rem)!important;background:var(--black)!important;color:var(--white)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.test-gate-message h1{max-width:10ch!important;font-size:clamp(3.3rem,5.7vw,6.6rem)!important;line-height:.9!important}
.test-preview-detail,.profile-preview-detail{padding:clamp(3rem,6vw,6rem)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:var(--white)!important}
.lead-gate-form,.test-lead-form{width:min(100%,46rem)!important;padding:clamp(1.5rem,3vw,2.6rem)!important;background:var(--violet-light)!important;border-left:.55rem solid var(--violet)!important;display:grid!important;gap:1rem!important}
.test-gate-screen[data-tone="ink"] :is(.lead-gate-form,.test-lead-form){background:var(--black)!important;color:var(--white)!important;border-left-color:var(--signal)!important}
.test-gate-screen[data-tone="violet"] :is(.lead-gate-form,.test-lead-form){background:var(--violet)!important;color:var(--white)!important;border-left-color:var(--signal)!important}
.test-gate-screen[data-tone="signal"] :is(.lead-gate-form,.test-lead-form){background:var(--signal)!important;color:var(--black)!important;border-left-color:var(--violet)!important}
.test-gate-screen[data-tone="paper"] :is(.lead-gate-form,.test-lead-form){background:var(--white)!important;color:var(--black)!important;border:1px solid var(--black)!important;border-left:.55rem solid var(--violet)!important}
.lead-gate-form h2,.test-lead-form h2{max-width:13ch!important;margin:.5rem 0 1rem!important;font-size:clamp(2.45rem,4.5vw,4.8rem)!important;line-height:.91!important}
.lead-gate-name-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}
:is(.lead-gate-form,.test-lead-form) label{display:grid!important;gap:.45rem!important;min-width:0!important;font-size:.72rem!important;font-weight:800!important}
:is(.lead-gate-form,.test-lead-form) input{width:100%!important;min-width:0!important;min-height:3rem!important;padding:.7rem .8rem!important;background:var(--white)!important;color:var(--black)!important;border:1px solid currentColor!important}
.lead-gate-consent,.form-consent{grid-template-columns:1.1rem minmax(0,1fr)!important;align-items:start!important;column-gap:.72rem!important}
.lead-gate-consent input,.form-consent input{width:1rem!important;height:1rem!important;min-height:1rem!important;margin:.15rem 0 0!important;padding:0!important}
.lead-gate-consent span,.form-consent span{min-width:0!important;font-size:.76rem!important;line-height:1.4!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}

/* --------------------------------------------------------------------------
   RESULT PAGE — content + branded result card, never a large empty field
   -------------------------------------------------------------------------- */
.test-result-screen{background:var(--white)!important}
.test-result-hero{min-height:clamp(29rem,45vw,40rem)!important;padding:clamp(4.5rem,7.5vw,7.5rem) var(--page-x)!important;display:grid!important;grid-template-columns:minmax(12rem,.3fr) minmax(0,1fr)!important;gap:clamp(2.5rem,5vw,6rem)!important;align-items:end!important}
.test-result-screen[data-tone="violet"] .test-result-hero{background:var(--violet)!important;color:var(--white)!important}
.test-result-screen[data-tone="ink"] .test-result-hero{background:var(--black)!important;color:var(--white)!important}
.test-result-screen[data-tone="soft"] .test-result-hero{background:var(--violet-light)!important;color:var(--black)!important}
.test-result-screen[data-tone="signal"] .test-result-hero{background:var(--signal)!important;color:var(--black)!important}
.test-result-screen[data-tone="paper"] .test-result-hero{background:var(--white)!important;color:var(--black)!important;border-bottom:1px solid var(--black)!important}
.test-result-code{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding-right:1.75rem!important;border-right:1px solid currentColor!important}
.test-result-code b{font-family:var(--display)!important;font-size:clamp(1.2rem,2vw,2.15rem)!important;line-height:1!important;text-transform:uppercase!important}
.test-result-copy h1{max-width:17ch!important;margin:.6rem 0 1.25rem!important;font-size:clamp(3.2rem,5.8vw,6.8rem)!important;line-height:.9!important;letter-spacing:-.06em!important;color:inherit!important}
.test-result-copy p{max-width:48rem!important;font-size:clamp(1rem,1.35vw,1.3rem)!important;line-height:1.55!important;color:inherit!important}
.test-result-next{padding:clamp(4rem,7vw,7rem) var(--page-x)!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr)!important;gap:clamp(2rem,4.5vw,5rem)!important;align-items:start!important}
.test-result-next-copy>small{display:block!important;margin-bottom:1.5rem!important}
.test-result-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:1px solid var(--black)!important;border-bottom:1px solid var(--black)!important}
.test-result-steps article{min-height:18rem!important;padding:1.2rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-right:1px solid var(--black)!important;background:var(--white)!important;color:var(--black)!important}
.test-result-steps article:nth-child(2){background:var(--violet-light)!important}
.test-result-steps article:nth-child(3){background:var(--signal)!important}
.test-result-steps article:last-child{border-right:0!important}
.test-result-steps article>span{color:var(--violet)!important;font-family:var(--display)!important;font-size:.72rem!important}
.test-result-steps article>p{margin:auto 0 0!important;font-family:var(--display)!important;font-size:clamp(1.15rem,1.55vw,1.75rem)!important;line-height:1.05!important;text-transform:uppercase!important}
.test-result-panel{position:sticky!important;top:6rem!important;padding:clamp(1.4rem,2.6vw,2.4rem)!important;border-left:.55rem solid var(--signal)!important;background:var(--black)!important;color:var(--white)!important;box-shadow:0 22px 60px rgba(0,0,0,.1)!important}
.test-result-panel h2{margin:.75rem 0 1rem!important;font-family:var(--display)!important;font-size:clamp(2rem,3.2vw,3.8rem)!important;line-height:.92!important;letter-spacing:-.055em!important;text-transform:uppercase!important;color:inherit!important}
.test-result-panel>p{font-size:.95rem!important;line-height:1.5!important;color:inherit!important}
.test-result-panel .brand-action{width:100%!important;margin-top:.8rem!important}
.test-result-panel .brand-action+ .brand-action{margin-top:.55rem!important}
.test-result-panel--violet{background:var(--violet)!important;border-left-color:var(--signal)!important}
.test-result-panel--ink{background:var(--black)!important;border-left-color:var(--signal)!important}
.test-result-panel--soft{background:var(--violet-light)!important;color:var(--black)!important;border-left-color:var(--violet)!important}
.test-result-panel--signal{background:var(--signal)!important;color:var(--black)!important;border-left-color:var(--violet)!important}
.test-result-panel--paper{background:var(--white)!important;color:var(--black)!important;border:1px solid var(--black)!important;border-left:.55rem solid var(--violet)!important}
.test-result-disclaimer{margin:1.25rem 0 0!important;font-size:.72rem!important;line-height:1.42!important;opacity:.8!important}

/* --------------------------------------------------------------------------
   MINDMAKERS — exact same offer slider grammar as personal brand
   -------------------------------------------------------------------------- */
.mm-hero-kicker{display:block!important;color:var(--signal)!important;margin-bottom:1rem!important}
.mm-check-label{display:block!important;margin-bottom:.8rem!important;color:var(--signal)!important;font-family:var(--display)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important}
.mm-programs.offer-editorial .mm-programs-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2rem!important;align-items:end!important}
.mm-programs.offer-editorial .personal-offer-track.mm-program-slider{display:flex!important;gap:0!important;margin-top:clamp(3.5rem,7vw,6rem)!important;padding:0 var(--page-x) 1.25rem!important;overflow-x:auto!important;background:var(--white)!important;scroll-padding-inline:var(--page-x);scroll-snap-type:inline mandatory}
.mm-programs.offer-editorial .personal-offer-track.mm-program-slider>.mm-offer-card{position:relative!important;display:grid!important;min-width:0!important;min-height:38rem!important;flex:0 0 min(78vw,72rem)!important;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1fr) minmax(14rem,.35fr)!important;grid-template-rows:auto!important;gap:2rem clamp(2.25rem,5vw,6rem)!important;align-items:center!important;padding:clamp(3.5rem,6vw,6rem)!important;overflow:hidden!important;border:0!important;scroll-snap-align:start}
.mm-programs.offer-editorial .personal-offer-track.mm-program-slider>.mm-offer-card+.mm-offer-card{margin-left:1rem!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-heading,.mm-programs.offer-editorial .mm-offer-card .mm-program-copy,.mm-programs.offer-editorial .mm-offer-card .mm-program-booking{display:block!important;min-width:0!important;max-width:100%!important;grid-column:auto!important;grid-row:auto!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-heading h3{max-width:13ch!important;margin:1.5rem 0 0!important;font-size:clamp(2rem,3.2vw,3.45rem)!important;line-height:1.02!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.mm-programs.offer-editorial .mm-offer-card .mm-program-copy>p{max-width:38rem!important;margin:1.2rem 0 0!important;font-size:var(--ui-body)!important;line-height:1.58!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-copy>ul{display:grid!important;gap:.85rem!important;margin:2rem 0 0!important;padding:0!important;list-style:none!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-copy>ul>li{position:relative!important;max-width:34rem!important;padding-left:1.35rem!important;font-family:var(--display)!important;font-size:var(--ui-small)!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.045em!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-copy>ul>li::before{content:""!important;position:absolute!important;top:.38em!important;left:0!important;width:.45rem!important;height:.45rem!important;background:var(--signal)!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-booking{align-self:end!important;padding:0!important;border:0!important}
.mm-programs.offer-editorial .mm-offer-card .mm-program-booking>strong{display:block!important;margin:0 0 1.25rem!important;font-family:var(--display)!important;font-size:var(--ui-small)!important;line-height:1.35!important;letter-spacing:.08em!important}
.mm-programs.offer-editorial .mm-offer-card[data-tone="paper"]{background:var(--violet-light)!important;color:var(--black)!important}
.mm-programs.offer-editorial .mm-offer-card[data-tone="violet"]{background:#7063ce!important;color:var(--white)!important}
.mm-programs.offer-editorial .mm-offer-card[data-tone="ink"]{background:var(--black)!important;color:var(--white)!important}
.mm-programs.offer-editorial .mm-offer-card[data-tone="soft"]{background:var(--white)!important;color:var(--black)!important;border:1px solid var(--black)!important}
.mm-programs.offer-editorial .mm-offer-card[data-tone="signal"]{background:var(--signal)!important;color:var(--black)!important}
.mm-trust::after{content:none!important;display:none!important}

/* MINDMAKERS Wissens-Check teaser aligns with the test family. */
.mm-check-entry{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:clamp(3rem,6vw,7rem)!important;align-items:end!important;background:var(--violet)!important;color:var(--white)!important;padding:clamp(5rem,8vw,8rem) var(--page-x)!important}
.mm-check-entry>.mm-check-label,.mm-check-entry>.brand-kicker{grid-column:1!important}
.mm-check-entry>h2{grid-column:1!important;max-width:12ch!important;margin:1rem 0 0!important;font-size:clamp(3.5rem,6vw,7rem)!important;line-height:.89!important;color:var(--white)!important}
.mm-check-entry>div{grid-column:2!important;align-self:end!important}
.mm-check-entry>div>p{font-size:clamp(1rem,1.25vw,1.25rem)!important;line-height:1.55!important}
.mm-check-entry ul{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.8rem 1.2rem!important;padding:0!important;list-style:none!important}
.mm-check-entry li::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.7rem;background:var(--signal)}

/* --------------------------------------------------------------------------
   BLOG / JOURNAL — restored image overlay + black Arbeitsnotiz
   -------------------------------------------------------------------------- */
.article-lead-image{position:relative!important;overflow:hidden!important}
.article-lead-image::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:47% -3% 9% 46%!important;
  background:rgba(255,255,255,.075)!important;
  backdrop-filter:blur(17px)!important;
  -webkit-backdrop-filter:blur(17px)!important;
  border-left:10px solid var(--violet)!important;
  opacity:.95!important;
  transform:skew(-8deg)!important;
  pointer-events:none!important;
}
.article-page--business .article-lead-image::after{border-left-color:var(--signal)!important}
.article-lead-image figcaption{z-index:3!important}
.journal-thumb--image{position:relative!important;overflow:hidden!important}
.journal-thumb--image::after{content:"";position:absolute;z-index:2;inset:48% -7% 8% 52%;background:rgba(255,255,255,.08);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-left:7px solid var(--violet);transform:skew(-8deg);pointer-events:none}
.mm-company-journal .journal-thumb--image::after{border-left-color:var(--signal)}
.article-quote{background:var(--black)!important;color:var(--white)!important;padding:clamp(4rem,7vw,7rem) var(--page-x)!important;border:0!important}
.article-quote>span{color:var(--signal)!important}
.article-quote p{max-width:58rem!important;margin:2rem 0 0!important;color:var(--white)!important;font-family:var(--display)!important;font-size:clamp(2rem,3.2vw,3.7rem)!important;line-height:1.05!important}
.article-conversion{background:var(--violet)!important;color:var(--white)!important}
.article-conversion :is(h2,p,small){color:var(--white)!important}
.article-page--business .article-conversion{background:var(--black)!important}
.article-related a{position:relative!important;overflow:hidden!important}
.article-related i{font-size:var(--mela-arrow-size)!important}

/* --------------------------------------------------------------------------
   IMAGE LANGUAGE — shimmer stays inside the image; line is violet or lime
   -------------------------------------------------------------------------- */
:is(.hero-simple-image,.beratung-hero-visual,.mm-about figure,.about-hero figure,.journey-image,.mindmakers-visual){position:relative!important;overflow:hidden!important}
:is(.hero-simple-image,.beratung-hero-visual,.journey-image)::after{content:"";position:absolute;z-index:2;right:8%;top:16%;width:8px;height:38%;background:var(--violet);box-shadow:0 0 34px rgba(255,255,255,.5);pointer-events:none}
.mm-page :is(.hero-simple-image,.mm-about figure)::after{background:var(--signal)!important}

/* --------------------------------------------------------------------------
   MODALS — centered on mobile, no horizontal overflow, tone follows card
   -------------------------------------------------------------------------- */
body.mela-modal-open{overflow:hidden!important;touch-action:none}
.mela-modal{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;padding:max(1rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))!important;overflow:hidden!important}
.mela-modal__panel{width:min(50rem,calc(100vw - 1.6rem))!important;max-width:100%!important;max-height:calc(100svh - 2rem)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:clamp(2rem,4vw,3.6rem)!important}
.mela-modal__panel *{box-sizing:border-box!important;max-width:100%}
.mela-modal__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.mela-booking-modal[data-tone="soft"] .mela-modal__panel,.mela-download-modal[data-tone="soft"] .mela-modal__panel{background:var(--violet-light)!important;color:var(--black)!important;border-left:.55rem solid var(--violet)!important}
.mela-booking-modal[data-tone="violet"] .mela-modal__panel,.mela-download-modal[data-tone="violet"] .mela-modal__panel{background:var(--violet)!important;color:var(--white)!important;border-left:.55rem solid var(--signal)!important}
.mela-booking-modal[data-tone="ink"] .mela-modal__panel,.mela-download-modal[data-tone="dark"] .mela-modal__panel,.mela-download-modal[data-tone="ink"] .mela-modal__panel{background:var(--black)!important;color:var(--white)!important;border-left:.55rem solid var(--signal)!important}
.mela-booking-modal[data-tone="signal"] .mela-modal__panel,.mela-download-modal[data-tone="signal"] .mela-modal__panel{background:var(--signal)!important;color:var(--black)!important;border-left:.55rem solid var(--violet)!important}
.mela-modal__panel :is(h2,p,small,label,label>span,.inquiry-consent,.inquiry-consent span,.mela-booking-success,.mela-download-success,.inquiry-error){color:inherit!important;-webkit-text-fill-color:currentColor!important}
.mela-modal input,.mela-modal select,.mela-modal textarea{width:100%!important;min-width:0!important;max-width:100%!important;background:var(--white)!important;color:var(--black)!important;-webkit-text-fill-color:var(--black)!important}
.mela-modal .inquiry-consent{display:grid!important;grid-template-columns:1.05rem minmax(0,1fr)!important;gap:.68rem!important;align-items:start!important}
.mela-modal .inquiry-consent>input{width:1rem!important;height:1rem!important;min-height:1rem!important;margin:.15rem 0 0!important;padding:0!important}
.mela-modal .inquiry-consent>span{display:block!important;min-width:0!important;font-size:.71rem!important;line-height:1.38!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere!important}
.mela-modal .inquiry-consent a{color:inherit!important;text-decoration:underline!important;white-space:normal!important}
.mela-modal .brand-action{width:100%!important}

/* Profile result joins the same visual system without pretending to be a scale check. */
.profile-result>header{background:var(--violet)!important;color:var(--white)!important;border:0!important}
.profile-result>header :is(h1,p,small,span){color:inherit!important}
.profile-result-grid{background:var(--white)!important}
.profile-result-dimensions{background:var(--violet-light)!important}
.profile-result-reading article:nth-child(2){background:var(--signal)!important;color:var(--black)!important}
.profile-result-reading article:nth-child(3){background:var(--black)!important;color:var(--white)!important}
.profile-result-cta{background:var(--violet)!important;color:var(--white)!important}
.profile-result-cta :is(h2,p,small){color:inherit!important}

/* --------------------------------------------------------------------------
   RESPONSIVE — tablet + mobile pass across primary components
   -------------------------------------------------------------------------- */
@media(max-width:1024px){
  .test-hub-featured-list .test-hub-featured{grid-template-columns:16% minmax(0,68%) 16%!important}
  .test-hub-featured-copy{padding:2.5rem!important}
  .test-result-next{grid-template-columns:1fr minmax(17rem,.55fr)!important;gap:2rem!important}
}
@media(max-width:819px){
  html,body,.mela-reference-site{max-width:100%!important;overflow-x:hidden!important}
  /* check cards stack, but keep a real compact arrow rail */
  .test-hub-section-head{padding-inline:1.25rem!important}
  .test-hub-featured-list .test-hub-featured{grid-template-columns:1fr!important;grid-template-rows:auto auto 4.25rem!important;min-height:0!important}
  .test-hub-featured .test-card-bar{grid-column:1!important;grid-row:1!important;min-height:3.5rem!important;flex-direction:row!important;justify-content:space-between!important;padding:.75rem 1rem!important}
  .test-hub-featured-copy{grid-column:1!important;grid-row:2!important;padding:2rem 1.25rem 2.2rem!important}
  .test-hub-featured-copy>strong{font-size:clamp(2.5rem,11vw,3.8rem)!important;max-width:12ch!important}
  .test-hub-featured-mark{grid-column:1!important;grid-row:3!important;min-height:4.25rem!important;height:4.25rem!important;place-items:center end!important;padding-right:1.25rem!important}
  .test-hub-featured-mark span{font-size:var(--mela-arrow-size)!important}
  .test-hub-featured-copy>span{width:auto!important;max-width:100%!important}
  .test-intro{padding:5.5rem 1.25rem 4rem!important;min-height:calc(100svh - 4rem)!important}
  .test-intro>div>h1{font-size:clamp(2.9rem,13vw,4.6rem)!important}
  /* gate */
  .test-gate-screen{grid-template-columns:1fr!important;min-height:0!important}
  .test-gate-message{padding:4.5rem 1.25rem 3rem!important}
  .test-gate-message h1{font-size:clamp(3rem,13vw,4.8rem)!important}
  .test-preview-detail,.profile-preview-detail{padding:2rem 1rem 4rem!important}
  .lead-gate-form,.test-lead-form{padding:1.35rem!important;width:100%!important}
  .lead-gate-name-grid{grid-template-columns:1fr!important;gap:.85rem!important}
  /* results */
  .test-result-hero{grid-template-columns:1fr!important;min-height:0!important;padding:5rem 1.25rem 3.5rem!important;gap:2rem!important}
  .test-result-code{min-height:6.5rem!important;border-right:0!important;border-bottom:1px solid currentColor!important;padding:0 0 1rem!important}
  .test-result-copy h1{font-size:clamp(2.8rem,12vw,4.4rem)!important}
  .test-result-next{grid-template-columns:1fr!important;padding:3rem 1.25rem 4.5rem!important;gap:2rem!important}
  .test-result-steps{grid-template-columns:1fr!important}
  .test-result-steps article{min-height:10rem!important;border-right:0!important;border-bottom:1px solid var(--black)!important}
  .test-result-steps article:last-child{border-bottom:0!important}
  .test-result-panel{position:static!important;width:100%!important}
  /* MINDMAKERS */
  .mm-programs-head{grid-template-columns:1fr!important;align-items:start!important}
  .mm-slider-controls{justify-self:start!important}
  .mm-programs.offer-editorial .personal-offer-track.mm-program-slider{gap:0!important;padding:0 1.25rem 1rem!important;scroll-padding-inline:1.25rem!important}
  .mm-programs.offer-editorial .personal-offer-track.mm-program-slider>.mm-offer-card{display:flex!important;min-height:46rem!important;flex:0 0 calc(100vw - 2.5rem)!important;flex-direction:column!important;align-items:stretch!important;padding:2.5rem 1.5rem!important}
  .mm-programs.offer-editorial .personal-offer-track.mm-program-slider>.mm-offer-card+.mm-offer-card{margin-left:.75rem!important}
  .mm-programs.offer-editorial .mm-offer-card .mm-program-heading h3{max-width:100%!important;font-size:clamp(1.65rem,7vw,2rem)!important;line-height:1.03!important}
  .mm-programs.offer-editorial .mm-offer-card .mm-program-copy{margin-top:1.75rem!important}
  .mm-programs.offer-editorial .mm-offer-card .mm-program-booking{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin-top:auto!important;padding:0!important;border:0!important}
  .mm-check-entry{grid-template-columns:1fr!important;padding:4.5rem 1.25rem!important;gap:1.5rem!important}
  .mm-check-entry>.mm-check-label,.mm-check-entry>.brand-kicker,.mm-check-entry>h2,.mm-check-entry>div{grid-column:1!important}
  .mm-check-entry>h2{font-size:clamp(3rem,12vw,4.7rem)!important}
  .mm-check-entry ul{grid-template-columns:1fr!important}
  /* modal centered and viewport-safe */
  .mela-modal{place-items:center!important;padding:max(.65rem,env(safe-area-inset-top)) .6rem max(.65rem,env(safe-area-inset-bottom))!important;overflow:hidden!important}
  .mela-modal__panel{width:calc(100vw - 1.2rem)!important;max-height:calc(100svh - 1.3rem)!important;margin:0!important;padding:3.1rem 1rem 1.2rem!important}
  .mela-modal__grid{grid-template-columns:1fr!important;gap:.8rem!important}
  .mela-modal form{gap:.8rem!important;margin-top:1.2rem!important}
  .mela-modal__panel>h2{font-size:clamp(2.35rem,11vw,3.5rem)!important}
  .mela-modal__panel>p{font-size:.92rem!important;line-height:1.45!important}
  .mela-modal .inquiry-consent>span{font-size:.68rem!important;line-height:1.36!important}
  /* compact controls */
  :is(.slider-controls,.offer-slider-controls,.journal-bottom-controls,.mm-slider-controls) button{min-width:7.25rem!important;min-height:2.9rem!important;padding:.65rem .8rem!important;font-size:.67rem!important}
  .product-card>.worktool-action{width:min(9.75rem,calc(100% - 2.5rem))!important;min-height:2.6rem!important;margin:1rem 1.25rem 1.25rem!important;font-size:.67rem!important}
  /* article */
  .article-lead-image{min-height:20rem!important;height:62vw!important}
  .article-lead-image::after{inset:45% -12% 6% 42%!important;border-left-width:7px!important}
  .article-lead-image figcaption{left:1.25rem!important;right:1.25rem!important;bottom:1rem!important;flex-direction:column!important;align-items:flex-start!important;font-size:.65rem!important}
  .article-quote{padding:4rem 1.25rem!important}
  .article-conversion{padding-inline:1.25rem!important}
}


/* Subtle one-time entrance rhythm. The site moves when content arrives, not forever. */
@keyframes melaRise433{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.test-hub-featured-list>.test-hub-featured,.test-result-panel,.mm-program-slider>.mm-offer-card{animation:melaRise433 .55s cubic-bezier(.22,1,.36,1) both}
.test-hub-featured-list>.test-hub-featured:nth-child(2),.mm-program-slider>.mm-offer-card:nth-child(2){animation-delay:.06s}
.test-hub-featured-list>.test-hub-featured:nth-child(3),.mm-program-slider>.mm-offer-card:nth-child(3){animation-delay:.12s}

/* Gentle experience without constant motion. */
@media(hover:hover){
  .test-hub-featured,.personal-offer-card,.journal-card,.product-card{transition:transform .35s ease,filter .35s ease}
  .test-hub-featured:hover,.personal-offer-card:hover,.journal-card:hover,.product-card:hover{transform:translateY(-3px)}
  .article-lead-image:hover::after,.journal-thumb--image:hover::after{filter:brightness(1.18)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media(max-width:480px){
  .mela-modal{padding:max(.5rem,env(safe-area-inset-top)) .45rem max(.5rem,env(safe-area-inset-bottom))!important}
  .mela-modal__panel{width:calc(100vw - .9rem)!important;max-height:calc(100svh - 1rem)!important;padding:3rem .9rem 1rem!important;border-left-width:.38rem!important}
  .mela-modal .inquiry-consent{grid-template-columns:1rem minmax(0,1fr)!important;column-gap:.75rem!important;row-gap:0!important}
  .mela-modal .inquiry-consent>input{width:1rem!important;min-width:1rem!important;max-width:1rem!important;height:1rem!important}
  .mela-modal .inquiry-consent>span{padding:0!important;margin:0!important;font-size:.66rem!important;line-height:1.34!important}
  .mela-modal__close{width:2.4rem!important;height:2.4rem!important;right:.65rem!important;top:.55rem!important}
  .mela-booking-modal input[type="date"],.mela-booking-modal select{font-size:16px!important}
  .test-hub-featured-copy>strong{font-size:clamp(2.25rem,10.5vw,3.25rem)!important}
  :is(.slider-controls,.offer-slider-controls,.journal-bottom-controls,.mm-slider-controls){gap:.45rem!important;flex-wrap:wrap!important}
  :is(.slider-controls,.offer-slider-controls,.journal-bottom-controls,.mm-slider-controls) button{min-width:6.6rem!important;padding:.6rem .65rem!important}
  .product-card>.worktool-action{width:9.75rem!important;max-width:calc(100% - 2rem)!important;margin:1rem!important}
}