/* UK education editorial refresh | 2026-10-21 | existing legacy routes preserved */
:root { --uk-ink:#192c42; --uk-muted:#56677b; --uk-accent:#ad3447; --uk-cream:#f6f4f0; --uk-line:#dce2e7; }
html { scroll-behavior:smooth; }
:focus-visible { outline:3px solid #e9a13c!important; outline-offset:3px; }
.ukv2 { color:var(--uk-ink); font-size:16px; line-height:1.7; word-break:keep-all; }
.ukv2 * { box-sizing:border-box; }
.ukv2 a { text-decoration:none; }
.ukv2 button { font:inherit; }
.ukv2-wrap { width:min(1180px, calc(100% - 56px)); margin-inline:auto; }
.ukv2-eyebrow { display:block; color:var(--uk-accent); font-size:12px; line-height:1.5; font-weight:800; letter-spacing:.14em; }
.ukv2 h1, .ukv2 h2, .ukv2 h3 { font-weight:800; color:var(--uk-ink); margin:0; letter-spacing:-.045em; }
.ukv2 p { margin:0; }
.ukv2-hero { background:#f9f8f6; overflow:hidden; padding:164px 0 74px; }
.ukv2-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.93fr); gap:54px; align-items:center; }
.ukv2-hero-copy { position:relative; z-index:1; }
.ukv2-hero h1 { font-size:clamp(40px,4.5vw,66px); line-height:1.17; margin:19px 0 22px; }
.ukv2-lead { max-width:52ch; color:var(--uk-muted); font-size:18px; line-height:1.8; }
.ukv2-actions,.ukv2-final-actions,.ukv2-result-actions { display:flex; gap:11px; flex-wrap:wrap; margin-top:30px; }
.ukv2-btn { min-height:48px; padding:12px 19px; border:1px solid transparent; border-radius:7px; display:inline-flex; align-items:center; justify-content:center; gap:13px; font-size:14px; font-weight:800; cursor:pointer; text-align:center; transition:background .16s ease,border-color .16s ease,transform .16s ease; }
.ukv2-btn:hover { transform:translateY(-1px); }
.ukv2-btn-primary { background:var(--uk-accent); color:#fff!important; }
.ukv2-btn-primary:hover { background:#812635; }
.ukv2-btn-outline { color:var(--uk-ink)!important; border-color:#aeb9c3; background:#fff; }
.ukv2-btn-outline:hover { border-color:var(--uk-ink); background:#f0f2f4; }
.ukv2-hero-proof { display:flex; flex-wrap:wrap; gap:8px 22px; color:#637588; font-size:13px; margin-top:29px; }
.ukv2-hero-proof span::before { content:"✓ "; color:var(--uk-accent); font-weight:900; }
.ukv2-hero-photo { border-radius:10px; overflow:hidden; min-width:0; box-shadow:0 21px 44px rgba(19,42,62,.1); }
.ukv2-hero-photo img { display:block; width:100%; height:425px; object-fit:cover; object-position:center; }
.ukv2-quick-section { display:grid; grid-template-columns:.76fr 1.24fr; gap:58px; align-items:center; padding-top:92px; padding-bottom:92px; scroll-margin-top:110px; }
.ukv2-quick-intro h2 { font-size:clamp(32px,3.4vw,46px); line-height:1.3; margin:16px 0 20px; }
.ukv2-quick-intro>p { color:var(--uk-muted); max-width:40ch; }
.ukv2-quick-note { display:grid; gap:6px; border-left:3px solid var(--uk-accent); padding:12px 0 12px 17px; margin-top:28px; font-size:14px; color:var(--uk-muted); }
.ukv2-quick-note strong { color:var(--uk-ink); font-size:15px; }
.ukv2-wizard { background:var(--uk-ink); color:#fff; padding:32px 34px 23px; border-radius:12px; box-shadow:0 18px 44px rgba(12,37,61,.14); min-height:460px; }
.ukv2-wizard-top { display:flex; justify-content:space-between; gap:12px; font-size:13px; }
.ukv2-wizard-top span { color:#bdc9d4; font-variant-numeric:tabular-nums; }
.ukv2-progress { background:rgba(255,255,255,.2); width:100%; height:4px; border-radius:4px; margin:16px 0 28px; overflow:hidden; }
.ukv2-progress span { display:block; height:100%; background:#dd8b93; width:33.333%; transition:width .18s ease; }
.ukv2-step h3,.ukv2-result h3 { font-size:25px; line-height:1.34; color:#fff; }
.ukv2-step>p,.ukv2-result>p { color:#cad6e0; font-size:14px; margin:7px 0 20px; }
.ukv2-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ukv2-options button { border:1px solid #64768a; color:white; background:#2e445c; border-radius:7px; text-align:left; padding:16px; display:flex; align-items:center; justify-content:space-between; min-height:62px; font-size:15px; font-weight:700; cursor:pointer; }
.ukv2-options button:hover,.ukv2-options button:focus-visible { background:#405c78; border-color:#d7e2e9; }
.ukv2-options button span { color:#cf9fa6; font-size:19px; }
.ukv2-back { margin-top:18px; padding:10px 4px; border:0; color:#d7e2eb; background:none; font-size:13px; font-weight:700; min-height:44px; cursor:pointer; }
.ukv2-back:hover { color:white; text-decoration:underline; }
.ukv2-wizard-foot { font-size:12px; margin-top:23px!important; padding-top:14px; border-top:1px solid #4b627b; color:#c9d5dd; }
.ukv2-wizard-foot a { color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.ukv2-result-symbol { display:grid; place-items:center; width:40px; height:40px; color:#fff; border-radius:50%; border:1px solid #e8a5ad; margin-bottom:12px; }
.ukv2-summary { color:#fff; background:#2c425b; border:1px solid #576e87; border-radius:7px; padding:15px; font-size:14px; white-space:pre-line; }
.ukv2-result-actions { margin-top:16px; }
.ukv2-result-actions .ukv2-btn { flex:1 1 auto; }
.ukv2-result-help { font-size:12px; color:#d5dee8; margin-top:13px!important; }
.ukv2-section { padding:80px 0; }
.ukv2-section-head { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:32px; }
.ukv2-section-head h2 { font-size:clamp(29px,3.2vw,40px); line-height:1.3; margin-top:10px; }
.ukv2-section-head>p { color:var(--uk-muted); max-width:420px; font-size:15px; }
.ukv2-program-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.ukv2-photo-card,.ukv2-resource { display:block; overflow:hidden; border:1px solid var(--uk-line); border-radius:8px; background:#fff; transition:border-color .18s,box-shadow .18s,transform .18s; }
.ukv2-photo-card:hover,.ukv2-resource:hover { border-color:#8798aa; transform:translateY(-2px); box-shadow:0 12px 24px rgba(25,44,66,.1); }
.ukv2-photo-card img,.ukv2-resource img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.ukv2-photo-card>div,.ukv2-resource>div { padding:20px 20px 23px; }
.ukv2-photo-card span,.ukv2-resource span { font-size:11px; letter-spacing:.08em; color:#a03b49; font-weight:800; }
.ukv2-photo-card h3,.ukv2-resource h3 { font-size:20px; line-height:1.42; margin-top:6px; }
.ukv2-photo-card p,.ukv2-resource p { font-size:14px; color:var(--uk-muted); min-height:54px; margin-top:9px; }
.ukv2-photo-card strong,.ukv2-resource strong { display:inline-block; margin-top:16px; color:#993040; font-size:13px; }
.ukv2-resource-section { background:#f6f8fa; }
.ukv2-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ukv2-resource img { aspect-ratio:16/9; }
.ukv2-history-section { background:var(--uk-cream); }
.ukv2-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:35px 0 16px; padding:0; list-style:none; }
.ukv2-timeline li { position:relative; padding:29px 18px 14px 0; border-top:2px solid #a9b5c0; min-width:0; }
.ukv2-timeline li::before { content:""; position:absolute; top:-7px; left:0; width:12px; height:12px; border-radius:50%; background:var(--uk-accent); box-shadow:0 0 0 4px var(--uk-cream); }
.ukv2-timeline time { display:block; font-size:28px; font-weight:900; color:var(--uk-accent); }
.ukv2-timeline strong { display:block; font-size:17px; line-height:1.5; margin:9px 0 4px; }
.ukv2-timeline span { display:block; color:var(--uk-muted); font-size:13px; }
.ukv2-history-source { color:var(--uk-muted); font-size:12px; }
.ukv2-history-source a { color:#6f2835; text-decoration:underline; text-underline-offset:3px; }
.ukv2-final-cta { background:var(--uk-ink); color:#fff; padding:63px 0 70px; }
.ukv2-final-inner { display:flex; justify-content:space-between; gap:40px; align-items:center; }
.ukv2-final-inner h2 { color:#fff; font-size:clamp(27px,3vw,38px); line-height:1.35; margin:9px 0 12px; }
.ukv2-final-inner p { color:#d0dce5; }
.ukv2-final-cta .ukv2-eyebrow { color:#e9a4ad; }
.ukv2-final-actions { flex-shrink:0; margin-top:0; }
.ukv2-btn-white { background:#fff; color:var(--uk-ink)!important; }
.ukv2-btn-ghost { border-color:#a5b6c5; color:#fff!important; }
.ukv2-btn-ghost:hover { background:#2f455f; }
/* Legal/visa content: compact facts, practical steps, official reference links */
.ukv2-visa { color:var(--uk-ink); font-size:16px; line-height:1.75; padding:8px 0 45px; }
.ukv2-visa h2 { font-size:28px; line-height:1.4; margin:0 0 15px; color:var(--uk-ink); }
.ukv2-visa h3 { font-size:19px; margin:0 0 9px; color:var(--uk-ink); }
.ukv2-visa p { margin:0 0 13px; max-width:70ch; word-break:keep-all; }
.ukv2-visa-lead { background:#f6f8fa; border-left:3px solid var(--uk-accent); padding:18px 20px; margin-bottom:28px!important; }
.ukv2-visa-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.ukv2-visa-card { border:1px solid var(--uk-line); border-radius:8px; padding:20px; background:#fff; }
.ukv2-visa-card strong { display:block; font-size:13px; color:#a03b49; margin-bottom:9px; }
.ukv2-visa-card p { font-size:15px; }
.ukv2-visa-card a,.ukv2-visa-sources a { font-weight:700; color:#933344; text-decoration:underline; text-underline-offset:3px; }
.ukv2-visa-sources { margin-top:25px; padding:20px; background:#f6f8fa; }
.ukv2-visa-sources ul { list-style:disc; padding-left:22px; }
.ukv2-visa-sources li { margin-bottom:7px; }
.ukv2-visa-note { margin-top:17px!important; color:#556475; font-size:14px; }
@media(max-width:1100px) { .ukv2-program-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ukv2-hero-grid { gap:25px; } .ukv2-hero-photo img { height:350px; } .ukv2-quick-section { gap:28px; } }
@media(max-width:991px) { .nav_wrapper .spinner-master label { min-width:44px; min-height:44px; } .nav_wrapper .spinner-master { margin-right:22px; } }
@media(max-width:767px) {
 .ukv2 { font-size:15px; line-height:1.7; }
 .ukv2-wrap { width:calc(100% - 32px); }
 .ukv2-hero { padding:116px 0 38px; }
 .ukv2-hero-grid { grid-template-columns:1fr; gap:22px; }
 .ukv2-hero h1 { font-size:clamp(35px,9.1vw,46px); margin:11px 0 15px; }
 .ukv2-lead { font-size:15px; line-height:1.8; }
 .ukv2-actions { margin-top:20px; }
 .ukv2-actions .ukv2-btn { flex:1 1 100%; }
 .ukv2-hero-proof { margin-top:16px; font-size:11px; gap:5px; }
 .ukv2-hero-photo img { height:auto; aspect-ratio:16/9; object-fit:cover; }
 .ukv2-quick-section { grid-template-columns:1fr; gap:23px; padding-top:50px; padding-bottom:55px; scroll-margin-top:92px; }
 .ukv2-quick-intro h2 { font-size:32px; margin:8px 0 14px; }
 .ukv2-quick-note { margin-top:16px; }
 .ukv2-wizard { min-height:0; padding:23px 17px 18px; border-radius:9px; }
 .ukv2-step h3,.ukv2-result h3 { font-size:21px; }
 .ukv2-options { grid-template-columns:1fr; gap:8px; }
 .ukv2-options button { min-height:52px; padding:11px 14px; }
 .ukv2-wizard-foot { margin-top:16px!important; }
 .ukv2-section { padding:53px 0; }
 .ukv2-section-head { display:block; margin-bottom:24px; }
 .ukv2-section-head h2 { font-size:28px; }
 .ukv2-section-head>p { margin-top:11px; font-size:14px; }
 .ukv2-program-grid,.ukv2-resource-grid { grid-template-columns:1fr; gap:14px; }
 .ukv2-photo-card img { aspect-ratio:16/9; }
 .ukv2-photo-card>div,.ukv2-resource>div { padding:15px 17px 18px; }
 .ukv2-photo-card p,.ukv2-resource p { min-height:0; }
 .ukv2-photo-card h3,.ukv2-resource h3 { font-size:19px; }
 .ukv2-timeline { grid-template-columns:1fr; margin-top:20px; border-left:2px solid #a9b5c0; margin-left:6px; }
 .ukv2-timeline li { border-top:0; padding:0 0 24px 22px; }
 .ukv2-timeline li::before { left:-7px; top:9px; }
 .ukv2-timeline time { font-size:23px; }
 .ukv2-timeline strong { font-size:16px; margin:2px 0 2px; }
 .ukv2-final-inner { display:block; }
 .ukv2-final-actions { margin-top:24px; }
 .ukv2-final-actions .ukv2-btn { flex:1 1 100%; }
 .ukv2-visa-grid { grid-template-columns:1fr; }
 .ukv2-visa { font-size:15px; }
 .ukv2-visa h2 { font-size:25px; }
 /* protect reading order and prevent awkward horizontal overflow on legacy text-heavy pages */
 .content { max-width:100%; overflow-wrap:anywhere; }
 .content .sBox { font-size:15px; line-height:1.75; word-break:keep-all; }
 .content table { display:block; max-width:100%; overflow-x:auto; white-space:normal; }
 .content img { max-width:100%; height:auto; }
 .submenubox { display:flex; overflow-x:auto; scrollbar-width:thin; }
 .submenubox>span { flex:0 0 auto; }
 .tw-mobile-contact-dock a { min-height:48px; }
}
@media(max-width:360px) { .ukv2-wrap { width:calc(100% - 24px); } .ukv2-hero h1 { font-size:33px; } .ukv2-wizard { padding:20px 14px; } }
@media(prefers-reduced-motion:reduce) { .ukv2 *, html { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.ukv2 [hidden] { display:none!important; }
/* Homepage uses the integrated CTAs rather than legacy floating promo buttons. */
.ukv2-home .quick_r {display:none!important;}

/* Evidence-led guide redesign. Generic illustrations are not school/site photography. */
.ukv2-guide { color:var(--uk-ink); font-size:16px; line-height:1.75; padding:14px 0 50px; word-break:keep-all; scroll-margin-top:100px; }
.ukv2-guide * { box-sizing:border-box; }
.ukv2-guide-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:32px; border-bottom:1px solid var(--uk-line); padding:12px 0 35px; }
.ukv2-guide-hero h1 { color:var(--uk-ink); font-size:clamp(29px,3vw,41px); letter-spacing:-.04em; line-height:1.3; margin:12px 0 16px; font-weight:800; }
.ukv2-guide-hero p { max-width:54ch; font-size:16px; line-height:1.8; margin:0; color:var(--uk-muted); }
.ukv2-guide-figure { margin:0; overflow:hidden; border-radius:9px; background:#edf0f2; }
.ukv2-guide-figure img { display:block; width:100%; height:auto; aspect-ratio:16/11; object-fit:cover; }
.ukv2-guide-consult { display:inline-flex; align-items:center; justify-content:center; background:var(--uk-accent); color:#fff!important; margin-top:20px; padding:12px 20px; min-height:48px; border-radius:6px; font-size:14px; font-weight:800; text-decoration:none!important; }
.ukv2-guide-consult:hover { background:#812635; }
.ukv2-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:28px 0; }
.ukv2-guide-card { padding:23px 25px 22px; border:1px solid var(--uk-line); border-radius:8px; background:#fff; }
.ukv2-guide-card h2 { font-size:19px; font-weight:800; line-height:1.45; color:var(--uk-ink); margin:0 0 9px; }
.ukv2-guide-card p { margin:0; font-size:15px; line-height:1.8; color:var(--uk-muted); }
.ukv2-guide-sources { border-top:1px solid var(--uk-line); padding:17px 0 0; color:var(--uk-muted); font-size:14px; }
.ukv2-guide-sources summary { cursor:pointer; display:list-item; width:fit-content; padding:10px 0; min-height:44px; font-weight:700; color:#8c3041; }
.ukv2-guide-sources ul { padding-left:21px; margin:12px 0; }
.ukv2-guide-sources li { margin:6px 0; }
.ukv2-guide-sources a { color:#8c3041; text-underline-offset:3px; text-decoration:underline!important; }
.ukv2-guide-sources p { font-size:13px; line-height:1.7; }
@media(max-width:767px) {
 .ukv2-guide { font-size:15px; padding:6px 0 35px; }
 .ukv2-guide-hero { grid-template-columns:1fr; gap:20px; padding:0 0 23px; }
 .ukv2-guide-hero h1 { font-size:clamp(28px,7.5vw,34px); margin:8px 0 12px; }
 .ukv2-guide-hero p { font-size:15px; }
 .ukv2-guide-consult { width:100%; margin-top:16px; }
 .ukv2-guide-figure img { aspect-ratio:16/9; }
 .ukv2-guide-grid { grid-template-columns:1fr; gap:12px; margin:22px 0; }
 .ukv2-guide-card { padding:17px 18px; }
 .ukv2-guide-card h2 { font-size:18px; }
 .ukv2-guide-card p { font-size:15px; }
}

/* UK school and language catalogue: clear context and large touch targets. */
.ukv2-list-note { display:flex; justify-content:space-between; align-items:center; gap:22px; margin:2px 0 26px; padding:21px 24px; background:#f5f7f9; border-left:3px solid var(--uk-accent); border-radius:5px; color:var(--uk-ink); box-sizing:border-box; }
.ukv2-list-note strong { font-size:18px; line-height:1.4; color:var(--uk-ink); }
.ukv2-list-note p { font-size:14px; line-height:1.75; color:var(--uk-muted); max-width:65ch; margin:7px 0 0; word-break:keep-all; }
.ukv2-list-note a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 15px; border:1px solid #b6c0ca; border-radius:6px; color:#873143; font-size:13px; font-weight:800; text-decoration:none; background:#fff; }
.ukv2-list-note a:hover { background:#fff5f6; border-color:#ac5261; }
.content:has(.ukv2-list-note) .subTab1 { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-bottom:24px; }
.content:has(.ukv2-list-note) .subTab1 span { display:block; }
.content:has(.ukv2-list-note) .subTab1 span a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 15px; border:1px solid var(--uk-line); border-radius:5px; font-size:14px; font-weight:700; box-sizing:border-box; }
.content:has(.ukv2-list-note) .subTab1 span.on a { background:var(--uk-ink); border-color:var(--uk-ink); color:#fff; }
.content:has(.ukv2-list-note) .schoolListBox { border-bottom:1px solid var(--uk-line); padding:15px 0; }
.content:has(.ukv2-list-note) .schoolListBox_name { color:var(--uk-ink); font-size:16px; font-weight:750; }
.content:has(.ukv2-list-note) a:focus-visible { outline:3px solid #e9a13c; outline-offset:2px; }
@media(max-width:767px) {
 .ukv2-list-note { display:block; padding:16px 17px; margin-bottom:18px; }
 .ukv2-list-note strong { font-size:16px; }
 .ukv2-list-note p { font-size:14px; }
 .ukv2-list-note a { display:flex; margin-top:13px; width:100%; box-sizing:border-box; }
 .content:has(.ukv2-list-note) .subTab1 { justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; padding:0 0 9px; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
 .content:has(.ukv2-list-note) .subTab1 span { flex:0 0 auto; }
 .content:has(.ukv2-list-note) .subTab1 span a { white-space:nowrap; font-size:14px; }
 .content:has(.ukv2-list-note) .schoolListBox_L { float:none; width:100%; }
 .content:has(.ukv2-list-note) .schoolListBox_R { float:none; width:100%; margin:0 0 10px; }
 .content:has(.ukv2-list-note) .schoolListBox_L img { display:block; width:100%; height:auto; max-height:180px; object-fit:cover; border-radius:6px; }
 .content:has(.ukv2-list-note) .schoolListBox_name { text-align:left; }
}

/* Do not repeat the legacy marketing headline above the new guide H1 on mobile. */
@media(max-width:767px) {
 body:has(.ukv2-track) #subvisualwrap [class^="subvisual"] { height:112px!important; min-height:112px!important; background-position:center 40%; }
 body:has(.ukv2-track) #subvisualwrap .subcopy { display:none!important; }
 body:has(.ukv2-track) .sub_title { display:none!important; }
 body:has(.ukv2-track) .paging_box { padding-block:13px!important; }
}

/* 2026-10-22: featured recommendations and accessible legacy mobile menu repair. */
.ukv2-picks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ukv2-pick-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:17px;background:#fff;color:var(--uk-ink);text-decoration:none!important;box-shadow:0 3px 15px rgba(20,46,70,.05);transition:transform .2s,box-shadow .2s}
.ukv2-pick-card:hover,.ukv2-pick-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,62,106,.13)}
.ukv2-pick-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e7eef3}
.ukv2-pick-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ukv2-pick-badge{position:absolute;top:12px;left:12px;background:#fff0ae;border:1px solid #ffe69a;color:#684700;border-radius:99px;padding:6px 12px;font-weight:800;font-size:12px;line-height:1.2}
.ukv2-pick-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px 20px 21px}
.ukv2-pick-track{font-size:12px;letter-spacing:.04em;color:#526c85;font-weight:800}
.ukv2-pick-body h3{font-size:22px;line-height:1.4;margin:7px 0 9px}
.ukv2-pick-body p{font-size:15px;color:#506277;line-height:1.72;flex:1}
.ukv2-pick-body strong{font-size:14px;color:#1f577e;margin-top:19px}
@media(max-width:991px){
  /* Desktop-era lnb_go spans were painted over mobile menu links, stealing taps. */
  .nav_wrapper #menu .dropdown>li>span[class^="lnb_go"]{display:none!important}
  .nav_wrapper #menu .dropdown>li>a[href="#Link"]{position:relative;display:block;z-index:2}
  .nav_wrapper .spinner-master label{cursor:pointer}
}
@media(max-width:680px){
 .ukv2-picks-grid{grid-template-columns:minmax(0,1fr);gap:11px}
 .ukv2-pick-card{display:grid;grid-template-columns:37% minmax(0,1fr);min-height:142px;border-radius:13px}
 .ukv2-pick-photo{height:100%;min-height:142px;aspect-ratio:auto}
 .ukv2-pick-badge{top:8px;left:8px;padding:5px 8px;font-size:10px}
 .ukv2-pick-body{padding:12px 13px;min-width:0}
 .ukv2-pick-track{font-size:10px}
 .ukv2-pick-body h3{font-size:17px;margin:5px 0 7px;line-height:1.32}
 .ukv2-pick-body p{font-size:12px;line-height:1.45}
 .ukv2-pick-body strong{font-size:12px;margin-top:auto;padding-top:9px}
}
@media(prefers-reduced-motion:reduce){.ukv2-pick-card{transition:none}.ukv2-pick-card:hover{transform:none}}

/* UK homepage 2026-10-22: bring company milestones forward and feature verified official video. */
.ukv2-history-section{padding:44px 0 41px}
.ukv2-history-section .ukv2-section-head{margin-bottom:14px}
.ukv2-history-section .ukv2-timeline{margin-top:21px;margin-bottom:10px}
.ukv2-video-section{padding:65px 0;background:#eff4f7;border-block:1px solid #dce7ee}
.ukv2-video-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px}
.ukv2-video-copy h2{font-size:clamp(27px,3vw,37px);line-height:1.32;margin:11px 0 16px;color:var(--uk-ink)}
.ukv2-video-copy p{font-size:16px;line-height:1.8;color:var(--uk-muted);max-width:48ch}
.ukv2-video-link{display:inline-flex;min-height:48px;align-items:center;gap:9px;margin-top:23px;padding:10px 17px;border:1px solid #a8bccd;border-radius:8px;background:#fff;color:#184b72;font-size:14px;font-weight:800;text-decoration:none!important}
.ukv2-video-link:hover{background:#e5f0fa}
.ukv2-video-link:focus-visible{outline:3px solid #e9a13c;outline-offset:3px}
.ukv2-video-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#162c42;box-shadow:0 18px 40px rgba(21,45,64,.16)}
.ukv2-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:767px){
 .ukv2-history-section{padding:34px 0 30px}
 .ukv2-history-section .ukv2-section-head{margin-bottom:4px}
 .ukv2-history-section .ukv2-section-head h2{font-size:27px}
 .ukv2-history-section .ukv2-timeline{border-left:0;margin:16px 0 9px;display:grid;grid-template-columns:minmax(0,1fr)}
 .ukv2-history-section .ukv2-timeline li{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-areas:"year name" "year detail";column-gap:12px;padding:10px 0;border-top:1px solid #dce2e8;border-left:0}
 .ukv2-history-section .ukv2-timeline li::before{display:none}
 .ukv2-history-section .ukv2-timeline time{grid-area:year;font-size:20px;line-height:1.4}
 .ukv2-history-section .ukv2-timeline strong{grid-area:name;font-size:15px;margin:0;line-height:1.45}
 .ukv2-history-section .ukv2-timeline li span{grid-area:detail;font-size:12px;line-height:1.45}
 .ukv2-video-section{padding:40px 0 43px}
 .ukv2-video-grid{grid-template-columns:1fr;gap:21px}
 .ukv2-video-copy h2{font-size:26px;margin:8px 0 11px}
 .ukv2-video-copy p{font-size:15px;line-height:1.7}
 .ukv2-video-link{width:100%;justify-content:center;box-sizing:border-box;margin-top:17px}
 .ukv2-video-player{border-radius:10px}
}

/* Poster-first video: avoid an empty remote iframe while YouTube loads. */
.ukv2-video-poster{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;padding:0;border:0;background:#183047;color:#fff;cursor:pointer}
.ukv2-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.64)}
.ukv2-video-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,28,43,.65),transparent 45%)}
.ukv2-video-play-icon{z-index:1;display:grid;place-items:center;width:76px;height:54px;border-radius:17px;background:#df2533;color:#fff;font-size:24px;line-height:1;padding-left:4px;box-shadow:0 9px 25px rgba(0,0,0,.22);transition:transform .18s ease}
.ukv2-video-play-text{position:absolute;z-index:1;bottom:15px;left:15px;right:15px;color:#fff;font-weight:800;font-size:15px;text-align:center}
.ukv2-video-poster:hover .ukv2-video-play-icon,.ukv2-video-poster:focus-visible .ukv2-video-play-icon{transform:scale(1.08)}
.ukv2-video-poster:focus-visible{outline:4px solid #e9a13c;outline-offset:-5px}
.ukv2-video-player [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.ukv2-video-play-icon{transition:none}.ukv2-video-poster:hover .ukv2-video-play-icon{transform:none}}

/* 2026-10-22 MBN interview in the company history block (Malaysia reference). */
.ukv2-history-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:30px;margin-top:18px}
.ukv2-history-chronology{min-width:0}
.ukv2-history-chronology .ukv2-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:3px 0 18px}
.ukv2-history-chronology .ukv2-timeline li{padding:18px 8px 11px 0;min-width:0}
.ukv2-history-chronology .ukv2-timeline time{font-size:23px}
.ukv2-history-chronology .ukv2-timeline strong{font-size:15px}
.ukv2-history-chronology .ukv2-history-source{font-size:12px;line-height:1.75}
.ukv2-history-news{min-width:0;background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:19px;box-shadow:0 10px 28px rgba(25,44,66,.06)}
.ukv2-history-news-copy{margin-bottom:16px}
.ukv2-history-news-tag{font-size:11px;letter-spacing:.11em;color:#ae3447;font-weight:800}
.ukv2-history-news h3{font-size:clamp(20px,2vw,25px);line-height:1.36;margin:7px 0 9px}
.ukv2-history-news p{font-size:14px;line-height:1.72;color:#586a7b;margin:0}
.ukv2-history-news-player{border-radius:10px;box-shadow:none}
.ukv2-history-news-player .ukv2-video-poster img{filter:brightness(.75)}
.ukv2-history-news-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-top:12px;color:#1e5278;text-decoration:none!important;font-weight:800;font-size:14px}
.ukv2-history-news-link:hover{text-decoration:underline!important}
@media(max-width:1024px){
 .ukv2-history-layout{grid-template-columns:1fr;gap:21px}
 .ukv2-history-chronology .ukv2-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ukv2-history-news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:center}
 .ukv2-history-news-copy{margin:0}
 .ukv2-history-news-link{grid-column:2}
}
@media(max-width:767px){
 .ukv2-history-layout{display:block;margin-top:10px}
 .ukv2-history-chronology .ukv2-timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:14px 0 11px}
 .ukv2-history-chronology .ukv2-timeline li{padding:10px 0}
 .ukv2-history-chronology .ukv2-timeline time{font-size:20px}
 .ukv2-history-chronology .ukv2-timeline strong{font-size:15px}
 .ukv2-history-news{display:block;padding:17px;margin-top:23px;border-radius:13px}
 .ukv2-history-news-copy{margin-bottom:15px}
 .ukv2-history-news h3{font-size:21px}
 .ukv2-history-news p{font-size:13px}
 .ukv2-history-news-link{margin-top:8px;font-size:13px}
}

/* Desktop: align logo and menu inside the same 1180px content rail.
   Centering the links alone leaves a huge empty span after the edge logo. */
@media (min-width: 992px) {
  .nav_wrapper .logo {
    left: max(24px, calc((100% - 1180px) / 2));
  }
  .nav_wrapper #menu > ul {
    display: flex;
    float: none;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    width: max-content;
    max-width: calc(100% - 250px);
    margin-left: auto;
    margin-right: max(24px, calc((100% - 1180px) / 2));
    padding: 0;
  }
  /* Legacy transparent link overlays should follow their own menu item. */
  .nav_wrapper #menu > ul > li { position: relative; }
  .nav_wrapper #menu > ul > li > span[class^="lnb_go"] {
    left: 0;
    top: 13px;
    width: 100%;
    height: 50px;
  }
  .nav_wrapper #menu > ul > li > span[class^="lnb_go"] > a,
  .nav_wrapper #menu > ul > li > span[class^="lnb_go"] img {
    display: block;
    width: 100% !important;
    height: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav_wrapper #menu > ul { gap: 8px; }
  .nav_wrapper #menu > ul > li > a { font-size: 15px; padding: 15px 9px; }
}

/* Improved keyboard access + touch targets on every shared UK site page. */
.uk-global-skip{position:fixed;left:12px;top:-110px;z-index:100001;background:#fff;color:#142e43!important;font-weight:850;font-size:15px;padding:13px 18px;border:2px solid #215579;border-radius:8px}
.uk-global-skip:focus,.uk-global-skip:focus-visible{top:8px;outline:3px solid #edaf45!important}
.nav_wrapper .logo > a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.es-bread a,.ukseo-crumb a{display:inline-flex;align-items:center;min-height:44px;padding:5px 5px;margin:-5px 0;vertical-align:middle}
@media (max-width:991px){
 .nav_wrapper .spinner-master{position:relative;width:44px;height:44px;margin:8px 16px 8px 8px}
 .nav_wrapper .spinner-master input#spinner-form{display:block!important;position:absolute;inset:0;opacity:0;width:44px;height:44px;cursor:pointer;margin:0;z-index:98}
 .nav_wrapper .spinner-master label.spinner-spin{position:absolute;inset:0;top:0;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99}
 .nav_wrapper .spinner-master input#spinner-form:focus-visible+label.spinner-spin{outline:3px solid #ffca65!important;outline-offset:3px;border-radius:4px}
 .nav_wrapper .spinner-master label .spinner{width:34px;height:3px;flex:0 0 3px}
 .nav_wrapper .spinner-master .horizontal{margin-top:5px}
 .nav_wrapper .spinner-master .diagonal.part-2{margin-top:5px}
 .nav_wrapper .logo>a{min-height:44px}
 .nav_wrapper #menu > ul > li > a{min-height:48px}
}

/* 2026-10-25: prominent direct route to the UK study-guide hub.
   Seven entries fit the approved UK header rail without hiding any existing item. */
.nav_wrapper #menu > ul > li.uk-guide-nav > a{
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-bottom:3px solid #f3c56b;
  background:rgba(255,255,255,.075);
}
.nav_wrapper #menu > ul > li.uk-guide-nav > a:hover,
.nav_wrapper #menu > ul > li.uk-guide-nav > a:focus-visible{
  background:#275671;
  color:#fff;
}
.nav_wrapper #menu > ul > li.uk-guide-nav > a:focus-visible{
  outline:3px solid #f3c56b;
  outline-offset:2px;
}
@media (min-width:992px){
  .nav_wrapper #menu > ul{
    gap:clamp(2px,.8vw,12px);
  }
  .nav_wrapper #menu > ul > li > a{
    padding:15px clamp(5px,.64vw,10px);
    font-size:clamp(13px,1.07vw,16px);
    white-space:nowrap;
  }
  .nav_wrapper #menu > ul > li.uk-guide-nav > a{
    border-radius:5px 5px 0 0;
  }
}
@media (max-width:991px){
  .nav_wrapper #menu > ul > li.uk-guide-nav > a{
    min-height:48px;
    padding:12px 20px;
    border-left:4px solid #f3c56b;
    border-bottom:0;
    background:#294c64;
    font-size:15px;
  }
}