.cp-site { --cp-ink:#172a36; --cp-muted:#526370; --cp-blue:#075d99; --cp-teal:#087e80; --cp-line:#dce4e8; --cp-soft:#f4f7f8; color:var(--cp-ink); background:#fff; margin:0!important; padding:0!important; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.65; letter-spacing:0; }
.cp-site *, .cp-site *::before, .cp-site *::after { box-sizing:border-box; letter-spacing:0; }
.cp-site h1,.cp-site h2,.cp-site h3,.cp-site h4 { font-family:Arial,Helvetica,sans-serif; color:var(--cp-ink); line-height:1.2; font-weight:700; margin:0 0 20px; text-transform:none; overflow-wrap:break-word; }
.cp-site h1 { font-size:44px; } .cp-site h2 { font-size:32px; } .cp-site h3 { font-size:22px; }
.cp-site p { margin:0 0 20px; font-size:16px; line-height:1.65; }
.cp-site a { color:var(--cp-blue); text-decoration:none; } .cp-site a:hover { text-decoration:underline; }
.cp-site a { transition:color .15s ease,background-color .15s ease,transform .15s ease; }
.cp-site a:focus:not(:focus-visible) { outline:none; }
.cp-site a:focus-visible { outline:2px solid var(--cp-blue); outline-offset:3px; }
.cp-site :is(.cp-hero,.co-hero,.cp-online-banner) a:focus-visible { outline-color:#fff; }
.cp-site button,.cp-site input,.cp-site select,.cp-site textarea { font:inherit; }
.cp-site img { max-width:100%; } .cp-site :focus-visible { outline:3px solid #0d8588; outline-offset:4px; }
.cp-container { width:min(1280px,calc(100% - 64px)); margin:0 auto; }
.cp-skip { position:fixed; top:-100px; left:20px; z-index:1200; background:#fff; padding:12px 20px; box-shadow:0 2px 12px #0002; }
.cp-skip:focus { top:12px; }
.cp-topbar { background:#f1f5f7; border-bottom:1px solid var(--cp-line); font-size:13px; }
.cp-topbar-inner { display:flex; align-items:center; gap:24px; min-height:40px; }
.cp-topbar a { color:var(--cp-ink); display:inline-flex; align-items:center; gap:8px; min-height:36px; white-space:nowrap; }
.cp-topbar-end { margin-left:auto; display:flex; align-items:center; gap:20px; }
.cp-languages { display:flex; align-items:center; gap:14px; border-left:1px solid #c5d1d8; padding-left:20px; }
.cp-languages a[aria-current] { color:var(--cp-blue); font-weight:700; text-decoration:underline; text-underline-offset:6px; }
.cp-header { position:sticky; top:0; z-index:900; background:#fff; border-bottom:1px solid var(--cp-line); box-shadow:0 3px 12px #172a3608; }
.cp-header-inner { display:flex; gap:24px; align-items:center; min-height:96px; }
.cp-brand { display:flex; align-items:center; gap:14px; flex-shrink:0; color:var(--cp-ink)!important; text-decoration:none!important; }
.cp-site :is(.cp-header,.cp-topbar,.cp-mobile-tabs) :is(a,button) { transition:color .15s ease,background-color .15s ease; }
.cp-site :is(.cp-header,.cp-topbar,.cp-mobile-tabs) :is(a,button):focus:not(:focus-visible) { outline:none; }
.cp-site :is(.cp-header,.cp-topbar,.cp-mobile-tabs) :focus-visible { outline:2px solid var(--cp-blue); outline-offset:3px; }
.cp-brand img { width:96px; height:96px; object-fit:contain; margin:0 0 -14px; position:relative; z-index:1; }
.cp-brand span { font-size:21px; font-weight:700; white-space:nowrap; }
.cp-brand small { display:block; font-size:10px; font-weight:400; }
.cp-site .cp-navigation { box-shadow:none; background:none; color:inherit; height:auto; line-height:inherit; width:auto; margin-left:auto; }
.cp-site .cp-menu { list-style:none; display:flex; gap:20px; padding:0; margin:0; }
.cp-site .cp-menu-item { float:none; position:relative; list-style:none; }
.cp-menu-label { display:flex; align-items:center; min-height:96px; }
.cp-site .cp-menu-label>a { color:var(--cp-ink); padding:0; background:transparent; border:0; box-shadow:none; font-size:14px; font-weight:700; display:flex; align-items:center; min-height:44px; text-decoration:none; }
.cp-menu-label>a>span { position:relative; }
.cp-menu-label>a>span::after { content:""; position:absolute; bottom:-8px; height:2px; background:var(--cp-blue); left:0; width:100%; transform:scaleX(0); transform-origin:center; transition:transform .15s ease; }
.cp-menu-label>a[aria-current]>span::after,.cp-menu-item.cp-open>.cp-menu-label>a>span::after,.cp-menu-label>a:hover>span::after,.cp-menu-label>a:focus-visible>span::after { transform:scaleX(1); }
.cp-subnav-toggle { display:none; }
.cp-site .cp-submenu { display:none; position:absolute; z-index:1; top:100%; left:-20px; width:320px; background:#fff; border:1px solid var(--cp-line); border-top:3px solid var(--cp-blue); padding:12px; margin:0; border-radius:0 0 6px 6px; box-shadow:0 16px 28px #172a3618; list-style:none; }
.cp-site .cp-submenu li { float:none; list-style:none; }
.cp-submenu-item { display:flex; align-items:center; }.cp-submenu-item>a { flex:1; }.cp-nested-toggle { width:36px; height:36px; flex-shrink:0; border:1px solid var(--cp-line); border-radius:4px; color:var(--cp-blue); background:#fff; }.cp-site .cp-nested-submenu { margin:0 0 8px 12px; padding:0 0 0 12px; border-left:1px solid var(--cp-line); list-style:none; }.cp-enhanced .cp-nested-branch:not(.cp-nested-open)>.cp-nested-submenu { display:none; }
.cp-site .cp-submenu a { display:block; white-space:normal; color:var(--cp-ink); padding:12px 14px; font-size:14px; line-height:1.45; border-radius:4px; }
.cp-site .cp-submenu a:hover,.cp-site .cp-submenu a:focus-visible { background:var(--cp-soft); color:var(--cp-blue); text-decoration:none; }
.cp-site .cp-submenu-overview { border-bottom:1px solid var(--cp-line); margin-bottom:6px; }
.cp-site .cp-submenu-overview a { font-weight:700; color:var(--cp-blue); }
.cp-site .cp-submenu-universities { width:460px; }
.cp-enhanced .cp-menu-item.cp-open>.cp-submenu,.cp-site:not(.cp-enhanced) .cp-menu-item:hover>.cp-submenu,.cp-site:not(.cp-enhanced) .cp-menu-item:focus-within>.cp-submenu { display:block; }
.cp-access { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; min-height:44px; padding:10px 16px; border:1px solid var(--cp-line); font-size:14px; font-weight:700; border-radius:4px; }
.cp-menu-toggle,.cp-drawer-access { display:none; }
.cp-site .cp-button { display:inline-flex; gap:12px; justify-content:center; align-items:center; padding:13px 22px; min-height:48px; color:#fff; background:var(--cp-blue); border:1px solid var(--cp-blue); border-radius:4px; font-size:15px; font-weight:700; line-height:1.35; cursor:pointer; text-decoration:none; }
.cp-site .cp-button:hover { background:#064b79; border-color:#064b79; }
.cp-site .cp-button-outline { background:transparent; color:var(--cp-blue); }
.cp-site .cp-button-white { background:#fff; border-color:#fff; color:var(--cp-ink); }
.cp-site .cp-button-white:hover { background:#f1f5f7; }
.cp-text-link { display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:700; }
.cp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }
.cp-eyebrow { font-size:12px!important; font-weight:700; color:var(--cp-teal); text-transform:uppercase; margin-bottom:14px!important; }
.cp-hero { position:relative; isolation:isolate; min-height:480px; display:flex; align-items:center; background:#223a46; }
.cp-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.cp-hero::before { content:""; position:absolute; inset:0; background:#06192178; z-index:-1; }
.cp-hero-copy { padding:76px 0; max-width:640px; }
.cp-hero .cp-eyebrow { color:#c0e9e6; }
.cp-hero h1 { color:#fff; font-size:64px; margin-bottom:24px; }
.cp-hero .cp-lead { color:#fff; font-size:23px; max-width:620px; line-height:1.55; text-shadow:0 1px 2px #0005; }
.cp-hero-note { margin-top:22px!important; margin-bottom:0!important; color:#eef5f7; font-size:14px!important; }
.cp-quick-links { border-bottom:1px solid var(--cp-line); background:#fff; }
.cp-quick-links .cp-container { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.cp-quick-links a { color:var(--cp-ink); display:flex; align-items:center; gap:14px; padding:24px 16px; font-size:15px; font-weight:700; border-right:1px solid var(--cp-line); }
.cp-quick-links a:first-child { padding-left:0; }.cp-quick-links a:last-child { border-right:0; }
.cp-quick-links i { color:var(--cp-teal); font-size:22px; }
.cp-section { padding:72px 0; }.cp-section-soft { background:var(--cp-soft); }
.cp-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:36px; margin-bottom:36px; }
.cp-section-head h2 { margin-bottom:12px; }.cp-section-head p { max-width:680px; margin-bottom:0; color:var(--cp-muted); }
.cp-section-head>.cp-text-link { flex-shrink:0; }
.cp-university-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; }
.cp-university { position:relative; border-top:2px solid var(--cp-line); padding:26px 0 30px; display:flex; flex-direction:column; min-width:0; }
.cp-university:hover { border-top-color:var(--cp-blue); }
.cp-university h3 { font-size:23px; margin-bottom:18px; }.cp-university h3 a { color:var(--cp-ink); }
.cp-university>p { color:var(--cp-muted); font-size:15px; }.cp-university>.cp-text-link { margin-top:auto; padding-top:12px; }
.cp-university-location { font-size:13px!important; color:var(--cp-teal)!important; display:flex; gap:8px; align-items:center; }
.cp-university-logo { height:64px; width:150px; object-fit:contain; object-position:left center; margin-bottom:20px; }
.cp-material-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cp-material { min-width:0; border-bottom:1px solid var(--cp-line); padding-bottom:24px; display:flex; flex-direction:column; }
.cp-material-image { display:block; aspect-ratio:16/10; overflow:hidden; background:#e7edef; }
.cp-material-image img { width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }.cp-material-image:hover img { transform:scale(1.025); }
.cp-material-copy { padding-top:22px; flex:1; display:flex; flex-direction:column; }.cp-material-copy h3 { font-size:23px; }.cp-material-copy h3 a { color:var(--cp-ink); }
.cp-material-copy>p:not(.cp-eyebrow) { color:var(--cp-muted); font-size:15px; }.cp-material-copy>.cp-text-link { margin-top:auto; }
.cp-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.cp-feature { padding-top:24px; border-top:1px solid var(--cp-line); }.cp-feature>i { font-size:28px; color:var(--cp-teal); margin-bottom:20px; }.cp-feature p { color:var(--cp-muted); }
.cp-campus-online { background:#eaf3f4; }.cp-online-layout { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }.cp-online-photo { aspect-ratio:4/3; object-fit:cover; width:100%; }
.cp-online-links { display:flex; gap:16px; flex-wrap:wrap; }.cp-online-links span { display:inline-flex; gap:8px; align-items:center; font-size:14px; font-weight:700; }
.cp-page-heading { padding:44px 0 48px; background:var(--cp-soft); border-bottom:1px solid var(--cp-line); }
.cp-site .cp-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; line-height:1.6; height:auto; margin:0 0 30px; padding:0; color:var(--cp-muted); background:none; box-shadow:none; }
.cp-lead { font-size:19px!important; color:var(--cp-muted); max-width:800px; margin-bottom:0!important; }
.cp-reading-layout { display:grid; grid-template-columns:minmax(0,800px) minmax(240px,1fr); gap:64px; align-items:start; }
.cp-article { min-width:0; overflow-wrap:anywhere; }.cp-article h2 { font-size:27px; margin-top:36px; }.cp-article h3 { font-size:23px; margin-top:28px; }
.cp-article h2:first-child { margin-top:0; }.cp-article img { max-width:100%!important; height:auto!important; }
.cp-article ul,.cp-article ol { padding-left:24px; list-style:initial; }.cp-article ul li { list-style:disc; }.cp-article ol li { list-style:decimal; }.cp-article table { display:block; overflow-x:auto; max-width:100%; }
.cp-article-hero { display:block; width:100%; max-height:430px; object-fit:cover; margin-bottom:36px; }
.cp-side { border-top:3px solid var(--cp-teal); padding-top:24px; }.cp-side h2 { font-size:23px; }.cp-side p { font-size:15px; color:var(--cp-muted); }.cp-side ul { list-style:none; padding:0; margin:24px 0; }.cp-side li { margin:0; padding:12px 0; border-bottom:1px solid var(--cp-line); list-style:none; }
.cp-side .cp-button { width:100%; margin-bottom:16px; }.cp-representation { background:#eaf3f4; border-left:3px solid var(--cp-teal); padding:24px; margin-bottom:36px; }.cp-representation h2 { font-size:24px; margin-top:0; }.cp-representation p { margin-bottom:0; }
.cp-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; }.cp-tabs a { padding:10px 16px; border:1px solid var(--cp-line); border-radius:4px; }.cp-tabs a[aria-current] { color:#fff; background:var(--cp-blue); border-color:var(--cp-blue); }
.cp-search { display:flex; gap:12px; flex-wrap:wrap; align-items:end; margin-bottom:36px; }.cp-search label { color:var(--cp-ink); font-size:14px; flex:1; min-width:200px; }.cp-search input[type=search] { box-sizing:border-box; border:1px solid var(--cp-line); border-radius:4px; height:48px; padding:10px 14px; margin:8px 0 0; background:#fff; width:100%; }
.cp-pagination { display:flex; align-items:center; gap:20px; margin-top:40px; flex-wrap:wrap; }
.cp-site .cp-pagination { background:none; color:inherit; box-shadow:none; height:auto; line-height:1.5; }
.cp-program-intro { margin-top:48px; max-width:800px; }.cp-editorial-note { margin-top:24px!important; max-width:900px; color:var(--cp-muted); font-size:14px!important; }
.cp-enquiry-form { min-width:0; }.cp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.cp-enquiry-form label { display:block; color:var(--cp-ink); font-size:14px; font-weight:700; margin-bottom:16px; }
.cp-site .cp-enquiry-form input:not([type=checkbox]):not([type=hidden]) { width:100%; height:48px; background:#fff; border:1px solid #c6d3db; border-radius:4px; margin:8px 0 0; padding:10px 12px; box-sizing:border-box; font-size:16px; }
.cp-enquiry-form .cp-consent { display:flex; align-items:flex-start; gap:12px; font-size:14px; font-weight:400; }.cp-site .cp-consent input[type=checkbox] { position:static; opacity:1; width:20px; height:20px; margin:2px 0 0; accent-color:var(--cp-blue); flex-shrink:0; }
.cp-feedback { border-left:3px solid var(--cp-teal); padding:12px 16px; background:#fff; }
.cp-enquiry { padding:48px 0; border-top:1px solid var(--cp-line); background:#eaf3f4; }.cp-enquiry-inner { display:flex; gap:48px; align-items:center; justify-content:space-between; }.cp-enquiry h2 { font-size:30px; }.cp-enquiry p { margin-bottom:0; }.cp-enquiry .cp-button { flex-shrink:0; }
.cp-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }.cp-catalog { border-bottom:1px solid var(--cp-line); padding-bottom:24px; }.cp-catalog-cover { display:flex; align-items:center; justify-content:center; height:300px; background:var(--cp-soft); margin-bottom:24px; }.cp-catalog-cover img { height:100%; width:100%; object-fit:contain; }.cp-catalog-cover i { font-size:64px; color:var(--cp-teal); }.cp-catalog h2 { font-size:22px; }.cp-catalog p { color:var(--cp-muted); }
.cp-footer { border-top:1px solid var(--cp-line); background:#f4f7f8; padding:56px 0 0; }.cp-footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:40px; }.cp-footer h2 { font-size:24px; }.cp-footer h3 { font-size:16px; }.cp-footer p,.cp-footer a,.cp-footer address { font-size:14px; color:var(--cp-muted); }.cp-footer address { font-style:normal; margin-bottom:18px; }.cp-footer-brand img { margin-bottom:16px; }.cp-footer ul { padding:0; margin:0; list-style:none; }.cp-footer li { list-style:none; margin-bottom:10px; }.cp-footer-bottom { border-top:1px solid var(--cp-line); padding:22px 0; display:flex; flex-wrap:wrap; gap:24px; font-size:13px; color:var(--cp-muted); }.cp-footer-bottom>span { margin-right:auto; }
/* Existing event/contact/help readers share the new shell without replacing their flows. */
.cp-site>.search-top { display:none; }.cp-site .campus-band { padding:56px 0; }.cp-site .campus-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.cp-site .campus-event-card { border-radius:4px; }.cp-site .campus-event-card h3 { font-size:22px; }.cp-site .container { max-width:1280px; }.cp-site .campus-alert { border-radius:4px; }.cp-site .cp-menu-toggle { box-shadow:none; }
@media (max-width:1380px) { .cp-brand span { display:none; }.cp-header-inner { gap:20px; }.cp-site .cp-menu { gap:18px; } }
@media (max-width:1150px) {
 .cp-container { width:calc(100% - 40px); }.cp-header-inner { min-height:80px; gap:16px; }.cp-brand img { width:80px; height:80px; margin-bottom:-10px; }.cp-brand span { display:block; font-size:19px; }.cp-brand small { font-size:9px; }.cp-access { margin-left:auto; }
 .cp-menu-toggle { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--cp-line); border-radius:4px; background:#fff; color:var(--cp-ink); font-size:19px; }
 .cp-site .cp-navigation { position:absolute; left:0; top:100%; width:100%; margin:0; background:#fff; border-bottom:1px solid var(--cp-line); max-height:calc(100dvh - 80px); overflow:auto; padding:16px 24px 32px; box-shadow:0 12px 20px #172a3614; }
 .cp-enhanced .cp-navigation:not(.cp-visible) { display:none; }.cp-site:not(.cp-enhanced) .cp-header-inner { flex-wrap:wrap; }.cp-site:not(.cp-enhanced) .cp-navigation { position:static; width:100%; max-height:none; }.cp-site:not(.cp-enhanced) .cp-menu-toggle { display:none; }
 .cp-site .cp-menu { display:block; }.cp-menu-label { min-height:54px; border-bottom:1px solid var(--cp-line); }.cp-site .cp-menu-label>a { flex:1; padding:8px 0; font-size:16px; }.cp-menu-label>a>span::after { display:none; }
 .cp-subnav-toggle { display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:#fff; border:1px solid var(--cp-line); border-radius:4px; color:var(--cp-blue); flex-shrink:0; }
 .cp-site .cp-submenu,.cp-site .cp-submenu-universities { position:static; width:100%; padding:8px 0 12px 16px; box-shadow:none; border:0; border-bottom:1px solid var(--cp-line); border-radius:0; }.cp-site:not(.cp-enhanced) .cp-submenu { display:block; }.cp-site .cp-submenu a { padding:12px; font-size:15px; }.cp-drawer-access { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding-top:28px; }.cp-menu-label .cp-subnav-toggle[aria-expanded=true] { background:#eaf3f4; }
 .cp-university-grid,.cp-material-grid,.cp-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cp-reading-layout { gap:32px; }.cp-online-layout { gap:36px; }
 .cp-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cp-site .campus-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
 .cp-container { width:calc(100% - 36px); }.cp-site h1 { font-size:34px; }.cp-site h2 { font-size:27px; }.cp-site h3 { font-size:22px; }
 .cp-topbar-inner { gap:10px; min-height:40px; }.cp-topbar { font-size:12px; }.cp-topbar .cp-top-email,.cp-topbar-end>a:not([aria-label=WhatsApp]) { display:none; }.cp-topbar-end { gap:12px; }.cp-languages { padding-left:12px; gap:12px; }
 .cp-header-inner { min-height:76px; gap:10px; }.cp-brand img { height:70px; width:70px; margin-bottom:-8px; }.cp-brand { gap:8px; }.cp-brand span { font-size:17px; }.cp-brand small { display:none; }.cp-access { font-size:0; gap:0; width:42px; min-height:42px; padding:10px; justify-content:center; }.cp-access i { font-size:19px; }.cp-menu-toggle { width:42px; height:42px; }.cp-site .cp-navigation { padding:12px 18px 28px; max-height:calc(100dvh - 76px); }
 .cp-hero { min-height:400px; }.cp-hero>img { object-position:65% center; }.cp-hero-copy { padding:48px 0; }.cp-hero h1 { font-size:43px; margin-bottom:20px; }.cp-hero .cp-lead { font-size:19px!important; }.cp-actions { gap:12px; margin-top:24px; }.cp-actions .cp-button { padding:12px 16px; font-size:14px; }
 .cp-quick-links .cp-container { grid-template-columns:1fr; }.cp-quick-links a { padding:16px 0; border-right:0; border-bottom:1px solid var(--cp-line); }.cp-quick-links a:last-child { border-bottom:0; }
 .cp-section { padding:44px 0; }.cp-section-head { display:block; margin-bottom:28px; }.cp-section-head>.cp-text-link { margin-top:18px; }
 .cp-university-grid,.cp-material-grid,.cp-catalog-grid,.cp-feature-grid,.cp-online-layout,.cp-reading-layout { grid-template-columns:1fr; }.cp-university-grid { gap:0; }.cp-material-grid { gap:32px; }.cp-feature-grid { gap:18px; }.cp-online-layout { gap:30px; }.cp-online-photo { max-height:260px; }
 .cp-page-heading { padding:28px 0 32px; }.cp-breadcrumb { margin-bottom:22px!important; }.cp-lead { font-size:17px!important; }.cp-article h2 { font-size:25px; }.cp-article-hero { max-height:280px; }.cp-representation { padding:20px; }.cp-side { margin-top:12px; }
 .cp-enquiry { padding:36px 0; }.cp-enquiry-inner { display:block; }.cp-enquiry .cp-button { margin-top:24px; }.cp-enquiry h2 { font-size:27px; }
 .cp-footer { padding-top:36px; }.cp-footer-grid { gap:28px 20px; }.cp-footer-brand { grid-column:1/-1; }.cp-footer-grid>div:last-child { grid-column:1/-1; }.cp-footer-bottom { gap:14px 22px; }.cp-footer-bottom>span { width:100%; }.cp-site .campus-event-grid { grid-template-columns:1fr; }.cp-catalog-cover { height:280px; }
}
@media (prefers-reduced-motion:reduce) { .cp-site *, .cp-site *::before { transition:none!important; scroll-behavior:auto!important; } }