/* SLC Campus: an original university layout informed by tsu.ac.th/home. */
.campus-brand img{display:block;width:330px;max-width:100%;height:auto}.slc-footer .campus-brand img{width:330px}.campus-brand{max-width:100%;background:#145c9e;padding:10px 14px}
:root{--navy:#102f4d;--blue:#3399ff;--gold:#3399ff;--ink:#203345;--muted:#5e7080;--line:#dde5ec;--bg:#f3f7fc}
body{background:#fff;color:var(--ink);font-family:Tahoma,"Noto Sans Thai",sans-serif;line-height:1.8}
.wrap{width:min(1280px,90%)}
.utility{border:0}.utility .wrap>div{gap:25px}.utility a:first-child{color:#102f4d}
.slc-header{box-shadow:0 3px 20px #102f4d10}
.slc-header .nav{min-height:104px;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;gap:24px;padding-bottom:14px}
.slc-header .nav>.brand-group{padding-bottom:0;flex-shrink:0}
.slc-header .nav>#navigation{width:auto;border:0;flex:1;justify-content:flex-end}
.primary-menu{justify-content:flex-end;gap:0}.slc-header #navigation .primary-menu>.slc-menu-item>a{font-size:14px;padding-left:10px;padding-right:10px}
.slc-header .brand-mark{border-color:#3399ff;color:#145c9e}.brand small{letter-spacing:1.5px}
.campus-search{background:#f2f7fc;border-top:1px solid #dde7f1}.campus-search .wrap{display:flex;justify-content:flex-end}
.campus-search details{width:min(100%,480px);position:relative}.campus-search summary{cursor:pointer;list-style:none;font-size:12px;text-align:right;padding:5px 0}.campus-search summary::-webkit-details-marker{display:none}.campus-search summary span{font-size:20px;margin-left:16px}
.campus-search details[open] .search-form{position:absolute;right:0;top:100%;background:white;padding:20px;margin:0;width:100%;box-shadow:0 10px 25px #102f4d30;z-index:20}.campus-search summary:focus-visible{outline:2px solid #145c9e;outline-offset:2px}
.hero{min-height:650px;background:#102f4d;isolation:isolate}.hero-inner{min-height:575px;display:block;position:static}.hero-copy{padding:90px 0 55px;max-width:780px}.hero h1{font-size:clamp(40px,4.5vw,68px);line-height:1.5;letter-spacing:-1.5px;font-weight:500;margin:17px 0 20px}.hero h1 em{color:#8fcbff;font-style:normal}.hero .eyebrow{color:#c5e3ff;font-size:12px;letter-spacing:2.6px}.hero .intro{max-width:550px;color:#e2edf7;font-size:17px;line-height:1.9}.hero .actions{margin-top:28px;gap:28px;flex-wrap:wrap}.hero-visual{position:absolute;inset:0;margin:0;z-index:-2;min-height:100%;background:none}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071d33f2 3%,#123c62d6 35%,#16466b65 73%,#17496835)}.hero-img{object-position:center 44%;filter:saturate(.8)}.hero-bottom{border-top:1px solid #ffffff30;padding:21px 0;font-size:10px;letter-spacing:2px;color:#e5eff8}.hero-bottom a{font-size:13px;letter-spacing:0}
.button{border-radius:0}.button:hover{background:#1f6fb3}.button.gold{background:#3399ff;color:#102f4d}.button.gold:hover{background:#75baff}.hero .text-link{color:white}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin-top:0;padding:30px 0;border-bottom:1px solid var(--line);gap:0}.quick>a{padding:6px 22px;border-right:1px solid var(--line);gap:13px;min-width:0}.quick>a:first-child{padding-left:0}.quick>a:last-child{border:0;padding-right:0}.quick-number{display:block!important;color:#145c9e;font-size:13px}.quick strong{font-size:16px}.quick small{font-size:12px;color:var(--muted)}.quick>a:hover strong{color:#145c9e}
.section{padding:76px 0}.eyebrow.blue,.text-link.navy,.tag,.knowledge-type,.course-index,.education-links a{color:#145c9e}.eyebrow{letter-spacing:2.1px;font-size:12px}.section-heading h2,.identity h2{font-size:38px;line-height:1.5;font-weight:500;margin:4px 0 12px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px}.identity{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.identity-lead>p:not(.eyebrow){max-width:490px}.identity-pillars article{border-top:2px solid #3399ff;padding-top:21px}.identity-pillars h3{font-size:25px}.identity-pillars article>span{color:#145c9e;font-size:10px;letter-spacing:1.5px}
.news-section{background:#f1f7fd;padding:76px 0 84px}.campus-news-tabs{display:flex;gap:30px;flex-wrap:wrap;margin:0 0 30px;border-bottom:1px solid #ccdeee}.campus-news-tabs button{padding:13px 0;border:0;border-bottom:3px solid transparent;background:none;color:#5e7080;font-size:15px}.campus-news-tabs button[aria-selected=true]{color:#102f4d;border-bottom-color:#3399ff;font-weight:700}.campus-news-panel[hidden]{display:none}.campus-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.campus-news-card{background:white;min-width:0;border-bottom:2px solid #dde7f1}.campus-news-card>a{display:flex;flex-direction:column;height:100%}.campus-news-photo{aspect-ratio:4/3;overflow:hidden;background:#deecfa}.campus-news-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.campus-news-card a:hover img{transform:scale(1.04)}.campus-news-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:48px;letter-spacing:3px;color:#547a9b;background:linear-gradient(135deg,#dceeff,#edf6ff)}.campus-news-placeholder>span{font-size:8px;letter-spacing:2px}.campus-news-copy{padding:23px;display:flex;flex-direction:column;flex:1}.campus-news-copy h3{font-size:19px;font-weight:500;line-height:1.65;margin:10px 0 24px;overflow-wrap:anywhere}.campus-news-card a:hover h3{color:#145c9e}.campus-card-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #e0e9f2}.campus-card-meta time{font-size:12px}.campus-card-meta>span{color:#145c9e;font-size:21px}.campus-category-link{display:inline-block;margin-top:25px;border-bottom:1px solid #3399ff}.campus-empty{background:white;padding:28px}
.education{background:white}.tabs button[aria-selected=true]{color:#3399ff;border-bottom-color:#3399ff}.course-grid .course,.course-grid .course:last-child{background:#f5f9fd;border:1px solid #dae5ef;box-shadow:none}.course-index{font-size:12px}.course h3{font-weight:500}.course:hover{border-color:#3399ff}.education-links{border-color:#dce6ef}.education-links a{color:#145c9e}.course-empty{background:#f1f7fd}
.life{background:#102f4d;grid-template-columns:1.05fr 1fr}.life-photo{min-height:490px}.life-copy{padding:64px 12% 64px 10%}.life .eyebrow{color:#102f4d}.life h2{font-size:36px}.life p:not(.eyebrow){color:#dceafa}.community h2{color:#102f4d;font-size:36px}.admission{background:#e1f0ff;color:#102f4d}.admission .eyebrow,.admission p:last-child{color:#435f79}.admission h2{font-weight:500}.admission .button{background:#102f4d;color:white}
.slc-procurement-list{border-top-color:#3399ff}.slc-procurement-list a:hover,.slc-procurement-list a span{color:#145c9e}.slc-statistics{background:#d8ecff;color:#102f4d}.slc-leadership{background:#f1f7fd;color:#102f4d}.slc-leader-person h2,.slc-leader-position{color:#145c9e}.slc-leader-person h2,.slc-leader-quote{margin-top:0}.slc-footer .brand-mark{color:#3399ff;border-color:#3399ff}.footer-bottom{border-top-color:#ffffff20}.entry-content a,.primary-menu a:hover,.primary-menu a[aria-current=page],.slc-selected-menu a{color:#145c9e}.slc-motion-toggle{background:#fff;color:#102f4d}.slc-header #navigation a:hover{text-decoration-color:#3399ff}.slc-header .custom-logo{max-width:260px;height:auto;max-height:70px}.custom-logo-link+.brand{display:none}
@media(max-width:1150px){.slc-header .nav{flex-wrap:wrap;gap:0}.slc-header .nav>.brand-group{margin:0 auto 10px}.slc-header .nav>#navigation{width:100%;flex-basis:100%;border-top:1px solid var(--line)}.primary-menu{justify-content:center}.campus-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick strong{font-size:14px}.quick-number{display:none!important}.identity{gap:40px}}
@media(max-width:850px){.slc-header .nav{flex-wrap:nowrap;gap:15px;min-height:82px}.slc-header .nav>.brand-group{margin:0;flex:1}.slc-header .nav>#navigation{width:100%;border:0;max-height:65dvh;overflow:auto}.primary-menu{justify-content:flex-start}.slc-header .brand strong{font-size:19px}.hero{min-height:590px}.hero-inner{min-height:520px}.hero-copy{padding:60px 0 40px}.hero h1{font-size:50px}.hero-visual:after{background:linear-gradient(90deg,#071d33ee,#16466b88)}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 0}.quick>a{padding:0 20px}.quick>a:nth-child(3){padding-left:0}.identity{grid-template-columns:1fr}.life h2{font-size:29px}.life-copy{padding:45px 8%}.life-photo{min-height:420px}.slc-header .brand-group .custom-logo{max-width:300px;max-height:55px}.section-heading h2,.identity h2{font-size:33px}}
@media(max-width:580px){.utility .wrap>div{gap:12px;justify-content:space-between;width:100%}.utility a{font-size:10px!important}.utility a:last-child{display:none}.slc-header .brand strong{font-size:18px}.brand-mark{width:40px;height:48px;font-size:15px}.brand small{font-size:9px;letter-spacing:1px}.slc-header .nav{padding:12px 0}.hero{min-height:590px}.hero-inner{width:90%;min-height:520px}.hero-copy{padding:55px 0 34px}.hero h1{font-size:38px;letter-spacing:-.5px}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero .intro{font-size:15px}.hero .actions{gap:20px}.hero-bottom{font-size:8px;letter-spacing:.4px}.hero-bottom a{font-size:11px}.quick{padding:25px 0}.quick>a{gap:8px;padding:0 12px}.quick strong{font-size:13px}.quick small{font-size:10px}.quick>a>span:last-child{display:none}.section,.news-section{padding:50px 0}.identity-pillars h3{font-size:22px}.identity-pillars{gap:20px}.section-heading h2,.identity h2{font-size:30px}.campus-news-grid{grid-template-columns:1fr;gap:23px}.campus-news-copy{padding:22px}.campus-news-copy h3{font-size:21px}.campus-news-tabs{gap:20px}.campus-news-tabs button{font-size:13px}.life{grid-template-columns:1fr}.life-photo{min-height:280px}.life-copy{padding:40px 6%}.life h2{font-size:30px}.community{gap:20px}.community h2{font-size:29px}.slc-header .brand-group .custom-logo{max-width:245px}.campus-search details[open] .search-form{width:min(90vw,480px)}.hero-visual{position:absolute;inset:0;margin:0}}

/* Primary blue surfaces use white text. */
.life{background:#3399ff;color:#102f4d}.life p:not(.eyebrow){color:#102f4d}.life .button.gold{background:#102f4d;color:#fff}.admission .button{background:#3399ff;color:#102f4d}.admission .button:hover{background:#75baff}.campus-news-tabs button[aria-selected=true]{color:#145c9e}.tabs button[aria-selected=true]{color:#145c9e}

/* White type on the primary blue surfaces, including hover states. */
.button.gold,.button.gold:hover,.admission .button,.admission .button:hover,.life,.life h2,.life .eyebrow,.life p:not(.eyebrow),.slc-inner .slc-category a,.slc-play{color:#fff}.utility a:first-child{color:inherit}.has-blue-background-color:not(.has-text-color){color:#fff}

/* Two-panel cascading submenu. */
#navigation .sub-menu a{text-decoration:none!important}
@media(min-width:851px){
.slc-js .primary-menu>.has-children>.sub-menu{width:250px;min-width:250px;max-width:none;padding:12px 0;border:1px solid #dbe5ee;border-top:3px solid #3399ff;border-bottom:0;box-shadow:0 16px 34px #102f4d24}
.slc-js .primary-menu>.has-children:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}
.slc-js .sub-menu>.slc-menu-item{position:static;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;padding:0 10px}
.slc-js .sub-menu>.slc-menu-item>a{padding:10px;border-bottom:1px solid #e2e9f0;text-decoration:none!important;text-underline-offset:0}
.slc-js .sub-menu>.slc-menu-item>.submenu-toggle{min-width:36px;min-height:36px;padding:5px;color:#597086}
.slc-js .sub-menu>.slc-menu-item>.submenu-toggle span{display:inline-block;transform:rotate(-90deg)}
.slc-js .sub-menu>.slc-menu-item.submenu-open{background:#f1f7fd}
.slc-js .sub-menu>.slc-menu-item.submenu-open>a{color:#145c9e;font-weight:600}
.slc-js .sub-menu>.slc-menu-item>.sub-menu{display:none;position:absolute;top:-3px;left:100%;width:390px;min-width:390px;max-width:min(390px,calc(100vw - 280px));min-height:calc(100% + 3px);padding:17px 20px;background:#fff;border:1px solid #dbe5ee;border-top:3px solid #3399ff;border-bottom:0;box-shadow:10px 16px 34px #102f4d1c;z-index:13}
.slc-js .sub-menu>.slc-menu-item.submenu-open>.sub-menu{display:block}
.slc-js .primary-menu>.has-children:nth-last-child(-n+2)>.sub-menu>.slc-menu-item>.sub-menu{left:auto;right:100%;box-shadow:-10px 16px 34px #102f4d1c}
.slc-js .sub-menu .sub-menu>.slc-menu-item{display:block;padding:0}
.slc-js .sub-menu .sub-menu a{padding:10px 0;border-bottom:1px solid #edf1f5;font-weight:400;color:#30485e;text-decoration:none!important}
.slc-js .sub-menu .sub-menu a:before{content:"–";margin-right:8px;color:#3399ff}
.slc-js .sub-menu a:focus-visible,.slc-js .submenu-toggle:focus-visible{position:relative;z-index:2;outline:3px solid #3399ff;outline-offset:-2px}
}
@media(max-width:850px){
.slc-js .sub-menu>.slc-menu-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}
.slc-js .sub-menu>.slc-menu-item>.sub-menu{grid-column:1/-1;margin:0 0 8px 14px;width:calc(100% - 14px);border-left:2px solid #3399ff;background:#e7f3ff}
.slc-js .sub-menu>.slc-menu-item>.submenu-toggle span{display:inline-block;transition:transform .18s ease}
.slc-js .sub-menu>.slc-menu-item.submenu-open>.submenu-toggle span{transform:rotate(180deg)}
}