/* Employment Pass only: the existing site theme and typography remain in use. */
body[data-page="employment-pass"]{--ep-section-padding:48px}
body[data-page="employment-pass"] main :is(.ep-audience,.ep-eligibility,.ep-process,.ep-documents,.ep-support){padding-block:var(--ep-section-padding)}
body[data-page="employment-pass"] main .ep-definition{padding-bottom:var(--ep-section-padding)}
body[data-page="employment-pass"] main .ep-difference{padding-top:var(--ep-section-padding)}
@media(max-width:700px){body[data-page="employment-pass"]{--ep-section-padding:36px}}
body[data-page="employment-pass"] .ep-hero>.button{margin-top:28px}
.ep-page-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;font-weight:600}
.ep-page-nav a{text-underline-offset:5px}
.ep-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ep-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ep-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff}
.ep-card h3{font-family:var(--display);font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 20px}
.ep-card p{font-size:17px;line-height:1.75;margin:0}
.ep-card .check-list{margin:0;padding-left:20px}
.ep-card .check-list li{margin-bottom:15px}
.ep-card .check-list li:last-child{margin-bottom:0}
.ep-definition>.lead{max-width:65ch;margin-bottom:36px}
.ep-context{margin-top:28px}
body[data-page="employment-pass"] .ep-context,
body[data-page="employment-pass"] .ep-notice p{max-width:none;text-wrap:pretty}
.ep-notice{padding:28px 32px;border-left:4px solid var(--orange);background:#ededed;border-radius:0 20px 20px 0;margin-top:28px}
.ep-notice h3{font-family:var(--display);font-size:24px;line-height:1.3;margin-bottom:14px}
.ep-notice p{margin:0}
.ep-difference{background:var(--ink);color:#fff}
.ep-difference .ep-card{background:transparent;border-color:#ffffff35}
.ep-difference p{color:#fff}
.ep-difference .section-heading .eyebrow{color:var(--orange)}
.ep-difference h2 em{color:var(--orange)}
@media(max-width:1100px){.ep-card-grid{grid-template-columns:1fr}.ep-card{padding:30px}.ep-card-grid .ep-card p{max-width:65ch}}
@media(max-width:700px){.ep-two-columns{grid-template-columns:1fr}.ep-card{padding:28px}.ep-card h3{font-size:26px}.ep-card p{font-size:16px}.ep-notice{padding:25px}.ep-notice h3{font-size:23px}.ep-page-nav{gap:14px 23px}}
@media(max-width:360px){body[data-page="employment-pass"] .header-shell>.button{min-width:0;flex-shrink:1;white-space:normal;gap:8px;padding-inline:8px}}
/* Employment Pass uses the shared prose alignment policy in alignment.css. */