/* Adapt shared explicit-dark components when this design follows the OS theme.
   Keep these before Colour overrides and scoped away from Current. */
@media(prefers-color-scheme:dark){
html:not([data-theme]) .colour-v1 :is(.proto-board,.proto-detail-mark,.proto-badge){background:#292f38;border-color:#3b444f;color:#d1dbe8}
html:not([data-theme]) .colour-v1.p-latest .rail-card.cl-tl{background:#1b1d22;border-color:#45403a}
html:not([data-theme]) .colour-v1 .proto-closing-list li{border-color:#393e47;background:#22252b}
html:not([data-theme]) .colour-v1 .proto-closing-top b{background:#373026;color:#e9c894}
html:not([data-theme]) .colour-v1 .proto-job-date strong{color:#d7dce5}
html:not([data-theme]) .colour-v1 .proto-job-date.urgent strong{color:#eda49b}
html:not([data-theme]) .colour-v1 :is(.detail-jumps a,.proto-small-label,.proto-section-label span,.proto-detail-board){color:#b0b9c6}
html:not([data-theme]) .colour-v1 :is(.proto-text-action,.proto-section-label){color:#e4c58e}
html:not([data-theme]) .colour-v1 .proto-tools-kicker{color:#cdb88f}
html:not([data-theme]) .colour-v1 .proto-tool-grid>a:nth-child(2) .proto-tool-icon{background:#332e27;color:#e0bf87}
html:not([data-theme]) .colour-v1 .proto-tool-grid>a:nth-child(3) .proto-tool-icon{background:#25332f;color:#a2c9bd}
html:not([data-theme]) .colour-v1.p-latest .rx{background:linear-gradient(110deg,#1b222c 0%,#171c23 70%,#1a2029 100%)}
html:not([data-theme]) .colour-v1 .calendar-event-day{background:#25332f;color:#a2c9bd}
html:not([data-theme]) .colour-v1 .calendar-reminder{color:#a2c9bd}
html:not([data-theme]) .colour-v1.p-latest .section-nav .section-tile[aria-current=page]{color:var(--action-bg)}
html:not([data-theme]) .colour-v1 .proto-agenda-copy>a.proto-agenda-reminder{color:#8fc6b8}
html:not([data-theme]) .colour-v1 .proto-info>div{border-color:var(--rule)}
html:not([data-theme]) .colour-v1 .application-panel .track-btn{color:#b9c5d5}
html:not([data-theme]) .colour-v1 .application-panel .track-btn[aria-pressed=true]{color:#8fc6b8}
html:not([data-theme]) .colour-v1.p-latest .section-nav .section-tile:last-child{color:#8fc6b8}
html:not([data-theme]) .colour-v1.p-latest .section-nav .section-tile:is([aria-current=page],[aria-pressed=true]){background:var(--action-bg);border-color:var(--action-bg);color:#172a44}
}
/* Colour v1 is an opt-in presentation of the shared production pages.
   Every selector is scoped: Current keeps its existing cascade and markup. */
body.colour-v1{--page:#f5f8fd;--surface:#fff;--raised:#edf3fc;--ink:#172a45;--ink-2:#5c6d84;--ink-3:#60718a;--rule:#dce6f3;--rule-2:#bdcee5;--brand:#245ad7;--brand-2:#174bbf;--brand-fill:#2867de;--brand-fill-2:#1b51ba;--brand-tint:#e8efff;--action-bg:#2867de;--action-hover:#1c54bd;--action-ink:#fff;--on-brand:#fff;--proto-soft:#f7faff;--proto-inset:#edf3fc;--hero-accent:#245ad7;--display:Manrope,'AnekHi',sans-serif;background:var(--page);color:var(--ink);font-family:'DM Sans','AnekHi',sans-serif;font-size:15px;line-height:1.6}
html[data-theme=dark] body.colour-v1{--page:#0b1220;--surface:#131c2e;--raised:#1a2640;--ink:#e8eef8;--ink-2:#aab6c8;--ink-3:#8f9cb1;--rule:#24324a;--rule-2:#3a4d6a;--brand:#86abff;--brand-2:#adc6ff;--brand-fill:#3b6cf0;--brand-fill-2:#5482f5;--brand-tint:#18284a;--action-bg:#3b6cf0;--action-hover:#5482f5;--action-ink:#fff;--on-brand:#fff;--proto-soft:#162136;--proto-inset:#1a2640;--hero-accent:#86abff}
@media(prefers-color-scheme:dark){html:not([data-theme]) body.colour-v1{--page:#0b1220;--surface:#131c2e;--raised:#1a2640;--ink:#e8eef8;--ink-2:#aab6c8;--ink-3:#8f9cb1;--rule:#24324a;--rule-2:#3a4d6a;--brand:#86abff;--brand-2:#adc6ff;--brand-fill:#3b6cf0;--brand-fill-2:#5482f5;--brand-tint:#18284a;--action-bg:#3b6cf0;--action-hover:#5482f5;--action-ink:#fff;--on-brand:#fff;--proto-soft:#162136;--proto-inset:#1a2640;--hero-accent:#86abff}}
.colour-v1 .wrap{width:min(1248px,calc(100% - 64px));max-width:1248px;padding-inline:0}
.colour-v1 .top{background:var(--surface);border-color:var(--rule)}
.colour-v1 .top-in{min-height:80px;gap:22px}
.colour-v1 .brand-name{font-size:23px;letter-spacing:-.8px}.colour-v1 .brand-name>span{color:var(--brand)}
.colour-v1 .nav a{font-size:14px;border-radius:9px;min-height:44px;display:inline-flex;align-items:center}.colour-v1 .nav a[aria-current=page]{color:var(--brand);background:var(--brand-tint);box-shadow:none}.colour-v1 .nav a:after{display:none}
.colour-v1 .me-btn{background:var(--brand-tint);color:var(--brand);border-color:transparent;min-height:44px;border-radius:10px}
.colour-v1 :is(button,input,select,textarea){font-family:inherit}.colour-v1 :is(input,select,textarea){color:var(--ink)}
.colour-v1 :is(.btn-primary,.rx-search button){background:var(--action-bg);color:var(--action-ink);border-color:transparent;border-radius:9px}
.colour-v1 :is(.btn-primary,.rx-search button):hover{background:var(--action-hover)}
.colour-v1 :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.colour-v1 :is(.h-page,.h-exam){font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.25}
.colour-v1 :is(.h-panel,.h-sec,.proto-tools-heading h2,.proto-feed-heading h2){font-family:var(--display);font-weight:700;letter-spacing:-.025em}
.colour-v1 :is(.panel,.rail-card,.list-box,.info-card,.tool-card){border-color:var(--rule);border-radius:16px;background:var(--surface);box-shadow:none}
.colour-v1 :is(.fine,.foot-disclaimer){font-size:13px;line-height:1.7}
.colour-v1 .colour-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:36px;align-items:center;padding:30px 32px;margin:28px auto 22px;border:1px solid #d4e4fc;border-radius:20px;background:#e8f1ff}
.colour-v1 .colour-hero h1{font:700 clamp(28px,3vw,40px)/1.22 var(--display);letter-spacing:-.04em;margin:0 0 12px;max-width:24ch}.colour-v1 .colour-hero h1 span{color:var(--brand)}
.colour-v1 .colour-hero-copy>p{color:var(--ink-2);font-size:15px;margin:0 0 18px}.colour-v1 .colour-hero-copy>.colour-eyebrow{font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--brand);margin-bottom:10px}
.colour-v1 .colour-hero .rx-search{display:flex;align-items:center;gap:12px;width:100%;max-width:none;background:var(--surface);border:1px solid var(--rule-2);border-radius:12px;padding:6px 6px 6px 16px;box-shadow:none;margin:0;min-height:58px}
.colour-v1 .colour-hero .rx-search input{min-width:0;width:100%;font-size:16px;color:var(--ink);background:transparent}.colour-v1 .colour-hero .rx-search button{min-height:46px;padding:10px 18px;font-size:15px;white-space:nowrap}
.colour-v1 .colour-hero-note{padding:24px;background:#ffffffb8;border-radius:14px}.colour-v1 .colour-hero-note h2{font:700 18px/1.5 var(--display);margin:12px 0 8px}.colour-v1 .colour-hero-note p{font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}.colour-v1 .colour-hero-note a{font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand)}.colour-v1 .colour-note-icon{color:var(--brand)}
html[data-theme=dark] .colour-v1 .colour-hero{background:radial-gradient(120% 140% at 0 0,#1a3366 0,#131c2e 60%);border-color:#24324a}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .colour-hero{background:radial-gradient(120% 140% at 0 0,#1a3366 0,#131c2e 60%);border-color:#24324a}}html[data-theme=dark] .colour-v1 .colour-hero-note{background:#ffffff08;border:1px solid #ffffff14}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .colour-hero-note{background:#ffffff08;border:1px solid #ffffff14}}
.colour-v1 .revamp-categories{background:transparent;border:0;padding:0;margin-bottom:8px}
.colour-v1 .section-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;overflow:visible;padding:0;border:0;background:none;mask-image:none;-webkit-mask-image:none}
.colour-v1 .section-nav .section-tile{--tile:#e8efff;--tile-ink:#285bc2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 9px;min-width:0;min-height:76px;padding:13px 12px;border:1px solid color-mix(in srgb,var(--tile-ink) 20%,transparent);border-radius:12px;background:var(--tile);color:var(--tile-ink);font-size:14px;font-weight:650;line-height:1.4;white-space:normal;box-shadow:none}
.colour-v1 .section-admit{--tile:#f0eaff!important;--tile-ink:#7542b6!important}.colour-v1 .section-result{--tile:#e2f6ee!important;--tile-ink:#15795c!important}.colour-v1 .section-key{--tile:#fff2d4!important;--tile-ink:#946110!important}.colour-v1 .section-all{--tile:#ffebf0!important;--tile-ink:#b34468!important}.colour-v1 .section-you{--tile:#e1f4f8!important;--tile-ink:#23778c!important}
.colour-v1 .section-tile[aria-current=page],.colour-v1 .section-you[aria-pressed=true]{border-color:var(--tile-ink);box-shadow:inset 0 -3px var(--tile-ink)}.colour-v1 .section-tile .section-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#ffffff80;color:inherit}.colour-v1 .section-tile .nav-item-label{flex:1;min-width:0}.colour-v1 .section-tile .tab-n{display:block;font-size:12px;font-weight:400;color:inherit;background:none}
.colour-v1 .proto-category-hint{display:none}
html[data-theme=dark] .colour-v1 .section-nav .section-tile{background:color-mix(in srgb,var(--tile-ink) 14%,#131c2e);color:color-mix(in srgb,var(--tile) 82%,var(--tile-ink));border-color:color-mix(in srgb,var(--tile-ink) 45%,#24324a)}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .section-nav .section-tile{background:color-mix(in srgb,var(--tile-ink) 14%,#131c2e);color:color-mix(in srgb,var(--tile) 82%,var(--tile-ink));border-color:color-mix(in srgb,var(--tile-ink) 45%,#24324a)}}html[data-theme=dark] .colour-v1 .section-icon{background:#ffffff0c}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .section-icon{background:#ffffff0c}}html[data-theme=dark] .colour-v1 .section-tile[aria-current=page]{box-shadow:inset 0 -3px #9bbfff;border-color:#7ca5ea}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .section-tile[aria-current=page]{box-shadow:inset 0 -3px #9bbfff;border-color:#7ca5ea}}
.colour-v1 .home{padding-top:22px}.colour-v1 .home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.colour-v1 .home-main{min-width:0}.colour-v1 .home-rail{min-width:0}
.colour-v1 .colour-profile-prompt{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;background:var(--surface);border:1px solid var(--rule);border-radius:12px;text-decoration:none;color:var(--ink)}.colour-v1 .colour-profile-prompt>span:nth-child(2){flex:1;min-width:0}.colour-v1 .colour-profile-prompt strong{display:block;font-size:15px;overflow-wrap:anywhere}.colour-v1 .colour-profile-prompt small{display:block;font-size:13px;color:var(--ink-2)}.colour-v1 .colour-profile-icon{color:var(--brand)}
.colour-v1 .home-planner{background:#f0eaff;border-color:#dfd1fb;padding:24px}.colour-v1 .home-planner h2{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.colour-v1 .home-planner .btn{background:#7542b6;color:#fff}.colour-v1 .home-planner .application-eyebrow{font-size:12px;color:#7143a7}.colour-v1 .home-planner p{font-size:14px}.colour-v1 .home-planner .fine{font-size:13px}
html[data-theme=dark] .colour-v1 .home-planner{background:linear-gradient(160deg,#241d42,#131c2e);border-color:#3a2f5c}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .home-planner{background:linear-gradient(160deg,#241d42,#131c2e);border-color:#3a2f5c}}html[data-theme=dark] .colour-v1 .home-planner .application-eyebrow{color:#d0b3f5}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .home-planner .application-eyebrow{color:#d0b3f5}}
.colour-v1 .tabs-row{border-radius:14px 14px 0 0;padding:16px;background:var(--surface);gap:12px}.colour-v1 .quick-state{gap:12px;align-items:end}.colour-v1 .quick-state .filter-field{flex:1 1 0}.colour-v1 .quick-state .filter-field>label{position:static;display:block;width:auto;height:auto;overflow:visible;clip-path:none;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink-2)}.colour-v1 .filter-select select{height:44px;min-height:44px;font-size:14px;border-radius:8px}.colour-v1 .filters>summary{min-height:44px}.colour-v1 .tabs-row>.filters{align-self:end}
.colour-v1 .proto-feed-heading h2{font-size:26px}.colour-v1 .proto-feed-heading p{font-size:14px}.colour-v1 .proto-feed-heading select{min-height:44px;font-size:14px;border-radius:9px}
:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job{padding:20px;min-height:102px;gap:16px;border-color:var(--rule)}:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job .jr-title{font-weight:650;font-size:16px;line-height:1.5}:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job .jr-eye{font-size:13px;line-height:1.5}.colour-v1 .proto-job-date strong{color:var(--ink)}.colour-v1 .proto-job-date.urgent strong{color:#b13730}.colour-v1 .proto-board{color:var(--brand);background:var(--brand-tint);border-color:var(--rule)}
.colour-v1 .proto-feed-tabs{font-size:14px;padding-inline:20px;gap:18px;flex-wrap:wrap;height:auto;min-height:48px}.colour-v1 .proto-feed-tabs small{font-size:12px}.colour-v1 .pager{padding:20px 12px;gap:12px;flex-wrap:wrap}.colour-v1 .pager-count{font-size:13px}
.colour-v1 .proto-tool-grid>a{border-radius:14px;padding:24px}.colour-v1 .proto-tool-grid p{font-size:14px}.colour-v1 .proto-tool-action{font-size:14px;color:var(--brand)}
.colour-v1 .page-head{background:var(--page);border-color:var(--rule)}.colour-v1 .page-head .lede{font-size:16px;line-height:1.75}.colour-v1 .info-nav{gap:8px;flex-wrap:wrap}.colour-v1 .info-nav a{font-size:14px;border-radius:9px;min-height:44px}.colour-v1 .info-toc a{font-size:14px;line-height:1.65;padding-block:10px}.colour-v1 .info-document p{font-size:15px;line-height:1.8}
.colour-v1 .proto-detail-title h1{font-size:32px;line-height:1.35;letter-spacing:-.025em;font-weight:700;overflow-wrap:anywhere}.colour-v1 .proto-detail-board{font-size:13px;letter-spacing:.03em;line-height:1.6}.colour-v1 .proto-detail-meta{font-size:14px}.colour-v1 .proto-detail-mark{background:var(--brand-tint);color:var(--brand);border-color:var(--rule)}.colour-v1 .detail-facts dt{font-size:13px;color:var(--ink-2)}.colour-v1 .detail-facts dd{font-size:16px;line-height:1.5}.colour-v1 .detail-jumps a{font-size:14px;min-height:48px}.colour-v1 .detail-jumps a[aria-current]{color:var(--brand);border-color:var(--brand)}.colour-v1 .proto-content>p{font-size:15px;line-height:1.75}.colour-v1 .proto-small-label{font-size:13px;letter-spacing:.04em}.colour-v1 .proto-section-label{color:var(--brand);font-size:13px}.colour-v1 .proto-text-action{color:var(--brand);min-height:44px;display:inline-flex;align-items:center}.colour-v1 .proto-info>div{gap:16px}.colour-v1 .proto-eligibility-grid{background:var(--proto-inset);border-radius:12px;padding:22px}
.colour-v1 .proto-footer{background:var(--surface);border-color:var(--rule)}.colour-v1 .proto-footer-grid{gap:28px}.colour-v1 .foot-brand{font-size:23px}.colour-v1 .proto-footer-grid h2{font-size:15px;color:var(--ink)}.colour-v1 .proto-footer-grid a{font-size:14px;line-height:1.5;min-height:36px}.colour-v1 .foot-about>p:not(.foot-brand){font-size:14px;line-height:1.8}.colour-v1 .foot-bottom{font-size:13px;line-height:1.8}
.colour-v1 .tabbar{background:var(--surface);border-color:var(--rule)}.colour-v1 .tabbar a{color:var(--ink-2);font-size:12px}.colour-v1 .tabbar a[aria-current=page]{color:var(--brand)}.colour-v1 .tabbar a[aria-current=page] .ico{background:var(--brand-tint)}
@media(min-width:1100px){.colour-v1 .home-grid{grid-template-columns:280px minmax(0,1fr)}.colour-v1 .home-main{grid-column:2;grid-row:1}.colour-v1 .home-rail{grid-column:1;grid-row:1}}
@media(max-width:1099px){.colour-v1 .wrap{width:calc(100% - 40px)}.colour-v1 .top-in{gap:14px;min-height:76px}.colour-v1 .colour-hero{gap:22px;padding:24px}.colour-v1 .section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-v1 .home-grid{grid-template-columns:minmax(0,1fr)}.colour-v1 .home-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.colour-v1 .home-rail .rail-stick{display:block}.colour-v1 .home-rail .rail-card{margin:0;height:100%}.colour-v1 .revamp-detail .exam-side{position:static}.colour-v1 .proto-detail-title h1{font-size:29px}}
@media(max-width:740px){.colour-v1 .wrap{width:calc(100% - 28px)}.colour-v1 .top-in{min-height:66px;gap:8px}.colour-v1 .brand-name{font-size:18px;letter-spacing:-.5px}.colour-v1 .top-act{gap:4px}.colour-v1 .me-btn{max-width:100px}.colour-v1 .colour-hero{display:block;padding:20px 16px;margin-block:18px}.colour-v1 .colour-hero h1{font-size:28px}.colour-v1 .colour-hero-copy>p{font-size:14px}.colour-v1 .colour-hero .rx-search{gap:8px;padding-left:10px}.colour-v1 .colour-hero .rx-search button{font-size:14px;padding:10px 12px}.colour-v1 .colour-hero .rx-search button .ico{display:none}.colour-v1 .colour-hero-note{margin-top:16px;padding:14px 16px}.colour-v1 .colour-hero-note h2{font-size:15px;margin:0}.colour-v1 .colour-hero-note p{font-size:13px;margin:6px 0}.colour-v1 .colour-note-icon{display:none}.colour-v1 .colour-hero-note a{min-height:36px;font-size:13px}.colour-v1 .section-nav{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.colour-v1 .section-nav .section-tile{padding:10px 8px;min-height:82px;gap:5px;flex-direction:column;justify-content:center;text-align:center;font-size:13px}.colour-v1 .section-tile .section-icon{width:26px;height:26px}.colour-v1 .section-tile .nav-item-label{flex:0}.colour-v1 .section-tile .tab-n{font-size:12px}.colour-v1 .home{padding-top:16px}.colour-v1 .colour-profile-prompt{padding:12px;margin-bottom:18px}.colour-v1 .colour-profile-prompt small{font-size:12px}.colour-v1 .proto-feed-heading{align-items:flex-start}.colour-v1 .proto-feed-heading h2{font-size:22px}.colour-v1 .proto-feed-heading p{font-size:13px}.colour-v1 .proto-feed-heading select{font-size:13px;max-width:135px}.colour-v1 .tabs-row{padding:14px}.colour-v1 .quick-state{flex-wrap:wrap}.colour-v1 .quick-state .filter-field{flex:1 1 100%}.colour-v1 .filter-select select{font-size:16px}.colour-v1 .home-rail{display:block}.colour-v1 .home-rail .rail-stick{margin-top:18px}.colour-v1 .home-planner h2{font-size:23px}.colour-v1 .proto-feed-tabs{padding:8px 14px;gap:8px 16px}.colour-v1 .proto-feed-tabs>span{height:36px}.colour-v1 .proto-feed-tabs small{margin-left:0}.colour-v1 .proto-detail-title h1{font-size:25px}.colour-v1 .proto-detail-board{font-size:12px}.colour-v1 .detail-facts dd{font-size:15px}.colour-v1 .detail-jumps{gap:20px}.colour-v1 .detail-jumps a{font-size:13px}.colour-v1 .proto-eligibility-grid{padding:18px}.colour-v1 .proto-footer-grid{gap:24px}.colour-v1 .proto-footer-grid a{min-height:44px}.colour-v1 .foot-brand{font-size:22px}
:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job{padding:16px 12px;gap:10px;grid-template-columns:30px minmax(0,1fr) 32px}:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job .jr-title{font-size:15px}:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job .jr-eye{font-size:13px}.colour-v1 .proto-job-date strong{font-size:13px}.colour-v1 .proto-tool-grid>a{padding:20px}
}
@media(max-width:359px){.colour-v1 .brand-name{font-size:16px}.colour-v1 .me-btn{max-width:78px}.colour-v1 .colour-hero h1{font-size:25px}.colour-v1 .section-nav .section-tile{font-size:12px;padding-inline:5px}.colour-v1 .proto-feed-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.colour-v1 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Shared form and article surfaces retain the production controls and semantics. */
.colour-v1 :is(.setup-wrap,.main-in,.info-page,.exam){color:var(--ink)}
.colour-v1 .setup-wrap{max-width:760px;padding-block:32px}.colour-v1 .setup{border:1px solid var(--rule);border-radius:18px;background:var(--surface);padding:28px}.colour-v1 .setup .h-setup{font-size:22px;line-height:1.5;font-weight:650}.colour-v1 .setup :is(.fine,.sq-p,.setup-hint){font-size:14px;line-height:1.7}.colour-v1 .setup .opt>span{border-radius:10px;font-size:15px;min-height:48px}.colour-v1 .setup input[type=text],.colour-v1 .setup .dob input{font-family:inherit;font-size:16px;min-height:48px;background:var(--surface);color:var(--ink);border-color:var(--rule-2);border-radius:9px}.colour-v1 .setup-act .btn{min-height:48px;font-size:15px}.colour-v1 .setup-bar i{background:var(--brand)}
.colour-v1 .proto-calendar-panel{padding:24px}.colour-v1 .proto-calendar-grid button{font-family:inherit;font-size:14px}.colour-v1 .proto-calendar-grid button[aria-selected=true]{background:var(--brand-tint);color:var(--brand);border-color:var(--brand)}
.colour-v1 :is(.me,.tracking,.tools) .panel{padding:24px}.colour-v1 .panel-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.colour-v1 .info-document h2{font-size:24px;line-height:1.4;font-weight:700}.colour-v1 .info-document li{font-size:15px;line-height:1.8}
html[data-theme=dark] .colour-v1 .proto-job-date.urgent strong{color:#ffb2a9}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .proto-job-date.urgent strong{color:#ffb2a9}}
@media(max-width:740px){.colour-v1 .setup-wrap{padding-top:22px}.colour-v1 .setup{padding:18px}.colour-v1 .setup .h-setup{font-size:20px}.colour-v1 :is(.me,.tracking,.tools) .panel,.colour-v1 .proto-calendar-panel{padding:18px}.colour-v1 .info-document h2{font-size:21px}}
.colour-v1 .wrap.read{max-width:832px}
.colour-v1 .wrap.setup-wrap{max-width:760px}
/* Reset legacy fixed-height tabs and mobile card positioning only for this design. */
.colour-v1.p-latest .section-nav{height:auto;max-height:none;overflow:visible}
.colour-v1.p-latest .section-nav .section-tile[aria-current=page]{background:var(--tile);color:var(--tile-ink);border:1px solid var(--tile-ink);box-shadow:inset 0 -3px var(--tile-ink)}
html[data-theme=dark] .colour-v1.p-latest .section-nav .section-tile[aria-current=page]{background:color-mix(in srgb,var(--tile-ink) 14%,#131c2e);color:var(--tile);border-color:#9bbfff;box-shadow:inset 0 -3px #9bbfff}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1.p-latest .section-nav .section-tile[aria-current=page]{background:color-mix(in srgb,var(--tile-ink) 14%,#131c2e);color:var(--tile);border-color:#9bbfff;box-shadow:inset 0 -3px #9bbfff}}
.colour-v1.p-latest .home-planner{display:block}
@media(max-width:1099px){.colour-v1.p-latest .home-rail{display:grid!important}.colour-v1.p-latest .home-rail .rail-stick{display:block!important}}
@media(max-width:740px){
 .colour-v1.p-latest .home-rail{display:block!important}
 .colour-v1 .proto-tool-grid>a{position:static;display:flex;flex-direction:column;align-items:flex-start;padding:20px;min-height:0}
 .colour-v1 .proto-tool-icon{position:static;width:38px;height:38px;margin:0 0 12px}
 .colour-v1 .proto-tool-grid h3{font-size:17px;margin:0 0 8px}
 .colour-v1 .proto-tool-grid p{font-size:14px;margin:0 0 14px}
 .colour-v1 .proto-tool-action{position:static;font-size:14px;margin-top:auto;min-height:36px;display:flex;align-items:center}
 .colour-v1 .proto-tool-action:after{content:none}
 .colour-v1 .colour-hero-note p{display:none}
 .colour-v1 .colour-hero-note a{margin-top:4px}
}
.colour-v1 .colour-more-enhanced .proto-pages,.colour-v1 .colour-more-enhanced>a:not([rel=next]){display:none}
.colour-v1 .colour-more-enhanced{justify-content:center;flex-direction:column}
.colour-v1 .colour-more-enhanced>a[rel=next]{min-height:48px;padding:12px 24px;border-radius:10px;color:var(--brand);background:var(--surface);border:1px solid var(--rule-2)}
.colour-v1 .proto-footer-bottom{font-size:13px;line-height:1.8}
@media(min-width:741px) and (max-width:1099px){
 .colour-v1.p-exam .revamp-detail{grid-template-columns:minmax(0,1fr);gap:24px;max-width:900px}
 .colour-v1 .revamp-detail .exam-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;margin-top:0}
 .colour-v1 .revamp-detail .exam-side>*{margin-top:0;min-width:0}
}
/* Keep the tablet rail balanced; the legacy planner spans an entire grid row. */
@media(min-width:741px) and (max-width:1099px){
 .colour-v1.p-latest .home-rail>.home-planner{grid-column:auto;min-width:0}
 .colour-v1.p-latest .home-rail>.rail-stick{grid-column:auto;min-width:0}
}
/* A compact trust line keeps sources visible without a second mobile hero card. */
@media(max-width:740px){
 .colour-v1 .colour-hero{padding:16px 14px;margin-block:14px}
 .colour-v1 .colour-hero h1{font-size:26px;line-height:1.25;margin-bottom:8px}
 .colour-v1 .colour-hero-copy>.colour-eyebrow{font-size:11px;margin-bottom:6px}
 .colour-v1 .colour-hero-copy>p{line-height:1.5;margin-bottom:12px}
 .colour-v1 .colour-hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0 0;margin-top:12px;background:none;border-top:1px solid var(--rule-2);border-radius:0}
 .colour-v1 .colour-hero-note h2{flex:1 1 180px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5}
 .colour-v1 .colour-hero-note a{flex:0 0 auto;margin:0;min-height:44px;font-size:13px}
 html[data-theme=dark] .colour-v1 .colour-hero-note{background:none}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .colour-hero-note{background:none}}
}
/* Legacy yellow actions used dark ink; blue actions need their own contrast token. */
.colour-v1 .application-panel .ex-acts .btn-primary{color:var(--action-ink)}
@media(max-width:740px){.colour-v1 .colour-hero h1 span{display:inline-block;max-width:100%}}

/* Source navigation must retain readable contrast in both colour themes. */
.colour-v1 .cl-tl .sec-link{color:var(--brand)}

/* Personal details and discovery reuse the production profile and list URLs. */
.colour-v1 .modern-personal{display:grid;gap:12px}.colour-v1 .modern-personal p{margin:0;line-height:1.7}.colour-v1 .modern-personal .btn{width:100%;min-height:48px;justify-content:center;white-space:normal;text-align:center}.colour-v1 #modern-home-summary{color:var(--ink-2);overflow-wrap:anywhere}.colour-v1 #planner-returning :is(#planner-today,#planner-events,#planner-empty){display:none}.colour-v1 #planner-returning>.sec-link{margin-top:16px}
.colour-v1 .modern-discover{margin:32px 0}.colour-v1 .modern-discover h2{font:700 26px/1.3 var(--display);margin:0 0 10px}.colour-v1 .modern-discover>p{color:var(--ink-2);margin:0 0 20px}.colour-v1 .modern-discover>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.colour-v1 .modern-discover a{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink);min-width:0}.colour-v1 .modern-discover strong{flex:1;overflow-wrap:anywhere;font-size:15px}.colour-v1 .modern-discover-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;color:var(--brand);background:var(--brand-tint)}
@media(max-width:740px){.colour-v1 .modern-discover>div{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-v1 .modern-discover a{padding:16px 12px;flex-wrap:wrap}.colour-v1 .modern-discover a>.ico{display:none}.colour-v1 .modern-discover strong{font-size:14px}.colour-v1 .modern-discover h2{font-size:22px}}

/* Finger-sized saved-notice targets and readable dark header controls. */
:root .colour-v1.p-latest :is(.feed,.fy) .proto-job .bm{width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0}
.colour-v1 .srch-btn{color:var(--ink-2)}
:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job{grid-template-columns:30px minmax(0,1fr) 44px}
/* Header (desktop): one floating frosted capsule. Menu centred with no track; the current page is a calm solid pill
   (navy in light, pale in dark); a quiet highlight glides under the pointer (colour.js sets --gx/--gw); round utility buttons */
@media(min-width:960px){
.colour-v1 .top{background:transparent;border:0;box-shadow:none;padding-top:12px}
.colour-v1 .top-in{min-height:64px;padding:0 10px 0 18px;border:1px solid color-mix(in srgb,var(--rule) 85%,transparent);border-radius:22px;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-shadow:inset 0 1px 0 rgb(255 255 255/.55),0 12px 32px -16px rgb(20 40 80/.28)}
.colour-v1 .top .nav{margin-inline:auto}
.colour-v1 .top .top-act{border-left:0;padding-left:0;margin-left:0;gap:6px}
.colour-v1 .top :is(.theme-btn,.lang-switch){min-width:40px;height:40px;min-height:40px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink-2);font-weight:600;transition:background-color .15s ease,color .15s ease}
.colour-v1 .top :is(.theme-btn,.lang-switch):hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.colour-v1 .me-btn{min-height:40px;height:40px}}
.colour-v1 .top .nav{position:relative;isolation:isolate;height:auto;align-self:center;gap:4px;padding:0;border:0;background:none}
.colour-v1 .top .nav:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;width:var(--gw,0);transform:translateX(var(--gx,0));border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.colour-v1 .top .nav.glide-on:before{opacity:1}.colour-v1 .top .nav.glide-jump:before{transition:none}
.colour-v1 .top .nav a{height:38px;min-height:38px;padding:0 16px;border-radius:999px;font-size:14.5px;font-weight:550;letter-spacing:-.1px;color:var(--ink-2);background:none;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.colour-v1 .top .nav a:after{display:none}.colour-v1 .top .nav a:hover{color:var(--ink)}
.colour-v1 .top .nav a[aria-current=page],.colour-v1 .top .nav a[aria-current=page]:hover{color:var(--surface);background:var(--ink);font-weight:600;box-shadow:0 6px 16px -8px rgb(23 42 68/.55)}
.colour-v1 .top .nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.colour-v1 .top .nav a,.colour-v1 .top .nav:before{transition:none}}
/* Header preferences: a quiet outline button, no fill and no arrow; on phones a plain icon like its neighbours */
.colour-v1 .me-btn{background:transparent;border:1px solid var(--rule-2);color:var(--ink);border-radius:999px;padding:4px 14px 4px 4px;gap:8px}.colour-v1 .me-btn>.ico{display:none}.colour-v1 .me-btn .proto-avatar{background:var(--proto-soft);border:0}.colour-v1 .me-btn:hover{background:var(--proto-soft);border-color:var(--brand)}
@media(max-width:959px){.colour-v1 .me-btn{border:0;padding:0;width:44px;justify-content:center}.colour-v1 .me-btn>.ico{display:none}.colour-v1 .me-btn .proto-avatar{display:flex;background:transparent}}
/* Job rows: the whole row lifts and takes a brand tint on hover or keyboard focus; no title underline */
.colour-v1 .jr.card.proto-job{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.colour-v1 .proto-job-title a:hover{color:inherit;text-decoration:none}
@media(hover:hover){:root .colour-v1 :is(.feed,.fy) .jr.card.proto-job:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--brand) 6%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent),0 14px 28px -14px rgb(20 40 80/.45);border-bottom-color:transparent;z-index:1}:root .colour-v1 .jr.card.proto-job:hover .proto-job-title a{color:var(--brand)}}
:root .colour-v1 :is(.feed,.fy) .jr.card.proto-job:focus-within{background:color-mix(in srgb,var(--brand) 6%,var(--surface));box-shadow:0 0 0 2px var(--brand);z-index:1}
:root .colour-v1 :is(.feed,.fy) .jr.card.proto-job:active{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
@media(prefers-reduced-motion:reduce){.colour-v1 .jr.card.proto-job{transition:none}:root .colour-v1 :is(.feed,.fy) .jr.card.proto-job:hover{transform:none}}
/* Phone tab bar: five tabs (Jobs · Updates · Saved · Calendar · Tools); the list's own "All jobs / Saved" row is gone */
@media(max-width:959px){.colour-v1 .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}.colour-v1 .tabbar a span{font-size:11.5px}}
.colour-v1 .proto-feed-tabs{justify-content:flex-end}
/* "Have an exam in mind?" cards: no arrow; on hover the card lifts and its icon tile fills with a small pop; a tap presses it */
.colour-v1 .modern-discover a>.ico{display:none}.colour-v1 .modern-discover a{position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.colour-v1 .modern-discover-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,color .2s ease}.colour-v1 .modern-discover strong{transition:color .2s ease}
@media(hover:hover){.colour-v1 .modern-discover a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 45%,var(--rule));background:color-mix(in srgb,var(--brand) 4%,var(--surface));box-shadow:0 16px 30px -18px rgb(20 40 80/.5)}.colour-v1 .modern-discover a:hover .modern-discover-icon{background:var(--brand-fill);color:var(--on-brand);transform:scale(1.08) rotate(-6deg)}.colour-v1 .modern-discover a:hover strong{color:var(--brand)}}
.colour-v1 .modern-discover a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.colour-v1 .modern-discover a:focus-visible .modern-discover-icon{background:var(--brand-fill);color:var(--on-brand)}
.colour-v1 .modern-discover a:active{transform:scale(.98);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
@media(prefers-reduced-motion:reduce){.colour-v1 .modern-discover a,.colour-v1 .modern-discover-icon{transition:none}.colour-v1 .modern-discover a:hover,.colour-v1 .modern-discover a:active,.colour-v1 .modern-discover a:hover .modern-discover-icon{transform:none}}
@media(min-width:960px){html[data-theme=dark] .colour-v1 .top-in{box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 16px 36px -18px rgb(0 0 0/.7)}}@media(min-width:960px) and (prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .top-in{box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 16px 36px -18px rgb(0 0 0/.7)}}
/* Desktop rows keep a real date column (the three-column grid above is for narrower screens, where the date sits
   under the title; on a desktop it fell into a 44px gap and "Apply by 31 Oct" broke over four lines) */
@media screen and (min-width:1051px){:root .colour-v1.p-latest :is(.feed,.fy) .jr.card.proto-job{grid-template-columns:30px minmax(0,1fr) 112px 44px}.colour-v1 .proto-job-date{white-space:nowrap}}
/* the list's own tab strip holds only its scope label in Modern; where that label is hidden, so is the strip */
@media(max-width:1050px){.colour-v1 .proto-feed-tabs{display:none}}.colour-v1 .proto-feed-tabs:has(>small:empty){display:none}
