/* ApplyWell directional UX v1 — small, shared refinements; preserve existing app and forms. */
:root{--aw-direction-navy:#0c2a4f;--aw-direction-teal:#008b83;--aw-direction-line:#d7e5e8;--aw-direction-bg:#f5fafa}
:where(.aw-directional-home,.aw-directional-planner,.aw-directional-explorer,.aw-directional-account) :is(h1,h2,h3){text-wrap:balance;overflow-wrap:normal}
:where(.aw-directional-home,.aw-directional-planner,.aw-directional-explorer,.aw-directional-account) :is(.role-card,.panel,.sidebar,.planner-card,.home-route-card,.lic-grid>* ){min-width:0}
:where(.aw-directional-home,.aw-directional-planner,.aw-directional-explorer,.aw-directional-account) a:focus-visible{outline:3px solid #059b91;outline-offset:3px}
/* Homepage: one clear decision surface; CV check stays below the two routes. */
.aw-directional-home .hero{display:none!important}
.aw-directional-home .aw-journey-hub{padding:clamp(26px,3.5vw,48px) 0 24px!important}
.aw-directional-home .aw-journey-head{margin:0 auto 23px!important}
.aw-directional-home .aw-journey-head h1{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.04em;line-height:1.12;color:#0c2a4f;margin:6px 0 10px}
.aw-directional-home .aw-journey-head p{line-height:1.5}
.aw-directional-home .aw-journey-card{gap:10px!important;padding:clamp(18px,2vw,26px)!important}
.aw-directional-home .aw-journey-card ul{margin:0 0 5px;line-height:1.55}
.aw-directional-home .home-route-note{margin:13px auto 0}
/* Explorer: make current next step visible and keep sectors accessible on mobile. */
.aw-directional-explorer .intro{padding-top:clamp(14px,2vw,24px)!important;padding-bottom:10px!important}
.aw-directional-explorer .intro aside{padding:10px 14px;box-shadow:none;font-size:12px}
.aw-directional-explorer .intro aside strong{font-size:14px}
.aw-directional-explorer .explorer-language{padding:5px 0!important}
.aw-directional-explorer .journey{margin:6px 0 12px!important;gap:7px}
.aw-directional-explorer .journey span{padding:6px 11px;font-size:11px;background:#fff;color:#516f81;border:1px solid var(--aw-direction-line)}
.aw-directional-explorer .journey span.active{background:#e5f7f3;border-color:#70c7bd;color:#006e69}
.aw-directional-explorer .journey span.is-complete{background:#f1faf8;border-color:#b4dfd7;color:#08776d}
.aw-directional-explorer .journey span.is-complete::before{content:'✓ ';font-weight:900}
.aw-directional-explorer .aw-direction-cue{margin:12px 0 4px;padding:10px 13px;border-left:3px solid #078f86;border-radius:9px;background:#f0f9f7;color:#184d5d;font-size:13px;font-weight:740;line-height:1.45}
.aw-directional-explorer .panel-head{padding:16px 19px!important;box-shadow:none}
.aw-directional-explorer .modes{margin-bottom:12px!important}
.aw-directional-explorer .filters{margin:12px 0 8px!important}
.aw-directional-explorer .results-summary{margin:10px 0!important}
.aw-directional-explorer .results-summary>span{font-weight:750;color:#32716d}
.aw-directional-explorer .role-card{gap:2px;padding:16px!important;box-shadow:none}
.aw-directional-explorer .role-card h3{font-size:18px;margin:6px 0}
.aw-directional-explorer .role-card .path{margin-top:auto}
.aw-directional-explorer .role-card .card-button{min-height:44px;background:#f4fbfa}
.aw-directional-explorer .role-card .card-button:hover{background:#e2f7f3}
.aw-directional-explorer .callout{margin-top:14px;padding:11px 15px;line-height:1.5}
.aw-directional-explorer .footer-note{margin:10px 0 0}
.aw-directional-explorer .sidebar{box-shadow:none}
.aw-directional-explorer #detail .dialog-head{padding:18px 23px 13px}
.aw-directional-explorer #detail .dialog-content{padding:13px 23px 20px}
.aw-directional-explorer #detail .dialog-foot{padding:12px 23px}
/* Planner: don't ask the visitor to choose their journey all over again. */
.aw-directional-planner .hero{padding:clamp(15px,2.6vw,34px) 0 10px!important}
.aw-directional-planner .hero h1{margin:6px 0 10px}
.aw-directional-planner .hero p{max-width:750px;margin:0;line-height:1.52}
.aw-directional-planner .aw-start-choices{max-width:1100px;margin:9px auto 8px!important;padding:12px 16px;border:1px solid #d6e6e7;border-radius:15px;background:#f6fbfa;box-shadow:none}
.aw-directional-planner .aw-start-choices>h2{font-size:15px;line-height:1.3;margin:0 0 4px;color:#0b2b4f}
.aw-directional-planner .aw-start-choices>p{margin:0 0 8px!important;font-size:12px;line-height:1.45}
.aw-directional-planner .aw-start-choice-grid{display:flex!important;gap:8px;flex-wrap:wrap}
.aw-directional-planner .aw-start-choice-grid a{flex:1 1 205px!important;min-height:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #d6e6e9;padding:11px 12px;border-radius:10px;box-shadow:none}
.aw-directional-planner .aw-start-choice-grid a[href="#planner-form"]{background:#e9f8f5;border-color:#96d7cb}
.aw-directional-planner .aw-start-choice-grid a strong{font-size:13px;line-height:1.3}
.aw-directional-planner .aw-start-choice-grid a span{display:none!important}
.aw-directional-planner .aw-start-choice-grid a em{font-size:11px;font-style:normal;white-space:normal}
.aw-directional-planner .planner-wrap{padding-top:10px!important}
.aw-directional-planner .planner-head{padding-bottom:10px}
.aw-directional-planner .planner-head h2{font-size:clamp(1.35rem,2.3vw,1.75rem);margin:7px 0}
.aw-directional-planner .planner-head p{margin:0;line-height:1.5}
.aw-directional-planner #planner-form{scroll-margin-top:94px}
.aw-directional-planner #results{scroll-margin-top:92px}
/* Account: saved plans are tasks users can return to, not a plain link directory. */
.aw-directional-account #saved-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:14px 0 16px}
.aw-directional-account #saved-plans>*{border:1px solid #d7e5e9!important;border-radius:16px!important;background:#fff!important;padding:17px!important;box-shadow:0 6px 20px rgba(12,42,79,.04);overflow-wrap:anywhere;min-height:130px}
.aw-directional-account #saved-plans :is(a,strong){font-weight:800;color:#0c2a4f}
.aw-directional-account #saved-plans a{text-decoration-thickness:1px;text-underline-offset:3px}
.aw-directional-account #saved-plans :is(button,input[type="checkbox"]){accent-color:#008d84}
.aw-directional-account #compare-plans{padding:10px 16px;border:1px solid #7dbdb6;border-radius:10px;background:#edf9f6;color:#075e58;font-weight:800;min-height:44px}
/* Shared responsive safety and clarity. */
@media(max-width:980px){
 .aw-directional-explorer .layout{display:grid;grid-template-columns:1fr;gap:14px}
 .aw-directional-explorer .sidebar{position:static;padding:13px 14px}
 .aw-directional-explorer .sidebar p,.aw-directional-explorer .side-note{display:none}
 .aw-directional-explorer .sector-list{display:flex!important;grid-template-columns:none!important;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 1px 9px;scrollbar-width:thin}
 .aw-directional-explorer .sector-opt{scroll-snap-align:start;flex:0 0 auto;width:auto;max-width:205px;min-width:135px;min-height:47px;margin:0!important;padding:8px 11px}
 .aw-directional-explorer .sector-opt .nm{white-space:normal}
 .aw-directional-explorer .intro aside{display:none}
}
@media(max-width:680px){
 .aw-directional-home .hero-actions{display:grid!important;grid-template-columns:1fr;gap:8px;max-width:430px}
 .aw-directional-home .hero-actions .btn{width:100%}
 .aw-directional-home .hero .proof-line{gap:8px;flex-wrap:wrap}
 .aw-directional-explorer .journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .aw-directional-explorer .journey span{text-align:center}
 .aw-directional-explorer .role-card{padding:15px!important}
 .aw-directional-explorer .filters{grid-template-columns:1fr}
 .aw-directional-planner .aw-start-choices{margin-inline:12px!important}
 .aw-directional-planner .aw-start-choice-grid{display:grid!important;grid-template-columns:1fr}
 .aw-directional-planner .aw-start-choice-grid a{flex:auto!important;min-height:45px!important}
 .aw-directional-account #saved-plans{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.aw-directional-explorer .sector-list{scroll-behavior:auto}}

@media(max-width:760px){.aw-directional-home .aw-journey-hub{padding:25px 0 15px!important}}

/* Returning visitors: a single discreet resume action, never displaying private draft answers. */
.aw-directional-home .aw-resume-draft{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:13px 0 0;border:1px solid #addbd4;border-radius:12px;padding:12px 15px;background:#f0faf7;color:#164b55;font-weight:650;font-size:14px}
.aw-directional-home .aw-resume-draft a{color:#006e67;font-weight:850;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.aw-directional-home .aw-resume-draft a{display:block;width:100%;padding-top:3px}}
