:root{--primary:#f57c00;--primary-dark:#d86400;--primary-soft:#fff3e0;--header-bg:#fff;--footer-bg:#171717;--primary-shadow:rgba(245,124,0,.24);--primary-glow:rgba(245,124,0,.45);--primary-muted-shadow:rgba(245,124,0,.08);--ink:#212121;--gray:#616161;--light:#f5f5f5;--border:#e7e7e7;--shadow:0 14px 40px rgba(33,33,33,.09);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Sarabun",sans-serif;color:var(--ink);background:#fff;line-height:1.7}.skip-link{position:absolute;left:-9999px;z-index:9999}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem}.topbar{background:#212121;color:#eee;font-size:.86rem;padding:.38rem 0}.topbar a{color:#fff;text-decoration:none}.site-header{background:rgba(255,255,255,.97);box-shadow:0 5px 20px rgba(0,0,0,.06);backdrop-filter:blur(10px)}.navbar{padding:.7rem 0}.navbar-brand strong,.navbar-brand small{display:block;font-family:"Kanit",sans-serif}.navbar-brand strong{font-size:1.12rem}.navbar-brand small{font-size:.72rem;color:var(--gray);font-weight:400}.brand-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#ffab40);color:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 9px 20px rgba(245,124,0,.25)}.navbar-nav .nav-link{font-family:"Kanit",sans-serif;font-weight:500;color:#333;padding:.75rem .58rem!important}.navbar-nav .nav-link:hover{color:var(--primary)}.dropdown-menu{border:0;border-radius:14px;box-shadow:var(--shadow);padding:.5rem}.dropdown-item{border-radius:9px;padding:.55rem .8rem}.dropdown-item:hover{background:#fff3e0;color:var(--primary)}.btn-search{background:#fff3e0;color:var(--primary);border-radius:12px}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.hero{position:relative;min-height:620px;background:linear-gradient(100deg,rgba(20,20,20,.92),rgba(20,20,20,.43)),var(--hero-bg,url("../img/hero-school.svg")) center/cover;color:#fff;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -15% -55% 40%;height:600px;background:radial-gradient(circle,rgba(245,124,0,.45),transparent 66%)}.hero-content{position:relative;z-index:2;max-width:780px;padding:6rem 0}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;color:var(--primary);font-family:"Kanit",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.hero .eyebrow{color:#ffcc80}.hero h1{font-family:"Kanit",sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1.08;font-weight:700;margin:1rem 0}.hero p{font-size:1.2rem;max-width:680px;color:#f0f0f0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.hero-actions .btn{border-radius:999px;padding:.8rem 1.25rem;font-family:"Kanit",sans-serif}.section{padding:5.5rem 0}.section-muted{background:var(--light)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem}.section-heading h2{font-family:"Kanit",sans-serif;font-size:clamp(1.8rem,3.5vw,2.65rem);margin:.25rem 0}.section-heading p{color:var(--gray);margin:0}.link-arrow{color:var(--primary);text-decoration:none;font-weight:700;white-space:nowrap}.quick-links{margin-top:-55px;position:relative;z-index:4}.quick-card{height:100%;background:#fff;border-radius:18px;padding:1.35rem;text-align:center;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);display:block;transition:.2s}.quick-card:hover{transform:translateY(-6px);color:var(--primary)}.quick-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:1.45rem;margin:0 auto .75rem}.news-card,.person-card,.download-card,.gallery-card,.content-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:100%;transition:.25s}.news-card:hover,.person-card:hover,.gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-image{aspect-ratio:16/10;object-fit:cover;width:100%;background:#eee}.news-body{padding:1.3rem}.news-meta{font-size:.83rem;color:var(--gray);display:flex;gap:1rem;flex-wrap:wrap}.category-badge{display:inline-block;color:#fff;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;margin-bottom:.65rem}.news-card h3{font-family:"Kanit",sans-serif;font-size:1.2rem;line-height:1.45}.news-card h3 a{color:var(--ink);text-decoration:none}.feature-news{min-height:420px;position:relative;border-radius:var(--radius);overflow:hidden;color:#fff;background:#333}.feature-news img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.67}.feature-news:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.92))}.feature-news-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2rem}.feature-news h3{font-family:"Kanit",sans-serif;font-size:1.8rem}.feature-news a{color:#fff;text-decoration:none}.announcement-list{background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.announcement-item{display:flex;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink)}.announcement-item:last-child{border:0}.date-box{min-width:64px;text-align:center;background:#fff3e0;color:var(--primary);border-radius:13px;padding:.45rem}.date-box strong{display:block;font-size:1.35rem;line-height:1}.date-box span{font-size:.74rem}.person-card{text-align:center;padding:1.5rem}.person-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:6px solid #fff3e0;margin-bottom:1rem}.person-card h3{font-family:"Kanit",sans-serif;font-size:1.2rem}.person-card p{color:var(--gray)}.stats-band{background:linear-gradient(125deg,#d86400,var(--primary),#ff9d2e);color:#fff;padding:4rem 0}.stat-item{text-align:center}.stat-item i{font-size:2rem}.stat-item strong{display:block;font-family:"Kanit",sans-serif;font-size:2.7rem;line-height:1.2}.download-card{padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.file-icon{min-width:54px;height:60px;border-radius:13px;background:#fff3e0;color:var(--primary);display:grid;place-items:center;font-size:1.6rem}.download-card h3{font-family:"Kanit",sans-serif;font-size:1.05rem}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-card-body{padding:1rem}.agency-logo{background:#fff;border:1px solid var(--border);border-radius:15px;padding:1rem;height:90px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:var(--ink);font-weight:600}.page-hero{background:linear-gradient(120deg,#222,#555);color:#fff;padding:4.5rem 0}.page-hero h1{font-family:"Kanit",sans-serif;font-size:clamp(2rem,5vw,3.5rem)}.content-wrap{padding:4rem 0}.content-card{padding:clamp(1.3rem,4vw,3rem)}.content-card img{max-width:100%;height:auto}.search-modal{border:0;border-radius:22px}.site-footer{background:#171717;color:#bbb;padding:4.5rem 0 0}.site-footer h2,.footer-title{color:#fff;font-family:"Kanit",sans-serif}.brand-mark-light{box-shadow:none}.footer-links{list-style:none;padding:0}.footer-links li{margin:.4rem 0}.footer-links a{color:#bbb;text-decoration:none}.footer-links a:hover{color:#ffb25d}.footer-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.footer-stats span{background:#242424;padding:.8rem;border-radius:12px}.footer-stats strong{display:block;color:#fff;font-size:1.2rem}.footer-bottom{border-top:1px solid #333;margin-top:3rem;padding:1.2rem 0;text-align:center;font-size:.86rem}.back-to-top{position:fixed;right:1.25rem;bottom:1.25rem;border:0;background:var(--primary);color:#fff;border-radius:50%;width:45px;height:45px;opacity:0;pointer-events:none;transition:.2s;z-index:99}.back-to-top.show{opacity:1;pointer-events:auto}.pagination .page-link{color:var(--primary)}.pagination .active .page-link{background:var(--primary);border-color:var(--primary)}
.dropend>.dropdown-menu{top:-.5rem;left:100%;margin-left:.15rem}.dropend>.dropdown-toggle:after{float:right;margin-top:.55rem}
@media(max-width:1199px){.navbar-collapse{padding:1rem 0}.btn-search{width:100%;margin-top:.5rem}.dropdown-menu{box-shadow:none;border-left:3px solid #ffe0b2}.dropend>.dropdown-menu{margin-left:1rem}.quick-links{margin-top:-25px}}
@media(max-width:767px){.topbar{display:none}.hero{min-height:560px}.hero-content{padding:4rem 0}.section{padding:4rem 0}.section-heading{align-items:flex-start;flex-direction:column}.quick-links{margin-top:0;padding-top:1rem}.feature-news{min-height:350px}.footer-stats{grid-template-columns:1fr}}

/* School logo */
.brand-mark{width:54px;height:54px;border-radius:50%;background:#fff;overflow:hidden;border:2px solid #fff;box-shadow:0 7px 18px rgba(245,124,0,.24)}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}

/* Quick links can grow without breaking the layout */
.quick-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:stretch}
.quick-link-grid .quick-card{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem}
.quick-link-grid .quick-card strong{font-family:"Kanit",sans-serif;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.35;overflow-wrap:anywhere}
@media(min-width:1200px){.quick-link-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
@media(min-width:1600px){.quick-link-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}}
@media(max-width:575.98px){.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.quick-link-grid .quick-card{min-height:128px;padding:1rem .7rem}.quick-icon{width:50px;height:50px;border-radius:15px;font-size:1.25rem}}

/* Balanced desktop navigation */
.site-header .navbar>.container{max-width:1760px}
.site-header .navbar-brand{flex:0 0 auto;margin-right:1.25rem}
.site-header .navbar-collapse{min-width:0}
.site-header .navbar-nav{flex-wrap:nowrap;gap:.08rem}
.site-header .navbar-nav .nav-link{white-space:nowrap;font-size:.93rem;padding:.76rem .48rem!important;line-height:1.35}
.site-header .btn-search{flex:0 0 46px;width:46px;height:46px;padding:0;display:grid;place-items:center}

@media(min-width:1400px){
  .site-header .navbar>.container{flex-wrap:wrap}
  .site-header .navbar-brand{width:100%;justify-content:center;margin:0;padding:.2rem 0 .72rem}
  .site-header .navbar-collapse{width:100%;flex-basis:100%;justify-content:center;border-top:1px solid #f0f0f0}
  .site-header .navbar-nav{margin-left:auto!important;margin-right:auto!important;align-items:center}
}

@media(max-width:1399.98px){
  .site-header .navbar>.container{max-width:1140px}
  .site-header .navbar-brand{margin-right:auto}
  .site-header .navbar-collapse{padding-top:1rem;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .site-header .navbar-nav{display:block}
  .site-header .navbar-nav .nav-link{font-size:1rem;padding:.65rem .85rem!important}
  .site-header .btn-search{width:100%;height:44px;margin-left:0!important}
  .site-header .dropdown-menu{position:static!important;transform:none!important;width:100%;box-shadow:none;border:0;border-left:3px solid color-mix(in srgb,var(--primary) 35%,#fff);border-radius:12px;margin:.15rem 0 .55rem 1rem;padding:.35rem;background:#fff}
  .site-header .dropend>.dropdown-menu{top:auto;left:auto;margin-left:1rem}
  .site-header .dropend>.dropdown-toggle:after{float:none;margin-left:.35rem;vertical-align:.12em;transform:rotate(90deg)}
  .site-header .dropdown-item{white-space:normal;padding:.6rem .8rem}
}

/* Contact and school map */
.map-contact-card{background:#fff;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.contact-panel{padding:clamp(1.6rem,4vw,3.2rem);display:flex;flex-direction:column;align-items:flex-start}
.contact-pin{width:62px;height:62px;border-radius:19px;background:#fff3e0;color:var(--primary);display:grid;place-items:center;font-size:1.7rem;margin-bottom:1.4rem}
.contact-panel h3{font-family:"Kanit",sans-serif;font-size:clamp(1.55rem,3vw,2.15rem);margin:.4rem 0 .8rem}
.contact-address{font-size:1.05rem;color:var(--gray);margin-bottom:1.3rem}
.contact-list{display:grid;gap:.75rem;width:100%;margin-bottom:1.7rem}
.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;border-bottom:1px solid #eee;color:var(--ink);text-decoration:none}
.contact-list i{width:42px;height:42px;border-radius:13px;background:var(--light);color:var(--primary);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto}
.contact-list span{min-width:0;overflow-wrap:anywhere}.contact-list small{display:block;color:var(--gray);font-size:.78rem}
.map-direction-btn{border-radius:999px;padding:.75rem 1.2rem;margin-top:auto}
.map-frame{height:100%;min-height:520px;background:#ece8df}
.map-frame iframe{display:block;width:100%;height:100%;min-height:520px;border:0}
@media(max-width:991.98px){.map-frame,.map-frame iframe{min-height:400px}.contact-panel{padding:2rem}.map-direction-btn{width:100%}}
@media(max-width:575.98px){.map-contact-card{border-radius:20px}.map-frame,.map-frame iframe{min-height:330px}.contact-panel{padding:1.4rem}.map-direction-btn{font-size:.95rem}}

/* Facebook page showcase */
.facebook-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);background:linear-gradient(135deg,#f7faff,#fff);border:1px solid #dfe8f5;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.facebook-intro{padding:clamp(1.7rem,4vw,3.4rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.facebook-icon{width:66px;height:66px;border-radius:20px;background:#1877f2;color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 12px 26px rgba(24,119,242,.24);margin-bottom:1.3rem}
.facebook-intro h3{font-family:"Kanit",sans-serif;font-size:clamp(1.5rem,3vw,2.15rem);margin-bottom:.7rem}.facebook-intro>p{color:var(--gray);font-size:1.05rem}
.facebook-benefits{list-style:none;padding:0;margin:1rem 0 1.7rem;display:grid;gap:.65rem}.facebook-benefits i{color:#1877f2;margin-right:.55rem}
.facebook-btn{background:#1877f2;color:#fff;border-radius:999px;padding:.75rem 1.25rem}.facebook-btn:hover{background:#0f65d8;color:#fff}
.facebook-embed-wrap{background:#eef3f9;padding:2rem;display:flex;align-items:center;justify-content:center;min-width:0}
.facebook-embed-wrap iframe{display:block;width:100%;max-width:500px;background:#fff;border-radius:12px!important;box-shadow:0 8px 24px rgba(29,53,87,.12)}
@media(max-width:991.98px){.facebook-showcase{grid-template-columns:1fr}.facebook-embed-wrap{padding:1.5rem}.facebook-intro{padding:2rem}}
@media(max-width:575.98px){.facebook-showcase{border-radius:20px}.facebook-intro{padding:1.4rem}.facebook-embed-wrap{padding:1rem}.facebook-embed-wrap iframe{height:560px}}

/* School information pages */
.info-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:1.7rem}
.info-toolbar h2{font-family:"Kanit",sans-serif;font-size:clamp(1.55rem,3vw,2.35rem);margin:.25rem 0 .35rem}
.info-toolbar p{color:var(--gray);margin:0}.year-filter{min-width:180px}
.mini-stat{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #ffe0b2;border-radius:18px;padding:1.15rem;box-shadow:0 10px 26px rgba(245,124,0,.08)}
.mini-stat span,.mini-stat small{display:block;color:var(--gray)}.mini-stat strong{font-family:"Kanit",sans-serif;font-size:2rem;color:var(--primary);line-height:1.15}
.info-table-card,.chart-card,.recommend-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(33,33,33,.06);overflow:hidden}
.info-table-card .table{margin:0}.info-table-card thead th{background:#fff3e0;color:#5d3400;border-bottom:0;font-family:"Kanit",sans-serif}.info-table-card tfoot th{background:#fafafa}
.chart-card{height:100%;padding:1.35rem}.chart-card h3,.recommend-card h3{font-family:"Kanit",sans-serif;font-size:1.2rem;margin-bottom:1rem}
.external-report-frame{border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.external-report-frame iframe{display:block;width:100%;height:720px;border:0;background:#fff}
.recommend-card{padding:1.45rem}.achievement-list{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.85rem}
.achievement-list li{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid #f0f0f0;border-radius:14px;background:#fff}
.achievement-list i{color:var(--primary);font-size:1.25rem;line-height:1.3}
@media(max-width:767.98px){.info-toolbar{align-items:flex-start;flex-direction:column}.year-filter{width:100%}.external-report-frame iframe{height:620px}}

/* Related laws */
.related-laws-intro{max-width:960px;margin:0 auto 2rem}.related-laws-intro h2{font-family:"Kanit",sans-serif;font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.3rem 0 .75rem}.related-laws-intro p{color:var(--gray);font-size:1.05rem;line-height:1.8;margin:0}.related-laws-filter{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:0 10px 30px rgba(33,33,33,.06);margin-bottom:1.7rem}.related-laws-filter .input-group-text{background:var(--primary-soft);color:var(--primary);border-color:var(--border)}.related-laws-filter .btn{height:calc(2.25rem + 2px)}.related-laws-result-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.related-laws-result-head h2{font-family:"Kanit",sans-serif;font-size:1.35rem;margin:0}.related-laws-result-head span{color:var(--gray);font-size:.92rem}.related-law-card{display:flex;gap:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:1.35rem;box-shadow:0 8px 24px rgba(33,33,33,.05);transition:transform .2s ease,box-shadow .2s ease}.related-law-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(33,33,33,.1)}.related-law-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-size:1.5rem}.related-law-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.related-law-category{display:inline-block;color:var(--primary-dark);font-size:.8rem;font-weight:700;margin-bottom:.35rem}.related-law-body h3{font-family:"Kanit",sans-serif;font-size:1.15rem;line-height:1.45;margin:0}.related-law-year{color:var(--primary-dark);font-weight:600;margin:.25rem 0 .55rem}.related-law-description{color:var(--gray);line-height:1.65;margin:0 0 .85rem}.related-law-source{display:flex;gap:.45rem;align-items:center;color:var(--gray);font-size:.92rem;margin:0 0 1rem}.related-law-source i{color:var(--primary)}.related-law-link{border-radius:999px;margin-top:auto;padding:.55rem 1rem;font-size:.92rem}.related-law-link i{margin-left:.35rem}.related-laws-empty{text-align:center;border:1px dashed #ddd;border-radius:20px;padding:3rem 1.25rem;background:#fafafa}.related-laws-empty>i{display:block;font-size:2.5rem;color:var(--primary);margin-bottom:.75rem}.related-laws-empty h2{font-family:"Kanit",sans-serif;font-size:1.3rem}.related-laws-empty p{color:var(--gray)}
@media(max-width:575.98px){.related-laws-filter{padding:1rem}.related-law-card{padding:1.1rem;gap:.85rem}.related-law-icon{width:45px;height:45px;flex-basis:45px;font-size:1.3rem}.related-law-body h3{font-size:1.05rem}.related-law-link{width:100%;text-align:center}.related-laws-result-head{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media(min-width:700px) and (max-width:767.98px){.related-laws-wrap>.container{max-width:720px}.related-laws-grid>.col-md-6{width:50%}}

/* Dynamic page details */
.breadcrumb-wrap{background:#fff8f0;border:1px solid #ffe0b2;border-radius:14px;padding:.75rem 1rem;margin-bottom:1.5rem}
.breadcrumb-wrap a{color:var(--primary);text-decoration:none;font-weight:600}.breadcrumb-wrap .active{color:var(--gray)}
.page-featured-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:18px;margin-bottom:1.5rem}
.page-attachment{display:flex;gap:1rem;align-items:center;margin-top:2rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:16px;background:#fafafa}
.page-attachment i{width:46px;height:46px;border-radius:14px;background:#fff3e0;color:var(--primary);display:grid;place-items:center;font-size:1.25rem;flex:0 0 auto}
.page-attachment strong,.page-attachment a{display:block}.page-attachment a{color:var(--primary);text-decoration:none;font-weight:700}
.pdf-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:1rem}.pdf-toolbar .btn{border-radius:999px}
.pdf-viewer-frame{width:100%;height:78vh;min-height:680px;border:1px solid var(--border);border-radius:12px;background:#f7f7f7}
.responsive-embed{position:relative;width:100%;min-height:720px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f7f7f7;box-shadow:0 10px 30px rgba(33,33,33,.06)}
.responsive-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.responsive-embed-video{min-height:0;aspect-ratio:16/9}
.embed-code-frame{margin-bottom:1.5rem}
.embed-code-frame:last-child{margin-bottom:0}
.embed-action-card{text-align:center;border:1px solid var(--border);border-radius:18px;background:#fafafa;padding:2rem}
.embed-action-card h2{font-family:"Kanit",sans-serif}
@media(max-width:767.98px){.pdf-viewer-frame{min-height:520px;height:70vh}.responsive-embed{min-height:520px}.responsive-embed-video{min-height:0}}

/* Mourning dark mode */
body.theme-mourning{--primary:#d8d8d8;--primary-dark:#b9b9b9;--ink:#f2f2f2;--gray:#b8b8b8;--light:#141414;--border:#333;--shadow:0 18px 46px rgba(0,0,0,.38);background:#080808;color:var(--ink)}
.theme-mourning .mourning-ribbon{background:linear-gradient(90deg,#000,#242424,#000);color:#fff;border-bottom:1px solid #3a3a3a;padding:.65rem 0;font-family:"Kanit",sans-serif;text-align:center}
.theme-mourning .mourning-ribbon .container{display:flex;gap:.65rem;align-items:center;justify-content:center}.theme-mourning .mourning-ribbon i{color:#e5e5e5}
.theme-mourning .topbar{background:#050505;color:#dcdcdc;border-bottom:1px solid #252525}.theme-mourning .topbar a{color:#fff}
.theme-mourning .site-header{background:rgba(12,12,12,.96);box-shadow:0 5px 24px rgba(0,0,0,.55);border-bottom:1px solid #282828}.theme-mourning .navbar-light .navbar-toggler{background:#f3f3f3;border-color:#555}
.theme-mourning .navbar-brand strong{color:#fff}.theme-mourning .navbar-brand small{color:#bdbdbd}.theme-mourning .brand-mark{filter:grayscale(1);border-color:#303030;box-shadow:0 8px 20px rgba(0,0,0,.5)}
.theme-mourning .navbar-nav .nav-link{color:#f0f0f0}.theme-mourning .navbar-nav .nav-link:hover,.theme-mourning .dropdown-item:hover,.theme-mourning .link-arrow{color:#fff}
.theme-mourning .dropdown-menu{background:#171717;border:1px solid #333;box-shadow:var(--shadow)}.theme-mourning .dropdown-item{color:#e7e7e7}.theme-mourning .dropdown-item:hover{background:#2a2a2a}
.theme-mourning .btn-search,.theme-mourning .date-box,.theme-mourning .file-icon,.theme-mourning .contact-pin,.theme-mourning .page-attachment i{background:#252525;color:#fff}
.theme-mourning .btn-primary{background:#f1f1f1;border-color:#f1f1f1;color:#111}.theme-mourning .btn-primary:hover{background:#d0d0d0;border-color:#d0d0d0;color:#000}
.theme-mourning .hero{background:linear-gradient(100deg,rgba(0,0,0,.94),rgba(0,0,0,.72)),var(--hero-bg,url("../img/hero-school.svg")) center/cover;filter:grayscale(.15)}.theme-mourning .hero:after{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 66%)}.theme-mourning .hero .eyebrow,.theme-mourning .eyebrow{color:#dcdcdc}
.theme-mourning .section-muted,.theme-mourning .content-wrap{background:#0d0d0d}.theme-mourning .quick-card,.theme-mourning .news-card,.theme-mourning .person-card,.theme-mourning .download-card,.theme-mourning .gallery-card,.theme-mourning .content-card,.theme-mourning .announcement-list,.theme-mourning .agency-logo,.theme-mourning .map-contact-card,.theme-mourning .facebook-showcase,.theme-mourning .info-table-card,.theme-mourning .chart-card,.theme-mourning .recommend-card,.theme-mourning .external-report-frame,.theme-mourning .page-attachment,.theme-mourning .embed-action-card,.theme-mourning .search-modal{background:#151515;border-color:#323232;color:#f0f0f0}
.theme-mourning .quick-card,.theme-mourning .announcement-item,.theme-mourning .news-card h3 a,.theme-mourning .agency-logo,.theme-mourning .contact-list>a,.theme-mourning .contact-list>div{color:#f0f0f0}.theme-mourning .quick-card:hover,.theme-mourning .footer-links a:hover{color:#fff}
.theme-mourning .news-meta,.theme-mourning .person-card p,.theme-mourning .section-heading p,.theme-mourning .contact-address,.theme-mourning .contact-list small,.theme-mourning .facebook-intro>p,.theme-mourning .info-toolbar p,.theme-mourning .breadcrumb-wrap .active{color:#b8b8b8}
.theme-mourning .feature-news img,.theme-mourning .gallery-card img,.theme-mourning .person-photo{filter:grayscale(1)}.theme-mourning .person-photo{border-color:#333}
.theme-mourning .stats-band{background:linear-gradient(125deg,#000,#222,#111)}.theme-mourning .page-hero{background:linear-gradient(120deg,#000,#1d1d1d);border-bottom:1px solid #333}
.theme-mourning .breadcrumb-wrap{background:#151515;border-color:#333}.theme-mourning .breadcrumb-wrap a,.theme-mourning .page-attachment a{color:#fff}
.theme-mourning .info-table-card thead th{background:#242424;color:#fff}.theme-mourning .info-table-card tfoot th{background:#1f1f1f;color:#fff}.theme-mourning .table{--bs-table-bg:#151515;--bs-table-color:#f0f0f0;--bs-table-border-color:#333;--bs-table-hover-bg:#202020;--bs-table-hover-color:#fff}
.theme-mourning .mini-stat{background:linear-gradient(135deg,#151515,#202020);border-color:#333}.theme-mourning .mini-stat strong{color:#fff}.theme-mourning .achievement-list li{background:#181818;border-color:#333}.theme-mourning .achievement-list i{color:#fff}
.theme-mourning .facebook-embed-wrap{background:#101010}.theme-mourning .facebook-icon,.theme-mourning .facebook-btn{background:#333}.theme-mourning .facebook-btn:hover{background:#444}
.theme-mourning .map-frame,.theme-mourning .external-report-frame iframe,.theme-mourning .pdf-viewer-frame,.theme-mourning .responsive-embed{background:#111;border-color:#333}
.theme-mourning .site-footer{background:#050505;border-top:1px solid #252525}.theme-mourning .footer-stats span{background:#151515}.theme-mourning .footer-bottom{border-top-color:#252525}
.theme-mourning .back-to-top{background:#f0f0f0;color:#111}.theme-mourning .modal-content{background:#151515;color:#f0f0f0}.theme-mourning .form-control{background:#101010;border-color:#333;color:#fff}.theme-mourning .form-control::placeholder{color:#888}
@media(min-width:1400px){.theme-mourning .site-header .navbar-collapse{border-top-color:#282828}}
@media(max-width:1399.98px){.theme-mourning .site-header .dropdown-menu{background:#171717;border-left-color:#444}}

/* Admin configurable light theme colors */
body.theme-light .site-header{background:color-mix(in srgb,var(--header-bg) 96%,transparent);box-shadow:0 5px 20px rgba(0,0,0,.06)}
body.theme-light .brand-mark{box-shadow:0 7px 18px var(--primary-shadow)}
body.theme-light .dropdown-item:hover,body.theme-light .btn-search,body.theme-light .date-box,body.theme-light .file-icon,body.theme-light .contact-pin,body.theme-light .page-attachment i,body.theme-light .mini-stat{background:var(--primary-soft)}
body.theme-light .hero:after{background:radial-gradient(circle,var(--primary-glow),transparent 66%)}
body.theme-light .mini-stat{border-color:color-mix(in srgb,var(--primary) 22%,#fff);box-shadow:0 10px 26px var(--primary-muted-shadow)}
body.theme-light .info-table-card thead th{background:var(--primary-soft);color:color-mix(in srgb,var(--primary-dark) 65%,#111)}
body.theme-light .breadcrumb-wrap{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 22%,#fff)}
body.theme-light .person-photo{border-color:var(--primary-soft)}
body.theme-light .site-footer{background:var(--footer-bg)}
body.theme-light .stats-band{background:linear-gradient(125deg,var(--primary-dark),var(--primary),color-mix(in srgb,var(--primary) 72%,#fff))}

/* Online media center */
.filter-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:0 10px 30px rgba(33,33,33,.06)}
.online-media-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 8px 24px rgba(33,33,33,.04);transition:.2s}
.online-media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.online-media-card h3{font-family:"Kanit",sans-serif;font-size:1.08rem;margin:.2rem 0 .35rem}
.online-media-thumb{width:86px;height:86px;border-radius:16px;object-fit:cover;flex:0 0 auto;background:#eee}
.online-media-icon{width:74px;height:74px;min-width:74px;border-radius:18px;font-size:1.8rem}
.theme-mourning .filter-card,.theme-mourning .online-media-card{background:#151515;border-color:#323232;color:#f0f0f0}
.theme-mourning .online-media-thumb{filter:grayscale(1);background:#222}
@media(max-width:575.98px){.online-media-card{flex-direction:column}.online-media-thumb,.online-media-icon{width:100%;height:150px}.online-media-icon{min-width:0}}

/* FAQ chatbot */
.school-chatbot{position:fixed;right:1.25rem;bottom:5rem;z-index:1040;font-family:"Sarabun",sans-serif}
.chatbot-toggle{width:58px;height:58px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);font-size:1.55rem;display:grid;place-items:center}
.chatbot-panel{position:absolute;right:0;bottom:72px;width:min(380px,calc(100vw - 2rem));height:min(560px,calc(100vh - 8rem));background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden;display:none;flex-direction:column}
.school-chatbot.open .chatbot-panel{display:flex}
.chatbot-header{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.chatbot-header strong,.chatbot-header small{display:block}.chatbot-header strong{font-family:"Kanit",sans-serif}.chatbot-header small{opacity:.85}.chatbot-header button{border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%}
.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;background:#fafafa;display:flex;flex-direction:column;gap:.75rem}
.chatbot-message{max-width:88%;padding:.72rem .9rem;border-radius:16px;white-space:pre-wrap;line-height:1.55}.chatbot-message.bot{background:#fff;border:1px solid var(--border);align-self:flex-start}.chatbot-message.user{background:var(--primary);color:#fff;align-self:flex-end}
.chatbot-message a{display:inline-block;margin-top:.45rem;color:var(--primary);font-weight:700;text-decoration:none}
.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:.45rem}.chatbot-suggestions button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.42rem .7rem;color:var(--ink);font-size:.9rem}
.chatbot-form{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid var(--border);background:#fff}.chatbot-form input{flex:1;border:1px solid var(--border);border-radius:999px;padding:.65rem .9rem;min-width:0}.chatbot-form button{border:0;background:var(--primary);color:#fff;border-radius:50%;width:42px;height:42px;flex:0 0 auto}
.theme-mourning .chatbot-panel,.theme-mourning .chatbot-form{background:#151515;border-color:#323232}.theme-mourning .chatbot-messages{background:#0d0d0d}.theme-mourning .chatbot-message.bot,.theme-mourning .chatbot-suggestions button{background:#1b1b1b;border-color:#333;color:#f0f0f0}.theme-mourning .chatbot-toggle,.theme-mourning .chatbot-form button{background:#f0f0f0;color:#111}.theme-mourning .chatbot-message.user{background:#333;color:#fff}.theme-mourning .chatbot-form input{background:#101010;border-color:#333;color:#fff}
@media(max-width:575.98px){.school-chatbot{right:1rem;bottom:4.5rem}.chatbot-panel{position:fixed;left:1rem;right:1rem;bottom:7.5rem;width:auto;height:min(540px,calc(100vh - 9rem))}.chatbot-toggle{width:54px;height:54px}}
.section-calendar {
    padding-top: 3rem;
}

.calendar-showcase {
    display: grid;
    grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
    gap: 1.5rem;
    align-items: stretch;
    border: 1px solid rgba(245, 124, 0, 0.18);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 243, 224, 0.95), rgba(255, 255, 255, 0.98));
    box-shadow: 0 22px 55px rgba(31, 41, 55, 0.10);
    overflow: hidden;
}

.calendar-intro {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.calendar-intro h2 {
    font-weight: 800;
    margin: 0.35rem 0 0.75rem;
}

.calendar-intro p {
    color: var(--muted);
    margin-bottom: 1.25rem;
}

.calendar-frame {
    min-height: 620px;
    padding: 1rem;
}

.calendar-frame iframe {
    width: 100%;
    height: 100%;
    min-height: 590px;
    border: 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.theme-mourning .calendar-showcase {
    border-color: rgba(255, 255, 255, 0.12);
    background: linear-gradient(135deg, rgba(30, 30, 30, 0.96), rgba(12, 12, 12, 0.98));
}

.theme-mourning .calendar-intro p {
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 991.98px) {
    .calendar-showcase {
        grid-template-columns: 1fr;
    }

    .calendar-intro {
        padding: 1.6rem;
    }

    .calendar-frame {
        min-height: 520px;
        padding-top: 0;
    }

    .calendar-frame iframe {
        min-height: 500px;
    }
}

.footer-contact-links {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

.footer-contact-links a {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    padding: .45rem .9rem;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .06);
    transition: .2s;
}

.footer-contact-links a:hover {
    background: #06c755;
    border-color: #06c755;
    color: #fff;
    transform: translateY(-2px);
}

/* ITA public dashboard */
.ita-dashboard-hero,.ita-detail-hero{background:linear-gradient(125deg,#073f42,#0d7275 58%,var(--primary));color:#fff;padding:4.5rem 0;position:relative;overflow:hidden}.ita-dashboard-hero:after,.ita-detail-hero:after{content:"";position:absolute;width:460px;height:460px;border:70px solid rgba(255,255,255,.07);border-radius:50%;right:-140px;top:-260px}.ita-hero-copy{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.ita-hero-copy img{width:118px;height:118px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.2))}.ita-dashboard-hero h1,.ita-detail-hero h1{font-family:"Kanit",sans-serif;font-size:clamp(2rem,4vw,3.3rem);margin:.25rem 0}.ita-dashboard-hero p,.ita-detail-hero p{font-size:1.12rem;opacity:.9;margin:0}.ita-dashboard{padding-top:3rem}.ita-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.ita-toolbar h2{font-family:"Kanit",sans-serif;margin:0}.ita-toolbar p{color:var(--gray);margin:0}.ita-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(145px,.55fr) minmax(145px,.55fr) auto;gap:.65rem;min-width:min(100%,760px)}.ita-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ita-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.35rem;box-shadow:0 12px 28px rgba(15,23,42,.05);display:flex;flex-direction:column;min-height:255px;transition:.2s}.ita-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.ita-card-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.ita-code{display:inline-flex;align-items:center;background:var(--primary-soft);color:var(--primary-dark);font-family:"Kanit",sans-serif;font-weight:700;border-radius:999px;padding:.28rem .7rem}.ita-card h3{font-family:"Kanit",sans-serif;font-size:1.2rem;margin:1rem 0 .45rem}.ita-card p{color:var(--gray);font-size:.94rem;margin:0}.ita-card-meta{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.8rem;color:var(--gray);margin-top:auto;padding-top:1rem}.ita-card .btn{align-self:flex-start}.ita-detail-hero .breadcrumb-wrap{background:transparent;border:0;padding:0}.ita-detail-hero .breadcrumb-item,.ita-detail-hero .breadcrumb-item a{color:rgba(255,255,255,.85)}.ita-detail-hero .breadcrumb-item+.breadcrumb-item:before{color:rgba(255,255,255,.6)}.ita-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:15px;margin-bottom:1rem;color:var(--gray);font-size:.92rem}.ita-content-card{min-height:280px}.theme-mourning .ita-card,.theme-mourning .ita-detail-meta{background:#151515;border-color:#323232;color:#eee}.theme-mourning .ita-card p,.theme-mourning .ita-card-meta,.theme-mourning .ita-detail-meta{color:#bbb}.theme-mourning .ita-code{background:#303030;color:#fff}
@media(max-width:991.98px){.ita-toolbar{align-items:stretch;flex-direction:column}.ita-filter{min-width:0}.ita-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.ita-dashboard-hero,.ita-detail-hero{padding:3rem 0}.ita-hero-copy{align-items:flex-start;gap:1rem}.ita-hero-copy img{width:78px;height:78px}.ita-filter{grid-template-columns:1fr}.ita-grid{grid-template-columns:1fr}.ita-detail-meta{gap:.6rem;flex-direction:column}}
/* Director status shown on the homepage leadership card. */
/* Independent news and album covers share dimensions for images and Canva embeds. */
.cms-cover{position:relative;width:100%;overflow:hidden;background:#fff3e0;isolation:isolate}
.cms-cover-news{aspect-ratio:16/10}.cms-cover-gallery{aspect-ratio:4/3}
.cms-cover>img,.cms-cover>iframe,.content-card .cms-cover>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.cms-cover>iframe{pointer-events:none}
.feature-news-has-cover{min-height:0;aspect-ratio:16/10}
.feature-news-has-cover .cms-cover-feature{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.feature-news-has-cover .cms-cover>iframe{opacity:.67}
.feature-news-has-cover h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.3}
.gallery-card h3 a{color:inherit;text-decoration:none}
.theme-mourning .cms-cover{filter:grayscale(1)}
@media(max-width:767px){.feature-news-has-cover{min-height:0;aspect-ratio:auto}.feature-news-has-cover .cms-cover-feature{position:relative;aspect-ratio:16/10;height:auto}.feature-news-has-cover .cms-cover>img,.feature-news-has-cover .cms-cover>iframe{opacity:1}.feature-news-has-cover:after{display:none}.feature-news-has-cover .feature-news-content{position:relative;padding:1.3rem}.feature-news-has-cover h3{font-size:1.4rem;display:block}}
.director-acting-note{display:block;font-size:.92em;margin-top:.25rem}

/* Homepage image slides sit between Quick Links and the school calendar. */
.home-slides{padding:1.25rem 0 2.75rem;background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}
.home-slides .carousel{border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(31,41,55,.16);background:#202020}
.home-slide-link{display:block;color:#fff;text-decoration:none}
.home-slides .carousel-item{position:relative;aspect-ratio:21/8;min-height:260px;background:#252525}
.home-slides .carousel-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.home-slide-overlay{position:absolute;inset:0;display:flex;align-items:end;padding:clamp(1.25rem,4vw,3.5rem);background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.22) 55%,rgba(0,0,0,.04))}
.home-slide-overlay>div{max-width:650px}.home-slide-overlay h2{font-family:"Kanit",sans-serif;font-size:clamp(1.35rem,3vw,2.35rem);margin:0 0 .35rem;color:#fff}.home-slide-overlay p{margin:0 0 1rem;font-size:clamp(.95rem,1.6vw,1.12rem);color:rgba(255,255,255,.92)}
.home-slides .carousel-indicators{margin-bottom:.55rem}.home-slides .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;margin:0 4px}.home-slides .carousel-control-prev,.home-slides .carousel-control-next{width:9%;opacity:.8}.home-slides .carousel-control-prev:hover,.home-slides .carousel-control-next:hover{opacity:1}
@media(max-width:575.98px){.home-slides{padding:1rem 0 2rem}.home-slides .carousel{border-radius:16px}.home-slides .carousel-item{aspect-ratio:4/3;min-height:250px}.home-slide-overlay{padding:1.25rem;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.05) 78%)}.home-slide-overlay p{font-size:.92rem}.home-slides .carousel-control-prev,.home-slides .carousel-control-next{display:none}}