.help-page { --help-navy:#103653; --help-teal:#08786c; --help-pale:#eef6fc; --help-line:#cbdcea; }
.help-page h2 { font-size:clamp(1.75rem,3vw,2.3rem); line-height:1.22; letter-spacing:-.035em; margin:0 0 18px; }
.help-page h3 { line-height:1.35; }
.help-page a { text-underline-offset:4px; }
.help-page p { line-height:1.75; }
.help-page [hidden] { display:none!important; }
.help-intro { padding:35px 0 28px; background:var(--help-pale); border-bottom:1px solid var(--help-line); }
.help-intro h1 { margin:8px 0 12px; font-size:clamp(2.4rem,5vw,3.75rem); letter-spacing:-.05em; color:var(--help-navy); line-height:1.1; }
.help-intro p { max-width:760px; font-size:1.1rem; margin-bottom:23px; }
.help-jump-links { display:flex; gap:10px 24px; flex-wrap:wrap; }
.help-jump-links a { min-height:40px; display:inline-flex; align-items:center; border-bottom:2px solid #bfd3e5; font-weight:650; font-size:.9rem; }
.help-first-section { padding-top:35px; }
.help-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:26px; }
.help-section-heading>div:first-child { max-width:760px; }
.help-section-heading p { margin-bottom:0; }
.help-journey-control { min-width:0; width:100%; margin-bottom:18px; }
.help-journey-control label { font-size:.8rem; color:var(--help-teal); font-weight:650; margin-bottom:8px; }
.help-journey-control select { width:100%; max-width:100%; min-height:56px; margin:0; padding:12px 38px 12px 15px; font-size:clamp(.94rem,1.6vw,1.3rem); font-weight:650; color:var(--help-navy); background-color:var(--help-pale); border:1px solid var(--help-line); border-radius:8px; }
.help-journey-switcher.is-enhanced { padding:26px 30px; border:1px solid var(--help-line); border-radius:12px; background:#fff; }
.help-journey-switcher.is-enhanced [data-journey] { border:0; padding:0; margin:0; background:transparent; }
.help-journey-switcher.is-enhanced [data-journey]>.help-journey-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.help-journey-panel { padding:26px 30px; border:1px solid var(--help-line); border-radius:12px; margin-bottom:22px; background:#fff; }
.help-journey-title { margin:0 0 9px; color:var(--help-navy); font-size:1.4rem; }
.help-journey-panel>p { margin:0 0 26px; }
.help-journey { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:25px 0; gap:0; }
.help-journey>li { position:relative; padding:29px 25px 0 0; border-top:3px solid var(--help-line); }
.help-journey>li::before { content:''; position:absolute; top:-9px; left:0; width:15px; height:15px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px #fff; }
.help-journey>li:last-child { border-image:linear-gradient(to right,var(--help-line),#fff) 1; padding-right:0; }
.help-journey>li:last-child::before { background:var(--help-teal); }
.help-step-label { display:block; color:var(--help-teal); font-size:.78rem; letter-spacing:.06em; font-weight:750; }
.help-journey h3 { font-size:1.08rem; margin:10px 0 8px; }
.help-journey p { font-size:.95rem; margin:0; }
.help-journey-bottom { border-top:1px solid var(--help-line); padding-top:18px; display:flex; align-items:center; gap:28px; justify-content:space-between; }
.help-journey-bottom p { font-size:.9rem; margin:0; max-width:720px; }
.help-journey-bottom .text-link { flex-shrink:0; }
.help-source { color:#50667a; font-size:.875rem; line-height:1.75; margin:22px 0 0; }
.help-soft { background:#f5f8fc; border-block:1px solid #e3ebf3; }
.help-table { border:1px solid var(--help-line); border-radius:10px; background:#fff; }
.help-table table { width:100%; border-collapse:collapse; min-width:880px; }
.help-table caption { text-align:left; font-weight:650; padding:18px 22px; color:var(--help-navy); }
.help-table thead th { background:var(--help-navy); color:#fff; }
.help-table th,.help-table td { text-align:left; padding:19px 21px; vertical-align:top; border-bottom:1px solid var(--help-line); font-size:.94rem; line-height:1.7; }
.help-table tbody th { background:var(--help-pale); color:var(--help-navy); min-width:180px; }
.help-stat { flex-shrink:0; min-width:200px; display:flex; gap:17px; align-items:center; padding:20px; border-radius:12px; background:#e8f7f1; color:#085e55; }
.help-stat strong { font-size:3.2rem; line-height:1; letter-spacing:-.06em; }
.help-stat span { font-size:.83rem; line-height:1.6; }
.help-stat b { font-weight:650; }
.help-time-grid { display:grid; grid-template-columns:.8fr 1.3fr; gap:30px; align-items:start; }
.help-controls { padding:22px; border:1px solid var(--help-line); border-radius:10px; margin:0 0 24px; min-width:0; background:#fff; }
.help-controls legend { padding:0 7px; font-size:1rem; font-weight:650; }
.help-controls select,.help-controls input { width:100%; margin-bottom:17px; min-width:0; }
.help-controls p { font-size:.875rem; margin:0; }
.help-policy-note { border-left:4px solid #b47a17; padding:21px; background:#fff6e5; }
.help-policy-note strong { color:#65420a; }
.help-policy-note p { font-size:.93rem; margin:10px 0; }
.help-policy-note a { font-size:.9rem; }
.help-chart-card { background:#fff; border:1px solid var(--help-line); border-radius:12px; padding:28px; min-width:0; }
.help-chart-card figure { margin:0; }
.help-chart-card figcaption { font-size:1rem; color:var(--help-navy); font-weight:650; margin-bottom:24px; }
.help-bar-label { display:flex; justify-content:space-between; gap:20px; margin:16px 0 9px; font-size:.94rem; }
.help-bar-label strong { color:var(--help-navy); flex-shrink:0; }
.help-bar-track { height:22px; background:#edf2f6; border-radius:4px; overflow:hidden; }
.help-bar { display:block; height:100%; }
.help-bar-blue { background:#0754c7; }
.help-bar-teal { background:var(--help-teal); }
.help-bar-level3 { background:#6547a5; }
.help-static-study-note { margin-top:24px; }
.help-bar-wait { background:repeating-linear-gradient(135deg,#d5a349 0,#d5a349 5px,#eac788 5px,#eac788 10px); }
.help-axis { display:flex; justify-content:space-between; font-size:.78rem; color:#50667a; margin:10px 0 24px; }
.help-chart-result { padding:17px 19px; background:var(--help-pale); border-left:3px solid var(--blue); border-radius:4px; color:var(--help-navy); font-weight:600; font-size:.94rem; margin:23px 0 15px; }
.help-chart-note { font-size:.875rem; color:#50667a; margin:0; }
.help-checkpoint { border-top:1px solid var(--help-line); padding-top:22px; margin-top:24px; }
.help-checkpoint h3 { font-size:1.2rem; margin:0 0 12px; }
.help-checkpoint p { font-size:.94rem; }
.help-stacked-track { display:flex; background:#edf2f6; height:18px; border-radius:4px; overflow:hidden; }
.help-stacked-track>span { display:block; height:100%; }
.help-chart-key { display:flex; flex-wrap:wrap; gap:16px; margin-top:12px; font-size:.8rem; }
.help-chart-key span { display:flex; align-items:center; gap:7px; }
.help-chart-key span::before { content:''; display:block; width:10px; height:10px; background:var(--help-teal); border-radius:2px; }
.help-chart-key span:last-child::before { background:#d5a349; }
.help-checkpoint #route-policy-note { font-size:.875rem; color:#50667a; margin-bottom:0; }
.help-budget-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.help-budget-grid h3 { margin-top:0; font-size:1.4rem; }
.help-budget-list { list-style:decimal-leading-zero; padding-left:29px; }
.help-budget-list li { padding-left:8px; margin:20px 0; }
.help-budget-list li::marker { color:var(--help-teal); font-weight:750; }
.help-budget-list strong,.help-budget-list span { display:block; }
.help-budget-list span { font-size:.95rem; line-height:1.7; margin-top:7px; }
.help-example-label { display:block; color:#855609; font-size:.75rem; font-weight:750; letter-spacing:.06em; margin-bottom:14px; }
.help-number-row { display:flex; gap:16px; align-items:center; }
.help-number-row input { width:105px; flex-shrink:0; margin:0; }
.help-number-row span { font-size:.875rem; }
.help-controls #budget-input-help { margin-top:14px; }
.help-controls .help-error { color:#a02722; margin-top:12px; }
.help-recognition-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.help-recognition-grid article { border:1px solid var(--help-line); border-radius:10px; padding:24px; }
.help-recognition-grid article>span { color:var(--help-teal); font-weight:750; }
.help-recognition-grid h3 { font-size:1.18rem; margin:15px 0 10px; }
.help-recognition-grid p,.help-recognition-grid a { font-size:.94rem; }
.help-level-note { padding:26px; margin-top:25px; background:var(--help-pale); border-left:4px solid var(--blue); }
.help-level-note h3 { margin:0 0 12px; }
.help-english-layout { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:center; }
.help-english-links { display:grid; gap:20px; }
.help-english-links a { display:block; padding:24px; border:1px solid var(--help-line); background:#fff; border-radius:10px; }
.help-english-links strong,.help-english-links span { display:block; }
.help-english-links span { font-size:.94rem; line-height:1.7; margin-top:10px; color:#50667a; }
.help-faq details { border-bottom:1px solid var(--help-line); }
.help-faq summary { padding:20px 5px; cursor:pointer; font-weight:650; }
.help-faq details p { padding:0 5px 18px; margin:0; max-width:1000px; }
.help-contact-panel { display:flex; justify-content:space-between; align-items:center; gap:30px; background:var(--help-navy); padding:30px; border-radius:12px; margin-top:32px; }
.help-contact-panel h3 { margin:0 0 10px; color:#fff; font-size:1.4rem; }
.help-contact-panel p { margin:0; color:#e3edf7; }
.help-contact-panel .button { flex-shrink:0; background:#fff; color:var(--help-navy); border-color:#fff; }
@media(max-width:1050px){ .help-section-heading { align-items:flex-start; flex-direction:column; gap:16px; } .help-time-grid { grid-template-columns:.9fr 1.2fr; gap:22px; } .help-recognition-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .help-journey { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:30px; } .help-journey-bottom { align-items:flex-start; flex-direction:column; gap:16px; } }
@media(max-width:760px){ .help-time-grid,.help-budget-grid,.help-english-layout { grid-template-columns:1fr; gap:24px; } .help-journey { grid-template-columns:1fr; gap:0; margin-left:7px; } .help-journey>li { padding:0 0 26px 26px; border-top:0; border-left:3px solid var(--help-line); } .help-journey>li::before { top:3px; left:-9px; } .help-journey>li:last-child { border-image:none; border-color:transparent; padding-bottom:0; } .help-journey-control { min-width:0; width:100%; max-width:none; } .help-journey-panel,.help-chart-card { padding:23px; } .help-stat { min-width:0; } .help-contact-panel { flex-direction:column; align-items:flex-start; padding:24px; } }
@media(max-width:430px){ .help-recognition-grid { grid-template-columns:1fr; } .help-chart-card,.help-controls,.help-journey-panel { padding:19px; } .help-bar-label { font-size:.87rem; gap:12px; } .help-number-row { align-items:flex-start; flex-direction:column; gap:9px; } .help-number-row input { width:100%; } }
@media print { .help-controls,.help-jump-links,.help-journey-control { display:none!important; } .help-page [data-journey][hidden] { display:block!important; } .help-table table { min-width:0; } .help-time-grid,.help-budget-grid { display:block; } .help-chart-card { break-inside:avoid; } }

/* Qualification stages and month-based education pathways. */
.help-step-duration { display:block; color:var(--help-navy); font-size:.875rem; font-weight:650; line-height:1.5; margin-top:7px; }
.help-levels-section { padding-top:10px; }
.help-level-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; }
.help-level-card { min-width:0; border:1px solid var(--help-line); border-top:4px solid var(--help-teal); border-radius:12px; padding:25px; }
.help-level-tag { font-size:.875rem; font-weight:750; letter-spacing:.08em; color:var(--help-teal); }
.help-level-card h3 { font-size:1.3rem; margin:12px 0 20px; }
.help-level-card dl { margin:0 0 20px; }
.help-level-card dl>div { padding:12px 0; border-bottom:1px solid var(--help-line); }
.help-level-card dt { color:#50667a; font-size:.9rem; line-height:1.55; }
.help-level-card dd { margin:4px 0 0; color:var(--help-navy); font-size:1.1rem; font-weight:750; line-height:1.45; }
.help-level-card p { font-size:.94rem; }
.help-level-card .help-small-note { font-size:.875rem; }
.help-level-card .text-link { font-size:.9rem; }
.help-software-section { background:#eef6fc; border-block:1px solid var(--help-line); }
.help-route-total { flex-shrink:0; padding:18px 22px; background:#dff2ec; border-radius:10px; color:#085e55; }
.help-route-total strong,.help-route-total>span { display:block; }
.help-route-total strong { font-size:2rem; line-height:1.2; }
.help-route-total>span { font-size:.875rem; margin-top:8px; }
.help-computing-plan { border-top:4px solid var(--blue); }
.help-route-condition { font-size:.94rem; line-height:1.7; }
.help-manchester-plan { padding:28px 30px; border:1px solid var(--help-line); border-top:4px solid var(--help-teal); border-radius:12px; background:#fff; }
.help-manchester-plan h3 { font-size:1.4rem; margin:10px 0; }
.help-manchester-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:18px; padding:0; margin:26px 0; }
.help-manchester-steps li { padding:19px; background:#f0f7f5; border-radius:8px; }
.help-manchester-steps span,.help-manchester-steps strong { display:block; line-height:1.5; }
.help-manchester-steps span { color:var(--help-teal); font-size:.875rem; font-weight:750; }
.help-manchester-steps strong { margin:8px 0; }
.help-manchester-steps p { font-size:.94rem; margin:0; }
@media(max-width:1050px) { .help-level-grid { grid-template-columns:1fr; } .help-level-card dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } }
@media(max-width:760px) { .help-level-card dl,.help-manchester-steps { grid-template-columns:1fr; gap:10px; } .help-level-card,.help-manchester-plan { padding:23px; } .help-route-total { width:100%; } }
@media print { .help-level-grid,.help-manchester-steps { display:block; } .help-level-card,.help-manchester-plan { break-inside:avoid; margin-bottom:20px; } }
@media(max-width:760px) { .help-journey-switcher.is-enhanced { padding:23px; } }
@media(max-width:430px) { .help-journey-switcher.is-enhanced { padding:19px; } }
@media print { .help-journey-switcher.is-enhanced { border:0; padding:0; } .help-journey-switcher.is-enhanced [data-journey] { margin-bottom:24px; } .help-journey-switcher.is-enhanced [data-journey]>.help-journey-title { position:static; width:auto; height:auto; padding:0; margin:0 0 9px; overflow:visible; clip:auto; white-space:normal; } }