.universities-page .crs-hero { position:relative; overflow:hidden; padding:118px 0 64px; background:linear-gradient(115deg,#eaf3fb 0%,#eef2fb 45%,#f2eefb 78%,#fbeef3 100%); }
.universities-page .crs-hero h1 { font-family:"Kanit",sans-serif; font-weight:700; font-size:clamp(2.1rem,4.4vw,3.3rem); line-height:1.12; color:var(--navy-900); margin:0; max-width:16ch; }
.universities-page .crs-eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:"Kanit",sans-serif; font-weight:500; font-size:13px; color:var(--brand-600); background:var(--brand-50); border:1px solid rgba(244,123,32,.25); border-radius:999px; padding:7px 15px; margin-bottom:18px; }
.universities-page .crs-lead { font-family:"Kanit",sans-serif; font-weight:300; font-size:16px; line-height:1.7; color:#5b6b82; margin:18px 0 0; max-width:46ch; }
.universities-page .crs-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.universities-page .crs-sort { display:flex; align-items:center; gap:12px; margin-left:auto; }
.universities-page .crs-sort label { margin:0; flex-shrink:0; white-space:nowrap; font-family:"Kanit",sans-serif; font-weight:300; font-size:13.5px; line-height:1; color:#94a3b8; }
.universities-page .crs-sort select { appearance:none; -webkit-appearance:none; box-sizing:border-box; height:44px; border:1px solid #dde5ef; border-radius:11px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23102443' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; background-size:16px; padding:0 42px 0 16px; font-family:"Kanit",sans-serif; font-weight:500; font-size:13.5px; color:var(--navy-900); cursor:pointer; }
.universities-page .crs-sort select:focus { outline:none; border-color:var(--brand-400); }
.universities-page .crs-count { font-family:"Kanit",sans-serif; font-weight:300; font-size:14px; color:#64748b; margin:0; }
.universities-page .crs-hi { display:inline-block; background:var(--orange-grad); color:#fff; border-radius:12px; padding:0 14px; box-shadow:0 12px 24px -10px rgba(244,123,32,.6); }
.universities-page .crs-hero-photo { position:relative; align-self:flex-end; margin-bottom:-64px; }
.universities-page .crs-hero-photo img { display:block; width:100%; height:340px; border-radius:26px 26px 0 0; overflow:hidden; object-fit:cover; }
@media(max-width:991px) { .universities-page .crs-hero-photo{ margin-top:26px; margin-bottom:0; }
.universities-page .crs-hero-photo img { height:260px; border-radius:26px; } }
.universities-page /* Full-bleed photo hero (Universities page) */
.uni-hero-bg { padding:150px 0 90px; background:none; }
.universities-page .uni-hero-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; z-index:0; }
.universities-page .uni-hero-overlay { position:absolute; inset:0; background:linear-gradient(115deg, rgba(10,20,40,.82) 0%, rgba(10,20,40,.62) 55%, rgba(10,20,40,.4) 100%); z-index:1; }
.universities-page .uni-hero-bg .container-xxl { position:relative; z-index:2; }
.universities-page .uni-hero-bg .crs-hero h1, .universities-page .uni-hero-bg h1 { color:#fff; }
.universities-page .uni-hero-bg .crs-eyebrow { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.3); color:#fff; }
.universities-page .uni-hero-bg .crs-lead { color:rgba(255,255,255,.86); }
.universities-page /* search card */
.crs-search { position:relative; margin-top:-40px; z-index:5; background:#fff; border:1px solid rgba(226,232,240,.85); border-radius:22px; padding:28px 30px; box-shadow:0 34px 74px -40px rgba(10,26,51,.4); }
.universities-page .crs-search h2 { font-family:"Kanit",sans-serif; font-weight:600; font-size:22px; color:var(--navy-900); margin:0; }
.universities-page .crs-search .cs-sub { font-family:"Kanit",sans-serif; font-weight:300; font-size:14px; color:#64748b; margin:6px 0 20px; }
.universities-page .crs-searchbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; background:#f6f8fc; border:1px solid #e6ecf5; border-radius:16px; padding:8px; }
.universities-page .crs-sel, .universities-page .crs-namewrap { position:relative; flex:1 1 150px; min-width:130px; }
.universities-page .crs-sel select, .universities-page .crs-namewrap input { width:100%; height:52px; border:0; background:transparent; font-family:"Kanit",sans-serif; font-weight:400; font-size:14.5px; color:var(--navy-900); padding:0 34px 0 16px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.universities-page .crs-sel select:focus, .universities-page .crs-namewrap input:focus { outline:none; }
.universities-page .crs-sel::after { content:"\2304"; font-family:sans-serif; position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#9aa6b6; font-size:13px; pointer-events:none; }
.universities-page .crs-namewrap input { padding-left:16px; cursor:text; }
.universities-page .crs-sel + .crs-sel, .universities-page .crs-namewrap { border-left:1px solid #e6ecf5; }
.universities-page .crs-search-btn { flex:0 0 auto; height:52px; padding:0 34px; border:0; border-radius:12px; background:linear-gradient(135deg,#2452cf,#1c3f9e); color:#fff; font-family:"Kanit",sans-serif; font-weight:600; font-size:15px; cursor:pointer; transition:transform .2s,box-shadow .2s; box-shadow:0 14px 28px -12px rgba(28,63,158,.6); }
.universities-page .crs-search-btn:hover { transform:translateY(-2px); box-shadow:0 20px 36px -12px rgba(28,63,158,.75); }
@media(max-width:767px) { .universities-page .crs-sel, .universities-page .crs-namewrap{ flex:1 1 100%; border-left:0; border-bottom:1px solid #e6ecf5; }
.universities-page .crs-namewrap { border-bottom:0; }
.universities-page .crs-search-btn { flex:1 1 100%; } }
.universities-page .uni-card { height:100%; background:#fff; border:1px solid rgba(226,232,240,.85); border-radius:20px; overflow:hidden; transition:transform .3s,box-shadow .3s,border-color .3s; display:flex; flex-direction:column; }
.universities-page .uni-card:hover { transform:translateY(-5px); border-color:rgba(255,184,119,.7); box-shadow:0 28px 56px -30px rgba(244,123,32,.4); }
.universities-page .uni-photo { position:relative; height:170px; }
.universities-page .uni-photo image-slot, .universities-page .uni-photo img { display:block; width:100%; height:170px; }
.universities-page .uni-badge { position:absolute; top:12px; right:12px; z-index:2; font-family:"Kanit",sans-serif; font-weight:600; font-size:11.5px; color:#fff; background:rgba(8,18,38,.62); backdrop-filter:blur(6px); border-radius:999px; padding:5px 12px; }
.universities-page .uni-mark { position:absolute; left:16px; bottom:-26px; z-index:3; width:56px; height:56px; border-radius:16px; background:linear-gradient(150deg,#3f74e8,#1c3f9e); color:#fff; display:grid; place-items:center; font-family:"Kanit",sans-serif; font-weight:700; font-size:19px; box-shadow:0 14px 26px -10px rgba(28,63,158,.55); border:3px solid #fff; }
.universities-page .uni-body { padding:38px 22px 22px; display:flex; flex-direction:column; flex:1; }
.universities-page .uni-body h3 { font-family:"Kanit",sans-serif; font-weight:600; font-size:18px; line-height:1.25; color:var(--navy-900); margin:0 0 6px; }
.universities-page .uni-loc { display:flex; align-items:center; gap:7px; font-family:"Kanit",sans-serif; font-weight:400; font-size:13.5px; color:#5b6b82; margin-bottom:10px; }
.universities-page .uni-loc i { color:var(--brand-500); }
.universities-page .uni-type { display:inline-flex; align-self:flex-start; font-family:"Kanit",sans-serif; font-weight:500; font-size:11.5px; color:#1c3f9e; background:#eef3fc; border-radius:999px; padding:5px 12px; margin-bottom:12px; }
.universities-page .uni-desc { font-family:"Kanit",sans-serif; font-weight:300; font-size:13.5px; line-height:1.6; color:#64748b; margin:0 0 16px; flex:1; }
.universities-page .uni-foot { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid #eef2f7; }
.universities-page .uni-count { font-family:"Kanit",sans-serif; font-weight:600; font-size:13px; color:var(--navy-900); }
.universities-page .uni-count span { font-weight:300; color:#94a3b8; }
.universities-page .uni-apply { display:inline-flex; align-items:center; gap:7px; font-family:"Kanit",sans-serif; font-weight:600; font-size:13.5px; color:#fff; text-decoration:none; background:var(--orange-grad); border-radius:999px; padding:9px 18px; transition:transform .2s,box-shadow .2s; }
.universities-page .uni-apply:hover { transform:translateY(-2px); color:#fff; box-shadow:0 16px 28px -12px rgba(244,123,32,.7); }
.universities-page .uni-thumbnail {background:#102443 url("../img/universities/common-campus.jpg") center 55%/cover no-repeat}
.universities-page .uni-thumbnail:before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,45,.48),rgba(8,22,45,0) 65%);pointer-events:none}
.universities-page .uni-thumbnail .uni-thumbnail-brand {position:absolute;top:18px;left:20px;width:86px;height:auto;object-fit:contain}
.universities-page .uni-thumbnail .uni-mark {width:64px;height:64px;bottom:-26px;background:#fff;border:1px solid #e4eaf3;border-radius:15px;box-shadow:0 8px 20px #10244320;padding:7px}
.universities-page .uni-thumbnail .uni-mark>img {display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.universities-page .uni-results-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.universities-page .uni-page-size {display:inline-flex;align-items:center;gap:10px;margin:0;font-size:13px;line-height:1.4;color:#64748b;white-space:nowrap}
.universities-page .uni-page-size select {appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:none;width:80px;height:40px;padding:0 32px 0 14px;border:1px solid #dde5ef;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23102443' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:16px;font:inherit;color:#102443;cursor:pointer}
.universities-page .uni-pagination {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:36px}
.universities-page .cta-banner-sec { padding:0 0 64px; background:#fff; }
.universities-page .cta-banner { position:relative; overflow:hidden; border-radius:34px; padding:64px 32px; text-align:center;
  background: linear-gradient(108deg, #142c7a 0%, #2452cf 52%, #3f74e8 100%);
  box-shadow: 0 44px 90px -44px rgba(20,52,140,.7); }
.universities-page .cta-banner::before { content:""; position:absolute; inset:0; background:
  radial-gradient(120% 90% at 88% 18%, rgba(255,255,255,.16), transparent 55%),
  radial-gradient(90% 80% at 8% 92%, rgba(8,20,60,.45), transparent 60%); pointer-events:none; }
.universities-page .cta-banner::after { content:""; position:absolute; right:-70px; top:-70px; width:260px; height:260px; border-radius:50%; border:1.5px solid rgba(255,255,255,.12); pointer-events:none; }
.universities-page .cta-banner > * { position:relative; z-index:1; }
.universities-page .cta-banner h2 { font-family:"Kanit",sans-serif; font-weight:700; font-size:clamp(1.9rem,4.2vw,3rem); line-height:1.08; color:#fff; margin:0; }
.universities-page .cta-banner p { font-size:16px; line-height:1.65; color:rgba(255,255,255,.78); max-width:620px; margin:16px auto 0; }
.universities-page .cta-banner .btn-cta { display:inline-flex; align-items:center; gap:8px; margin-top:30px; padding:14px 34px; border-radius:999px; font-family:"Kanit",sans-serif; font-weight:600; font-size:15.5px; color:#fff; border:1.5px solid rgba(255,255,255,.65); background:transparent; text-decoration:none; transition:all .25s; }
.universities-page .cta-banner .btn-cta:hover { background:#fff; color:#1c3f9e; border-color:#fff; transform:translateY(-2px); box-shadow:0 18px 36px -16px rgba(0,0,0,.4); }
@media (max-width:575px) { .universities-page .cta-banner { padding:48px 22px; border-radius:26px; } }
.universities-page{--navy-900:#102443;--brand-500:#f47b20;--brand-600:#dc6516;--brand-50:#fff6ec;--orange-grad:linear-gradient(135deg,#ff9823,#f47b20);font-family:Kanit,sans-serif;background:#fff}
.universities-page .container-xxl{max-width:1320px}
.universities-page .crs-searchbar,.universities-page .crs-search-btn{border-radius:80px}
.universities-page .crs-search-btn{min-width:160px}
.universities-page .uni-hero-overlay{background:linear-gradient(105deg,#06122aed 0%,#0f2747b3 52%,#16315a66 100%)}
.universities-page .uni-hero-bg .container-xxl{z-index:2}
.universities-page .uni-results{padding:24px 0 64px}
.universities-page .uni-body h3 a{color:inherit;text-decoration:none}
.universities-page .uni-mark{color:#213870}
.universities-page .uni-mark [hidden]{display:none}
.universities-page .uni-pagination{margin-top:36px;display:flex;justify-content:center}
.universities-page .uni-pagination nav{width:100%}
.universities-page .uni-pagination .page-link{color:#213870}
.universities-page .uni-pagination .active .page-link{background:#213870;border-color:#213870;color:#fff}
.universities-page .uni-empty{text-align:center;padding:60px 20px}
.universities-page :is(a,button,input,select):focus-visible{outline:3px solid #ff9823;outline-offset:3px}
.universities-page .uni-loc{overflow-wrap:anywhere}
@media(max-width:767px){.universities-page .crs-search{padding:24px 18px}.universities-page .crs-searchbar{border-radius:20px}.universities-page .crs-sel,.universities-page .crs-namewrap{flex:1 1 100%;border-left:0;border-bottom:1px solid #e6ecf5}.universities-page .crs-search-btn{flex:1 1 100%}.universities-page .uni-hero-bg{padding:80px 0}.universities-page .uni-foot{gap:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.universities-page *{transition:none!important;transform:none!important}}