.experience { --exp-muted:#bed0db; background:#062b42; color:#fff; padding:clamp(1.5rem,4vw,4rem) max(1.25rem,calc((100vw - 1240px)/2)); scroll-margin-top:6rem; }
.exp-header {display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-bottom:1px solid #456173;padding-bottom:1rem;margin-bottom:2rem;flex-wrap:wrap}
.exp-header p {margin:0}.exp-label {font-size:.875rem;font-weight:650;letter-spacing:.08em;color:#73e0d7;text-transform:uppercase}
.exp-meta {display:flex;align-items:center;gap:1rem;color:var(--exp-muted);font-size:.875rem}.exp-progress{display:flex;gap:5px}.exp-progress i{width:28px;height:4px;background:#456173}.exp-progress i.active{background:#73e0d7}
.exp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:clamp(2rem,5vw,5rem);align-items:start}
#experience-stage h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.12;letter-spacing:-.035em;margin:.75rem 0 1.25rem;max-width:20ch;color:#fff}
.exp-context{color:#dce6ed;max-width:68ch;font-size:1.0625rem}.exp-question{font-size:1.0625rem;margin:1.5rem 0 .8rem;color:#fff}.exp-options{display:grid;gap:.7rem}.exp-button{font:inherit;font-size:1rem;text-decoration:none;line-height:1.5;cursor:pointer;border:1px solid #6c899a;background:#103b53;color:#fff;border-radius:.65rem;padding:1rem 1.15rem;text-align:left;transition:background .15s,border-color .15s}
.exp-options .exp-button{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.65rem;align-items:center;width:100%}.exp-choice-letter{color:#73e0d7;font-size:.875rem}.exp-button:hover,.exp-button:focus-visible{background:#19516a;border-color:#73e0d7}.exp-options .exp-button:hover,.exp-options .exp-button:focus-visible{background:#1d5970;border-color:#90fff0}.exp-choice-cue{color:#90fff0;font-size:.875rem;font-weight:650;white-space:nowrap}.exp-prompt{color:var(--exp-muted);font-size:1rem;margin:0 0 1rem;max-width:65ch}.experience :focus-visible{outline:3px solid #90fff0;outline-offset:5px}.exp-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.exp-primary{background:#83e5d6;color:#062b42;border-color:#83e5d6;font-weight:650}.exp-primary:hover{background:#b3f7ed;color:#062b42}.exp-link{color:#d5f9f2;padding:.6rem;text-underline-offset:4px}
.exp-aside{border-left:1px solid #456173;padding-left:1.5rem;color:var(--exp-muted);font-size:1rem}.exp-aside h3{color:#fff;font-size:1.1rem}.exp-aside p{margin:0 0 1.3rem}.exp-aside a{color:#82e6da;text-underline-offset:4px}.exp-carry{border-left:3px solid #83e5d6;padding:.5rem 1rem;color:#dce6ed}.exp-response{padding:1.25rem 0}.exp-response blockquote{font-size:clamp(1.4rem,2.6vw,2rem);margin:.5rem 0;line-height:1.4}.exp-insight{background:#103b53;border-radius:.7rem;padding:1.25rem 1.5rem;color:#e0eaf0}.exp-insight p{margin:.6rem 0}.exp-conditions{color:#8fe7de;font-size:.875rem}.exp-recap{padding-left:1.4rem}.exp-recap li{padding:0 0 1.2rem 1rem}.exp-recap span{color:#83e5d6;font-size:.875rem}.exp-recap h3{font-size:1.1rem;color:#fff;margin:.4rem 0}.exp-recap p{color:#dce6ed;margin:0}.exp-note{font-size:.875rem;color:var(--exp-muted);margin-top:2rem}
@media(max-width:760px){.exp-layout{grid-template-columns:1fr}.exp-aside{border-left:0;border-top:1px solid #456173;padding:1.3rem 0 0}.exp-options .exp-button{padding:.9rem}.exp-header{margin-bottom:1.3rem}.exp-actions .exp-button{width:100%}}
@media(prefers-reduced-motion:reduce){.exp-button{transition:none}}