.orientation{margin:1.5rem 0;padding:clamp(1rem,3vw,2rem)}
.orientation-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}
.orientation-hero h3{font-size:clamp(1.5rem,3vw,2.25rem);margin:.2rem 0}.orientation-hero p{max-width:62ch}
.orientation-score{display:grid;min-width:11rem;padding:1rem;border-radius:1rem;background:#e8f6f1;text-align:center;color:#135c4e}.orientation-score strong{font-size:2.4rem}
.orientation>progress{width:100%;height:1rem}.orientation-note{font-size:.9rem}.orientation-map{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.orientation-map span{background:#e7eef9;border-radius:999px;padding:.55rem .8rem;font-weight:700}.orientation-map span:not(:last-child):after{content:' →';color:#3476ac}
.orientation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}.orientation-challenge{border:1px solid #cbd8df;border-radius:1rem;padding:1.2rem;background:#fff}.orientation-heading{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:.85rem}.orientation-heading strong{color:#146c59}.orientation-challenge h4{font-size:1.2rem;margin:.8rem 0}.orientation-challenge p{line-height:1.55}.orientation-challenge>a{display:inline-block;margin:.3rem 0}.orientation-challenge small{display:block;color:#4b5963}.orientation-challenge form{margin-top:1rem}.orientation-challenge textarea,.orientation-challenge select{width:100%;box-sizing:border-box}.orientation-challenge button{margin-top:.7rem}.orientation-future{padding:1rem 1.4rem;margin-top:1.3rem;background:#eef5ff;border-radius:1rem}.orientation-refs{margin-top:1.4rem}.orientation-refs li{overflow-wrap:anywhere;margin:.7rem 0}.orientation-locked{margin:1rem 0;padding:1rem}
.orientation-foundations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;margin:1.5rem 0}.orientation-foundations section{padding:1.2rem;border:1px solid #cbd8df;border-radius:1rem;background:#fff}.orientation-foundations h4{font-size:1.35rem;margin:.3rem 0 1rem}.orientation-foundations p{line-height:1.6}.orientation-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0}.orientation-facts div{display:grid;gap:.3rem;padding:.8rem;border-radius:.8rem;background:#e8f6f1}.orientation-facts strong{font-size:1.7rem;color:#135c4e}.orientation-facts span{font-size:.85rem}@media(max-width:40rem){.orientation-facts{grid-template-columns:1fr}}
