*{box-sizing:border-box}body{margin:0;background:#f7fafb;color:#1c4052;font:14px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:1210px;margin:auto;padding:0 23px}.hero{background:linear-gradient(115deg,#09263c,#12536a);color:#fff;padding:72px 0 80px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:900;color:#188a94}.hero .eyebrow,.cta .eyebrow{color:#e6c27d}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(38px,5vw,63px);margin:14px 0 18px}h1 em{font-style:normal;color:#b1e6ef}h2{font-size:clamp(27px,3.4vw,41px);margin:11px 0 17px}h3{font-size:24px}.hero p,.cta p{color:#d0e4eb;max-width:830px;font-size:16px}.section{padding:48px 0}.alt{background:#ecf5f8}.lead{color:#637d8b;max-width:870px;font-size:14px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.btn{border:1px solid #cadfe6;color:#1c6375;background:#fff;border-radius:9px;padding:12px 16px;text-decoration:none;font-size:12px;font-weight:850;display:inline-block}.btn.primary{background:#e5b451;border-color:#e5b451;color:#243c46}.btn.outline{color:#fff;background:transparent;border-color:#87b3c4}.role-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.role-tabs button{border:1px solid #c8e0e5;background:#fff;color:#24566b;border-radius:22px;padding:11px 15px;font-size:12px;cursor:pointer}.role-tabs button[aria-selected=true],.role-tabs button[aria-pressed=true]{background:#167a85;border-color:#167a85;color:#fff}.role-card{border:1px solid #d3e5eb;border-radius:15px;padding:25px;background:#fff}.role-card[hidden]{display:none!important}.role-card p{color:#627e8d}.tiles,.government{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.tiles>div,.government>a{border:1px solid #d9e7eb;border-left:4px solid #43abb6;background:#f8fcfd;border-radius:10px;padding:17px}.tiles>div:nth-child(even){border-left-color:#dcae58}.tiles strong{font-size:13px}.tiles p{font-size:12px;margin:7px 0}.note{background:#fff8e9;color:#775f35;padding:16px;border:1px solid #eddcb7;border-left:4px solid #e0a947;border-radius:10px;margin:22px 0;font-size:12px}.stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:21px 0}.stages article{background:#fff;border:1px solid #d5e5eb;border-top:4px solid #4baab8;border-radius:10px;padding:16px}.stages article:nth-child(even){border-top-color:#dbaa50}.stages small{display:block;color:#16858c;font-weight:900}.stages b{font-size:13px;display:block;margin-top:7px}.stages p{font-size:11px;color:#647d8a}.faq-list{display:grid;gap:9px}.faq-list details{background:#fff;border:1px solid #d7e5ea;border-radius:10px;padding:0 18px}.faq-list details[hidden]{display:none!important}.faq-list summary{padding:17px 3px;font-weight:800;cursor:pointer}.faq-list details p{font-size:13px;color:#56788a;padding:4px 3px 16px;border-top:1px solid #e4edef}.faq-list details a{font-size:12px;font-weight:850}.faq-list .tag{font-size:10px;color:#16858b;margin-left:8px}#faq-search{border:1px solid #c9dfe6;background:#fff;border-radius:10px;padding:14px;font:inherit;width:100%;max-width:770px;margin:12px 0 4px}.government a{display:block;text-decoration:none;background:#fff}.government b{display:block;color:#25536a}.government small{color:#688392}.cta{background:#092940;color:#fff;padding:47px 0}.cta h2{color:#fff}footer{background:#071e2d;color:#bad3dd;padding:24px 0;font-size:12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #e7b34e;outline-offset:3px}@media(max-width:900px){.stages{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.wrap{padding:0 15px}.tiles,.government,.stages{grid-template-columns:1fr}.section{padding:32px 0}.role-card{padding:17px}}

/* NLG Resources premium enhancement November 2026 */
:root{--rnavy:#173b51;--rteal:#147f89;--rgold:#dda94b;--rmuted:#557384}
body{font-size:15px;line-height:1.72;background:#f8fbfc}
.wrap{max-width:1240px}
.hero{padding:78px 0 85px;background:radial-gradient(ellipse at 84% 4%,#208ca137,transparent 52%),linear-gradient(115deg,#09233a,#124a64)}
.hero h1{font-size:clamp(40px,5.1vw,68px);line-height:1.09;letter-spacing:-.052em}
.hero p{font-size:17px;line-height:1.8}
.eyebrow{font-size:11px}
.section{padding:60px 0}
.section h2{font-size:clamp(30px,3.7vw,46px);letter-spacing:-.042em}
.lead{font-size:16px;line-height:1.8;max-width:950px}
.role-tabs{margin:27px 0 22px;gap:10px}
.role-tabs button{font-size:13px;padding:12px 18px;border-radius:12px;transition:transform .2s,box-shadow .2s}
.role-tabs button:hover{transform:translateY(-2px)}
.role-tabs button[aria-selected=true]{box-shadow:0 6px 15px #146e822a}
.role-tabs button[data-role=applicant][aria-selected=true]{background:#357da8;border-color:#357da8}
.role-tabs button[data-role=recruiter][aria-selected=true]{background:#806b9e;border-color:#806b9e}
.role-card{padding:32px;border-radius:18px;border-top:5px solid #2797a0;box-shadow:0 16px 35px #103d500d}
#role-applicant{border-top-color:#578ab9}
#role-recruiter{border-top-color:#9b7fbc}
.role-card h3{font-size:clamp(25px,2.8vw,34px);margin:6px 0 10px}
.role-card>p{font-size:15px;line-height:1.8}
.tiles{gap:16px;margin:25px 0}
.tiles>div{min-height:148px;border-radius:13px;padding:20px 22px;background:linear-gradient(120deg,#fff,#f7fbfd);box-shadow:0 5px 15px #123c4c0b;transition:transform .2s,box-shadow .2s}
.tiles>div:hover,.stages article:hover,.government a:hover{transform:translateY(-3px);box-shadow:0 13px 30px #123d501a}
.tiles strong{font-size:16px;line-height:1.35;display:inline-block;vertical-align:middle}
.tiles p{font-size:14px;line-height:1.72;margin-top:12px}
#role-applicant .tiles>div{border-left-color:#588eb9}
#role-recruiter .tiles>div{border-left-color:#9882b5}
.res-icon{display:inline-flex;width:39px;height:39px;vertical-align:middle;align-items:center;justify-content:center;border-radius:12px;border:1px solid #cce3e4;background:#eaf7f6;color:#147f89;flex-shrink:0;margin-right:11px}
.res-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.res-role-icon{width:48px;height:48px}
#role-applicant .res-icon{color:#357aaa;background:#edf6fa;border-color:#d2e5f0}
#role-recruiter .res-icon{color:#8369a4;background:#f3eff9;border-color:#e2d8ef}
.res-role-head{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.res-priorities{padding:20px 22px;background:#f4fafb;border:1px solid #d5e7eb;border-radius:13px;margin:15px 0 22px}
.res-priorities h4{font-size:17px;margin:0 0 12px}
.res-priorities ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;list-style:none;counter-reset:res-step;padding:0;margin:0}
.res-priorities li{font-size:13px;color:#547485;counter-increment:res-step;position:relative;padding-left:29px;line-height:1.65}
.res-priorities li:before{content:counter(res-step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:11px;font-weight:900;color:#147e89}
.stages{gap:14px;margin:28px 0}
.stages article{padding:22px 17px;min-height:225px;border-radius:14px;border-top-width:5px;background:linear-gradient(120deg,#fff,#f9fcfd);box-shadow:0 6px 15px #1545540a;transition:transform .2s,box-shadow .2s}
.stages article:nth-child(3){border-top-color:#649abf}
.stages article:nth-child(4){border-top-color:#9780b2}
.stages article:nth-child(5){border-top-color:#5ba88f}
.stages .res-icon{margin-bottom:15px}
.stages small{font-size:11px;letter-spacing:.12em}
.stages b{font-size:16px;margin:9px 0}
.stages p{font-size:13px;line-height:1.7}
.government{gap:15px;margin:27px 0}
.government a{display:flex;align-items:center;gap:14px;min-height:124px;padding:20px 22px;border-radius:14px;background:linear-gradient(120deg,#fff,#fafdfe);box-shadow:0 5px 15px #133d4f0b;transition:transform .2s,box-shadow .2s}
.government a:nth-child(3n){border-left-color:#739fbd}
.government .res-icon{width:46px;height:46px;margin:0}
.government .res-icon svg{width:24px;height:24px}
.government b{font-size:16px;line-height:1.5}
.government small{font-size:13px;line-height:1.6}
.res-gov-text{flex:1}
.res-fastnav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.res-fastnav a{display:inline-flex;align-items:center;padding:12px 16px;gap:7px;font-size:13px;font-weight:800;border:1px solid #7fb8c5;background:#ffffff14;border-radius:10px;color:white;text-decoration:none}
.res-fastnav a:hover{background:#ffffff27}
.res-mistakes{background:#fff}
.res-mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.res-mistake{padding:21px 23px;background:linear-gradient(120deg,#fffdf9,#fff7e9);border:1px solid #ead9b6;border-left:4px solid #dda849;border-radius:13px}
.res-mistake strong{display:block;font-size:16px;margin:9px 0}
.res-mistake p{font-size:14px;color:#657d86;line-height:1.7;margin:0}
.res-mistake .res-icon{color:#ab7c25;background:#fff2d7;border-color:#e8d7b5}
.btn{font-size:13px;padding:13px 18px}
.note{font-size:13px;padding:18px 22px;line-height:1.72}
.faq-list summary{font-size:15px;padding:19px 4px}
.faq-list details p{font-size:14px;line-height:1.75}
#faq-search{font-size:15px;padding:15px}
@media(max-width:950px){.stages{grid-template-columns:repeat(3,minmax(0,1fr))}.stages article{min-height:190px}}
@media(max-width:650px){.section{padding:38px 0}.tiles>div,.stages article,.government a{min-height:0}.role-card{padding:19px}.res-mistake-grid,.res-priorities ol{grid-template-columns:1fr}.stages{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tiles>div,.stages article,.government a{transition:none}.tiles>div:hover,.stages article:hover,.government a:hover{transform:none}}
