.qualification-roadmaps{--qr-navy:#112c43;--qr-gold:#ba934c;color:var(--qr-navy);background:#f3f5f7;max-width:1440px;margin:auto;padding:clamp(20px,4vw,54px);font-size:17px;line-height:1.6}.qualification-roadmaps *{box-sizing:border-box}.qualification-roadmaps h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0 20px}.qualification-roadmaps h2{font-size:24px;line-height:1.3}.qualification-roadmaps h3{font-size:20px;line-height:1.35}.qualification-roadmaps p{max-width:78ch}.qr-breadcrumb{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.qr-breadcrumb span{margin-left:auto;font-size:14px}.qr-breadcrumb a,.qr-source a{color:#173f67;text-decoration:underline}.qr-hero{padding:clamp(24px,4vw,48px);border-radius:22px;background:linear-gradient(100deg,rgba(9,29,48,.96),rgba(9,29,48,.8)),url('./public/assets/tfe-workshop-collaboration.jpg') center/cover;color:white;border:1px solid var(--qr-gold)}.qr-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#856022}.qr-hero .qr-kicker,.qr-unit header .qr-kicker{color:#efd39b}.qr-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:30px 0}.qr-intro section{border-top:3px solid var(--qr-gold)}.qr-map{display:flex;gap:12px;overflow:auto;padding:10px 0 24px}.qr-map a{display:flex;flex-direction:column;min-width:155px;flex:1;border:1px solid #d1d9e0;border-radius:12px;padding:12px;color:var(--qr-navy);background:white;font-weight:800}.qr-map span{font-size:12px;line-height:1.4;font-weight:500;margin-top:8px}.qr-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.qr-unit,.qr-step{background:white;border:1px solid #d1dce5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px #142d4409}.qr-unit header{background:var(--qr-navy);color:white;padding:18px 22px;min-height:135px}.qr-unit header h3{margin:6px 0}.qr-unit>img{width:100%;height:150px;object-fit:cover}.qr-unit>div,.qr-step>div{padding:22px;display:flex;flex:1;flex-direction:column}.qr-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #c39b49;border-radius:10px;background:#112b48;color:white!important;padding:12px 18px;text-decoration:none!important;font:inherit;font-weight:700;cursor:pointer;min-height:48px;line-height:1.4;margin-top:16px}.qr-unit .qr-button,.qr-step .qr-button{margin-top:auto}.qr-button:hover{background:#204a70}.qualification-roadmaps :focus-visible{outline:3px solid #bd882c;outline-offset:4px}.qualification-roadmaps button:disabled{opacity:.5;cursor:not-allowed}.qr-progress{margin:18px 0;font-size:14px}.qr-progress progress{display:block;width:100%;height:10px;margin-top:8px;accent-color:#b38737}.qr-panel,.qr-outcome,.qr-source{background:white;border:1px solid #d4dde5;border-radius:16px;padding:24px;margin:20px 0}.qr-source{font-size:14px;overflow-wrap:anywhere}.qr-source-note{border-left:3px solid #b38737;padding:12px;background:#fcf8f0}.qr-outcome summary{cursor:pointer;font-weight:800;font-size:22px}.qr-outcome summary small{display:block;font-size:14px;font-weight:400}.qr-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.qr-step img{height:130px;width:100%;object-fit:cover}.qr-step h3{margin:4px 0 12px}.qr-step p{font-size:14px}.qr-filters{display:flex;gap:20px;margin:30px 0}.qr-filters label{flex:1}.qualification-roadmaps input[type=search],.qualification-roadmaps select{display:block;width:100%;font:inherit;padding:12px;background:white;border:1px solid #aebdca;border-radius:8px;color:var(--qr-navy);min-height:48px;margin-top:8px}.qr-stages{display:flex;gap:12px;margin-top:24px}.qr-stages button{flex:1;padding:14px;border:1px solid #bdc9d3;border-radius:10px;background:white;color:var(--qr-navy);font:inherit;cursor:pointer}.qr-stages button[aria-current=step]{background:var(--qr-navy);color:white;border-color:var(--qr-gold)}.qr-lesson{max-width:960px;margin:24px auto}.qr-diagram{background:linear-gradient(130deg,#0c253e,#254c66);color:white;border-radius:16px;padding:28px;margin:24px 0;text-align:center}.qr-diagram svg{display:block;width:min(100%,420px);margin:auto}.qr-diagram strong{font-size:26px}.qr-formula{font-size:clamp(30px,6vw,60px);color:#efd39b}.qr-values{display:flex;justify-content:center;gap:clamp(16px,6vw,80px);font-size:28px;margin-top:24px}.qr-values small{font-size:14px}.qr-notice{border-left:4px solid var(--qr-gold);padding:18px;background:#fff8e9;margin:24px 0}.qr-video-placeholder{border:1px dashed #bcc8d2;padding:36px;text-align:center;background:#f1f5f8;border-radius:12px}.qr-video-placeholder>span{font-size:42px}.qr-lesson fieldset{border:0;border-bottom:1px solid #d3dce4;margin:16px 0;padding:12px 0 24px}.qr-lesson legend{font-weight:800;font-size:20px}.qr-choice{display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px;background:#f2f5f7;border-radius:8px;cursor:pointer}.qualification-roadmaps input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:#153b5c}.qr-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:#e8edf1;padding:24px;border-radius:16px}.qr-product{background:white;border:1px solid #becbd6;border-bottom:8px solid #8c6736;padding:14px;cursor:pointer;border-radius:12px}.qr-product:has(input:checked){outline:3px solid #a1792e;background:#fff8e9}.qr-product svg{width:100%;height:125px}.qr-product span{display:flex;gap:10px;align-items:center}.qr-activity-fields{display:grid;gap:20px}.qr-feedback:not(:empty){padding:20px;background:#eff5f2;border-left:4px solid #37705c;margin:24px 0}.apprentice-pathway-card.apprentice-split-card{display:flex;flex-direction:column}.apprentice-split-actions{display:flex;flex-direction:column;gap:10px;padding:0 24px 24px;margin-top:auto}.apprentice-split-actions .apprentice-card-cta{margin:0}.qr-hero .qr-progress{max-width:650px}
@media(max-width:1000px){.qr-unit-grid,.qr-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.qr-unit-grid,.qr-step-grid,.qr-intro{grid-template-columns:1fr}.qr-filters{flex-direction:column}.qr-breadcrumb span{margin:0;width:100%}.qr-stores{gap:12px;padding:12px}.qr-product{padding:8px;font-size:14px}.qr-product svg{height:90px}.qr-unit header{min-height:0}.qr-panel,.qr-outcome{padding:18px}.qr-stages{gap:6px}.qr-stages button{padding:12px 8px}.qr-hero h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.qualification-roadmaps *{scroll-behavior:auto;transition:none;animation:none}}

.qualification-roadmaps video{display:block;width:100%;max-height:520px;object-fit:contain;background:#102c43;border-radius:12px}

body:has(#apprenticeHubView:not(.hidden)) main.qualification-roadmaps{padding:clamp(20px,4vw,54px);max-width:1440px}

.qr-activity-fields{grid-template-columns:minmax(0,1fr)}.qr-activity-fields>label,.qualification-roadmaps .tfe-select{min-width:0;max-width:100%}.qualification-roadmaps .tfe-select-details>summary{white-space:normal;overflow-wrap:anywhere}.qualification-roadmaps .tfe-select-option{white-space:normal;overflow-wrap:anywhere}.qualification-roadmaps .tfe-select-options{min-width:0;width:100%}