.j14-navigation{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:1rem 0 2rem;padding-bottom:1rem;border-bottom:1px solid #cbd8d2}
.j14-navigation button,.j14-navigation summary{font:inherit;min-height:44px;border-radius:1.4rem;cursor:pointer}
.j14-primary{display:flex;gap:.35rem;flex-wrap:wrap;flex-basis:100%}
.j14-primary button,.j14-nav-group button{border:1px solid transparent;background:transparent;color:#173b3b;padding:.55rem .9rem;text-align:left;overflow-wrap:anywhere}
.j14-navigation [aria-current="page"]{background:#173b3b;color:#fff9ef;border-color:#173b3b}
.j14-nav-group{border:1px solid #cbd8d2;border-radius:1rem;background:#fff9ef;max-width:100%}
.j14-nav-group summary{padding:.6rem .9rem;list-style-position:inside;color:#173b3b}
.j14-nav-group>div{display:grid;gap:.2rem;padding:0 .4rem .5rem;max-width:24rem}
.j14-navigation :is(button,summary):focus-visible,.j14-area :is(button,summary):focus-visible{outline:3px solid #a54c26;outline-offset:3px}
.j14-navigation button:hover,.j14-navigation summary:hover{box-shadow:inset 0 0 0 1px #527771}
.j14-area{min-width:0;color:#173b3b}.j14-area h1{overflow-wrap:anywhere}.j14-area p{line-height:1.6;max-width:78ch}
.j14-area section{margin-bottom:2rem}.j14-next{padding:clamp(1.25rem,3vw,2.25rem);background:#e9f1eb;border:1px solid #c3d8cb;border-radius:1.3rem}
.j14-next h2{margin:.5rem 0;font-size:clamp(1.45rem,2.7vw,2rem)}.j14-next p{max-width:70ch}.j14-next .button{margin-top:.5rem}
.j14-area .button{min-height:44px;white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%}
.j14-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;list-style-position:inside;padding:0;counter-reset:j14-step}
.j14-progress li{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem;border:1px solid #cbd8d2;border-radius:.85rem;background:#fffdf8;counter-increment:j14-step;min-width:0}
.j14-step-title{font-weight:650}.j14-step-title::before{content:counter(j14-step,decimal-leading-zero) " · ";color:#526c64}.j14-step-status{font-size:.95rem;line-height:1.45}.j14-progress .button{margin-top:auto;font-size:.9rem}
.j14-explanation{margin:1rem 0 2rem;border:1px solid #cbd8d2;border-radius:.8rem;padding:0 1rem}.j14-explanation summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.5rem;font-weight:600}.j14-explanation summary::before{content:"i";border:1px solid currentColor;border-radius:50%;width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.9rem}
.j14-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.j14-card{background:#fffdf8;border:1px solid #cbd8d2;border-radius:1rem;padding:1.2rem;overflow-wrap:anywhere;min-width:0}.j14-card h3{margin:.2rem 0 .6rem;font-size:1.3rem}.j14-price{display:flex;flex-direction:column;gap:.3rem}.j14-price strong{font-size:1.7rem}.j14-price span{font-size:.95rem}.j14-status{font-weight:650}
.j14-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.j14-section-heading h2{margin:0}.j14-shortcuts{display:flex;gap:.65rem;flex-wrap:wrap}
.j14-warning,.j14-terms{padding:1.2rem;border:1px solid #d7b69d;border-radius:.85rem;background:#fff3e7;margin:1rem 0}.j14-warning p{margin:.5rem 0 1rem}.j14-simulation{padding-top:1rem;border-top:1px solid #cbd8d2;font-size:.9rem;color:#4b655f}
@media(max-width:700px){.j14-progress ol{grid-template-columns:repeat(2,minmax(0,1fr))}.j14-cards{grid-template-columns:1fr}.j14-navigation{gap:.5rem}.j14-nav-group{flex:1 1 45%}.j14-nav-group>div{max-width:none}.j14-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.j14-primary button{width:100%;font-size:.95rem}}
@media(max-width:430px){.j14-progress ol{grid-template-columns:1fr}.j14-nav-group{flex-basis:100%}.j14-next{padding:1rem}.j14-shortcuts{display:grid;grid-template-columns:1fr}.j14-shortcuts .button{width:100%}.j14-area .page-heading{align-items:flex-start}.j14-area .page-heading>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.j14-area *,.j14-navigation *{scroll-behavior:auto;transition:none!important}}
/* V20: a quiet first navigation, four personal outlook cards, voluntary discovery. */
.j20-navigation{gap:.6rem}.j20-navigation .j14-primary{flex-basis:100%;max-width:62rem}.j20-nav-group{min-width:0}.j20-nav-help{padding:0 1rem .8rem;max-width:55ch;font-size:.88rem;line-height:1.55;color:#45645e}.j20-opportunities{flex-basis:100%;max-width:62rem;background:#fffdf7}.j20-opportunities>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.6rem;max-width:none;padding:.2rem .8rem .8rem}.j20-opportunities>div>.j20-nav-group{background:#fff9ef}.j20-experience>h2,.j20-outlook>h2{font-family:Georgia,serif;font-weight:400;margin-bottom:1rem}.j20-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.j20-experience-card{border:1px solid #d7dfd8;border-radius:1.1rem;padding:clamp(1.1rem,2vw,1.5rem);background:#fffdf7;display:flex;flex-direction:column;gap:.7rem;min-width:0;overflow-wrap:anywhere}.j20-experience-card h3{font:normal 1.4rem/1.25 Georgia,serif;margin:0}.j20-experience-card p{font-size:.95rem;margin:0;line-height:1.6}.j20-experience-card .button{align-self:flex-start;margin-top:auto}.j20-card-events{border-top:5px solid #e1bf62}.j20-card-rewards{border-top:5px solid #94af9c}.j20-card-status{border-top:5px solid #cea28a}.j20-card-contacts{border-top:5px solid #9cb7bb}.j20-experience-card .j20-card-metric{font-weight:700}.j20-experience-card .j20-card-amount{font:normal clamp(1.5rem,3vw,2rem)/1.3 Georgia,serif}.j20-experience-card .j20-card-note{font-size:.87rem;color:#45645e}.j20-outlook>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.j20-outlook article{border-radius:1rem;padding:1.2rem;background:#f1eddf}.j20-outlook h3{font-size:1.1rem;margin:0 0 .55rem}.j20-outlook p{font-size:.95rem;margin:0}@media(max-width:600px){.j20-navigation .j14-primary{grid-template-columns:1fr}.j20-experience-grid,.j20-outlook>div{grid-template-columns:1fr}.j20-opportunities>div{grid-template-columns:1fr}.j20-experience-card .button{align-self:stretch;width:100%}.j20-nav-group{flex-basis:100%}}
/* V21 member self-assessment: same Licht im Raum palette; all helpers stay visible. */
.v21-self-assessment{grid-column:1/-1;max-width:78rem;border:1px solid #d4d9c8;border-radius:1.2rem;background:#fffdf7;padding:clamp(1.1rem,3vw,2rem);margin-bottom:1.4rem}.v21-self-heading{padding:clamp(1rem,3vw,1.8rem);background:#f7e7b8;border-radius:.85rem;display:grid;gap:.65rem;margin-bottom:1rem}.v21-self-heading h2{font:normal clamp(1.65rem,3vw,2.3rem)/1.2 Georgia,serif;margin:0;max-width:27ch}.v21-self-heading p{max-width:68ch;line-height:1.6}.v21-self-price-note{max-width:78ch;margin:1rem 0;font-size:.94rem;line-height:1.6}.v21-self-ratings,.v21-self-wishes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.v21-self-field{display:grid;grid-template-rows:auto auto 1fr;gap:.65rem;min-width:0;padding:1rem;border:1px solid #d7dfd8;border-radius:.75rem;background:#fff}.v21-self-field label{font-weight:700;line-height:1.45;min-height:2.9em}.v21-self-field input,.v21-self-field select{min-height:48px;width:100%;min-width:0;font:inherit;border:1px solid #96aea1;border-radius:.5rem;padding:.65rem;background:#fff;color:#173b3b}.v21-self-field input[type=number]{max-width:9rem;font-size:1.6rem;font-weight:700}.v21-self-field small{font-size:.88rem;line-height:1.55;color:#45645e}.v21-self-assessment button{min-height:48px;white-space:normal;max-width:100%}.v21-self-assessment :focus-visible{outline:3px solid #356dd1;outline-offset:4px}.v21-own-responsibilities{margin-top:1rem;display:grid;gap:.8rem}.v21-own-responsibilities article{border-left:3px solid #9ab2a4;padding:.4rem 1rem}.j21-admission-note{padding:1rem;border-left:3px solid #9ab2a4;background:#fffdf7;margin-bottom:1.5rem}.j21-admission-note .button{margin:.7rem 0 0;display:block;max-width:max-content}@media(max-width:760px){.v21-self-ratings,.v21-self-wishes{grid-template-columns:1fr}.v21-self-field label{min-height:0}.v21-self-field input[type=number]{max-width:none}.v21-self-assessment{padding:1rem}.v21-self-assessment button{width:100%}.j21-admission-note .button{max-width:100%}}@media(prefers-reduced-motion:reduce){.v21-self-assessment *{scroll-behavior:auto!important}}

.j21-member-experience{margin:1.5rem 0}.j21-member-experience .j20-card-membership{border-top:5px solid #94af9c}.j21-member-experience .button{min-height:48px;white-space:normal}