/* Youth Employment Eligibility Checker v1.1.0 — theme-independent portal shell */
:root{--yep-navy:#112b45;--yep-dark:#0d233c;--yep-teal:#008d84;--yep-teal-dark:#00766d;--yep-ink:#173149;--yep-muted:#60788c;--yep-line:#dce7ec;--yep-bg:#f3f7fa}
html{scroll-behavior:smooth}
body.yep-page{margin:0!important;background:var(--yep-bg)!important;color:var(--yep-ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;min-width:0}
body.yep-page *,body.yep-page *::before,body.yep-page *::after{box-sizing:border-box}
body.yep-page a{text-decoration:none}
.yep-skip{position:absolute;left:16px;top:-120px;padding:12px 16px;background:#fff;color:#062b40;border:2px solid var(--yep-teal);z-index:120;border-radius:8px}
.yep-skip:focus{top:10px}
.yep-header{background:#fff;border-top:3px solid var(--yep-teal)}
.yep-header-inner{max-width:1480px;min-height:88px;padding:13px 27px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.yep-brand{display:flex;align-items:flex-start;flex-direction:column;gap:3px;color:#092b45!important;min-width:0}
.yep-wordmark{font-size:30px;line-height:1;font-weight:900;letter-spacing:-.045em;color:#092d48}
.yep-wordmark span{color:var(--yep-teal)}
.yep-logo{display:block;width:auto;height:auto;max-height:64px;object-fit:contain}
.yep-brand-sub{font-size:10.5px;font-weight:700;color:#73879b;letter-spacing:.025em}
.yep-header-right{display:flex;align-items:center;gap:20px}.yep-header-right>span{font-size:12px;font-weight:750;color:#71869a}
.yep-header-cta{font-size:12.5px;font-weight:800;color:#fff!important;background:var(--yep-teal);padding:11px 15px;border-radius:9px;white-space:nowrap}
.yep-header-cta:hover{background:var(--yep-teal-dark)}
.yep-shortcuts{background:#edf5f7;border-bottom:1px solid #dfebee}
.yep-shortcuts-inner{max-width:1480px;margin:auto;padding:0 26px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.yep-shortcuts a{flex:0 0 auto;padding:12px 14px;color:#506d82;font-size:12px;font-weight:750}
.yep-shortcuts a:hover,.yep-shortcuts a.is-current{background:#e1f2ed;color:#007b74}
.yep-main{padding:25px 24px 68px}
.yep-container{max-width:1380px;margin:auto}
.yep-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.8fr);gap:28px;align-items:center;min-height:325px;padding:35px 42px;margin-bottom:21px;background:linear-gradient(114deg,#0b2741 0%,#123756 72%,#0c4351 100%);border:1px solid #1e4d60;color:#fff;border-radius:17px;box-shadow:0 8px 25px rgba(14,33,52,.12);overflow:hidden}
.yep-eyebrow{font-size:10.5px;letter-spacing:.12em;font-weight:850;color:#71e0d2}
.yep-hero h1{margin:13px 0 13px;font-size:clamp(30px,3.35vw,47px);line-height:1.13;letter-spacing:-.045em;font-weight:850;max-width:750px;color:#fff}
.yep-hero h1 em{color:#69dfcb;font-style:normal}
.yep-hero-copy>p{font-size:14px;max-width:660px;color:#cadbe5;margin:0;line-height:1.75}
.yep-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:22px}
.yep-hero-button{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;background:#04a298;color:#fff!important;font-size:13px;font-weight:800}
.yep-hero-button:hover{background:#06b6ac}
.yep-hero-actions>span{font-size:11px;color:#abc5d2}
.yep-hero-side{background:rgba(255,255,255,.07);border:1px solid rgba(226,244,250,.17);border-radius:14px;padding:23px}
.yep-hero-side>span{font-size:10px;font-weight:850;letter-spacing:.13em;color:#8ee8d5}
.yep-programme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 12px}
.yep-programme-grid>div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:11px 12px;border-radius:8px;min-width:0}
.yep-programme-grid b{display:block;font-size:13px;color:#fff}
.yep-programme-grid small{display:block;font-size:10.2px;margin-top:2px;line-height:1.4;color:#c2d9e3}
.yep-hero-side>p{margin:12px 0 0;color:#aecbd4;font-size:10.5px;line-height:1.6}
.yep-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:21px;align-items:start;scroll-margin-top:15px}
.yep-workspace{min-width:0;background:#fff;border:1px solid var(--yep-line);border-radius:15px;padding:24px;box-shadow:0 6px 23px rgba(12,44,67,.045)}
.yep-workspace-heading{padding:2px 4px 18px;margin-bottom:16px;border-bottom:1px solid #e7eef2}
.yep-workspace-heading>span{font-size:10.5px;font-weight:850;letter-spacing:.12em;color:#008d84}
.yep-workspace-heading h2{font-size:23px;letter-spacing:-.035em;margin:5px 0;color:var(--yep-ink);line-height:1.2}
.yep-workspace-heading p{font-size:12.5px;color:var(--yep-muted);margin:7px 0 0}
.yep-aside{display:grid;gap:17px;min-width:0}
.yep-side-card{min-width:0;padding:22px;border:1px solid var(--yep-line);background:#fff;border-radius:13px;box-shadow:0 6px 18px rgba(12,44,67,.035)}
.yep-side-label{display:block;color:#008d84;font-size:10px;font-weight:850;letter-spacing:.1em}
.yep-side-card h2{font-size:18px;line-height:1.26;letter-spacing:-.03em;color:var(--yep-ink);margin:8px 0 13px}
.yep-side-card p{font-size:12px;line-height:1.8;color:#546e81;margin:0}
.yep-steps{margin:0;padding:0;list-style:none;counter-reset:step}
.yep-steps li{counter-increment:step;display:grid;grid-template-columns:28px 1fr;column-gap:11px;padding:12px 0;border-bottom:1px solid #ebf0f3}
.yep-steps li:last-child{border-bottom:0;padding-bottom:0}
.yep-steps li:before{content:counter(step);width:28px;height:28px;grid-row:span 2;background:#e0f6f1;color:#00736b;border-radius:8px;display:grid;place-items:center;font-weight:850;font-size:12px}
.yep-steps b{font-size:12.5px;color:#18354c}
.yep-steps span{font-size:11.5px;color:#71869a;line-height:1.55;padding-top:2px}
.yep-side-teal{background:#ecfaf6;border-color:#c6e7de}
.yep-side-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e5eef1;font-size:12px;font-weight:800;color:#00786f}
.yep-side-card>a:last-child{border-bottom:0;padding-bottom:0}
.yep-side-card>a:hover{color:#004a45}
.yep-footer{background:#fff;border-top:1px solid var(--yep-line)}
.yep-footer-inner{max-width:1380px;min-height:108px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.yep-footer strong{font-size:19px;letter-spacing:-.04em;color:#17364a}
.yep-footer p{font-size:11px;color:#788b9e;margin:3px 0 0}
.yep-footer nav{display:flex;gap:17px;flex-wrap:wrap}.yep-footer a{color:#526d83;font-size:12px;font-weight:750}
/* Existing checker re-skin: output names, field types and rule logic remain untouched. */
.yep-page .yeecheck-wrap{width:100%;max-width:none;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}
.yep-page .yeecheck-title{margin:0 0 15px;background:#f0f7fa;padding:15px 17px;box-shadow:none;border:1px solid #dfeaf0;border-radius:10px;font-size:19px;line-height:1.3;color:#17364e}
.yep-page .yeecheck-form{gap:12px}
.yep-page .yeecheck-section-title{background:#eaf6f4;color:#12574f;border-color:#d1e9e3;font-size:13px;padding:14px 17px;border-radius:10px}
.yep-page .yeecheck-row,.yep-page .yeecheck-actions{padding:17px 19px;border-radius:10px;box-shadow:none;border:1px solid #e2eaf0}
.yep-page .yeecheck-row:hover{box-shadow:0 3px 12px rgba(11,48,71,.04);border-color:#bfd9dd}
.yep-page .yeecheck-label{font-size:13px;font-weight:750;color:#233b50;line-height:1.5}
.yep-page .yeecheck-control select,.yep-page .yeecheck-control input[type=text]{border-color:#cfdae2;min-height:45px;font-size:13px;color:#20394f;background:#fff;border-radius:9px}
.yep-page .yeecheck-control select:focus-visible,.yep-page .yeecheck-control input:focus-visible{outline:2px solid #00b1a4;outline-offset:1px}
.yep-page .yeecheck-radio{background:#f7fafb;border:1px solid #d6e2e9;color:#2b4559;font-size:13px}
.yep-page .yeecheck-radio:has(input:checked){background:#e9f9f5;border-color:#71cabb}
.yep-page .yeecheck-hint{background:#f5f8fb;color:#60768a;opacity:1;font-size:11.5px}
.yep-page .yeecheck-btn{background:var(--yep-teal);color:#fff;font-weight:800;font-size:13px}
.yep-page .yeecheck-btn:hover{background:var(--yep-teal-dark)}
.yep-page .yeecheck-btn-secondary{background:#f0f5f7;color:#2e4c62;border-color:#d9e4e9}
.yep-page .yeecheck-disclaimer{background:#f7fafb;font-size:11.5px;color:#50677b;opacity:1;box-shadow:none}
.yep-page .yeecheck-results{border:1px solid #d8e8df;background:#f7fcf9;box-shadow:none;padding:12px;margin:0 0 18px}
.yep-page .yeecheck-box{box-shadow:none}
.yep-page .yeecheck-wrap a{color:#007c74}
.yep-page :focus-visible{outline:3px solid #50cdbd;outline-offset:2px}
@media(max-width:1150px){.yep-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}.yep-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}}
@media(max-width:900px){.yep-layout{grid-template-columns:minmax(0,1fr)}.yep-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.yep-aside .yep-side-card:last-child{grid-column:1 / -1}.yep-hero{grid-template-columns:minmax(0,1fr)}.yep-header-inner{min-height:74px}.yep-hero-side{max-width:none}}
@media(max-width:650px){.yep-header-inner{padding:12px 15px;gap:9px}.yep-wordmark{font-size:26px}.yep-logo{max-height:52px}.yep-brand-sub{font-size:9px}.yep-header-right>span{display:none}.yep-header-cta{padding:9px 11px;font-size:11px}.yep-main{padding:14px 9px 38px}.yep-shortcuts-inner{padding:0 7px}.yep-hero{padding:27px 21px;border-radius:13px;gap:22px}.yep-hero h1{font-size:clamp(29px,8vw,37px)}.yep-hero-copy>p{font-size:12.5px}.yep-hero-side{padding:18px}.yep-workspace{padding:13px}.yep-workspace-heading h2{font-size:20px}.yep-aside{grid-template-columns:minmax(0,1fr)}.yep-aside .yep-side-card:last-child{grid-column:auto}.yep-footer-inner{align-items:flex-start;flex-direction:column}.yep-page .yeecheck-row,.yep-page .yeecheck-actions{padding:14px}.yep-page .yeecheck-wrap{padding:0}.yep-page .yeecheck-title{padding:13px;font-size:17px}}
@media(max-width:355px){.yep-main{padding:9px 6px 28px}.yep-hero{padding:22px 16px}.yep-workspace{padding:10px}.yep-programme-grid>div{padding:8px}.yep-header-inner{padding:10px 12px}}
@media print{.yep-header,.edp-nav-wrap,.yep-shortcuts,.yep-hero,.yep-aside,.yep-footer,.yep-workspace-heading{display:none!important}.yep-main{padding:0}.yep-workspace{box-shadow:none;border:0;padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}