/* R4X v2353 · Guided hierarchy for Beginner phases 01–05 */

/* One guided Wissens-Navigator entry instead of competing choices. */
.r4x-wn-bridge__directions,
.r4x-wn-bridge__alternatives,
.r4x-wn-bridge__note{
  display:none!important;
}
.r4x-wn-bridge__actions{
  display:block;
  margin-top:1.05rem;
}
.r4x-wn-bridge .r4x-wn-bridge__primary{
  width:100%;
  min-height:44px;
  justify-content:center;
  text-align:center;
}

/* Eyebrows explain the role of every area before its title. */
.r4x-phase-sections--v790 .r4x-phase-area__body::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1.55rem;
  padding:.22rem .62rem;
  border:1px solid rgba(232,226,210,.14);
  border-radius:999px;
  color:rgba(232,226,210,.66);
  background:rgba(255,255,255,.025);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.1;
  text-transform:uppercase;
}
.r4x-phase-sections--v790 .r4x-phase-area--intro .r4x-phase-area__body::before{
  content:"Empfohlene Vorbereitung";
}
.r4x-phase-sections--v790 .r4x-phase-area--learning .r4x-phase-area__body::before{
  content:"Kernpfad · Schritt 1 von 2";
  border-color:rgba(91,155,213,.38);
  color:#b8dcff;
  background:rgba(91,155,213,.08);
}
.r4x-phase-sections--v790 .r4x-phase-area--next .r4x-phase-area__body::before{
  content:"Kernpfad · Schritt 2 von 2";
  border-color:rgba(212,175,55,.40);
  color:#f4d675;
  background:rgba(212,175,55,.08);
}
.r4x-phase-sections--v790 .r4x-phase-area--check .r4x-phase-area__body::before{
  content:"Empfohlener Abschluss";
}

/* The two knowledge-building steps carry the strongest visual weight. */
.r4x-phase-sections--v790 .r4x-phase-area--learning,
.r4x-phase-sections--v790 .r4x-phase-area--next{
  padding-bottom:.78rem;
  border-bottom-width:2px;
}
.r4x-phase-sections--v790 .r4x-phase-area--learning .r4x-phase-area__title,
.r4x-phase-sections--v790 .r4x-phase-area--next .r4x-phase-area__title{
  font-size:clamp(1.18rem,1.9vw,1.42rem);
}
.r4x-phase-sections--v790 .r4x-phase-learning-section > .r4x-phase-collapse-summary{
  border-color:rgba(91,155,213,.34);
  border-left-color:rgba(91,155,213,.95);
  background:linear-gradient(100deg,rgba(91,155,213,.11),#242832 32%);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.r4x-phase-sections--v790 .r4x-phase-foundation-section > .r4x-phase-collapse-summary{
  border-color:rgba(212,175,55,.34);
  border-left-color:rgba(212,175,55,.96);
  background:linear-gradient(100deg,rgba(212,175,55,.10),#242832 32%);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}

/* Preparation and consolidation remain recommended, but visually secondary. */
.r4x-phase-sections--v790 .r4x-phase-area--intro,
.r4x-phase-sections--v790 .r4x-phase-area--check{
  border-bottom-color:rgba(232,226,210,.12);
}
.r4x-phase-sections--v790 .r4x-phase-area--intro .r4x-phase-area__title,
.r4x-phase-sections--v790 .r4x-phase-area--check .r4x-phase-area__title{
  color:rgba(244,241,232,.78);
  font-size:clamp(.98rem,1.35vw,1.12rem);
  font-weight:800;
}
.r4x-phase-sections--v790 .r4x-phase-collapse--intro > .r4x-phase-collapse-summary,
.r4x-phase-sections--v790 .r4x-phase-collapse--qa > .r4x-phase-collapse-summary,
.r4x-phase-sections--v790 .r4x-phase-collapse--bonus > .r4x-phase-collapse-summary,
.r4x-phase-sections--v790 .r4x-phase-collapse--mini-check > .r4x-phase-collapse-summary{
  border-color:rgba(232,226,210,.14);
  border-left-color:rgba(232,226,210,.28);
  background:rgba(30,34,43,.78);
}
.r4x-phase-sections--v790 .r4x-phase-collapse--intro .r4x-start-section-summary__text::before,
.r4x-phase-sections--v790 .r4x-phase-collapse--qa .r4x-start-section-summary__text::before,
.r4x-phase-sections--v790 .r4x-phase-collapse--bonus .r4x-start-section-summary__text::before,
.r4x-phase-sections--v790 .r4x-phase-collapse--mini-check .r4x-start-section-summary__text::before{
  content:"Empfohlen";
  width:max-content;
  margin-bottom:.02rem;
  color:rgba(232,226,210,.54);
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1.15;
  text-transform:uppercase;
}

@media(max-width:640px){
  .r4x-phase-sections--v790 .r4x-phase-area__body::before{
    min-height:1.42rem;
    padding:.2rem .52rem;
    font-size:.58rem;
  }
  .r4x-phase-sections--v790 .r4x-phase-area--learning .r4x-phase-area__title,
  .r4x-phase-sections--v790 .r4x-phase-area--next .r4x-phase-area__title{
    font-size:1.12rem;
  }
  .r4x-phase-sections--v790 .r4x-phase-area--intro .r4x-phase-area__title,
  .r4x-phase-sections--v790 .r4x-phase-area--check .r4x-phase-area__title{
    font-size:.96rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .r4x-phase-sections--v790 .r4x-phase-collapse-summary{transition:none;}
}