:root{--green-950:#003c31;--green-900:#004b3c;--green-800:#08604d;--gold:#f4b73b;--gold-light:#f9dfa5;--ink:#102d27;--muted:#62706d;--cream:#fbfaf5;--line:#e6ebe8;--shadow:0 16px 45px rgba(2,55,44,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.site-body{margin:0;background:#fff;color:var(--ink);font-family:"Inter","Segoe UI",sans-serif}.site-body a{text-decoration:none}.site-container{width:min(1760px,calc(100% - 96px));margin:auto}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-wrap{min-height:72px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:310px}.brand img{width:50px;height:50px;object-fit:contain}.brand strong{display:block;font-family:Georgia,serif;font-size:18px;letter-spacing:.03em}.brand small{color:var(--gold);font-size:11px}.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.site-nav>a,.nav-dropdown>button{color:#fff;background:none;border:0;font:600 13px/1 inherit;padding:25px 0;cursor:pointer}.site-nav>a:hover,.site-nav>a.active,.nav-dropdown>button:hover{color:var(--gold)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:62px;left:-18px;width:220px;padding:10px;background:#fff;border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:13px}.nav-dropdown-menu a:hover{background:#edf6f2;color:var(--green-800)}.nav-cta,.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#17372e!important;border:0;border-radius:8px;padding:13px 18px;font-weight:800;font-size:13px;box-shadow:0 8px 22px rgba(239,184,65,.25)}.nav-toggle{display:none;margin-left:auto;color:#fff;background:none;border:0;font-size:27px}.hero{position:relative;min-height:560px;overflow:hidden;background:var(--green-950);border-bottom:3px solid #f4b73b;box-shadow:none}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,49,40,.98) 0%,rgba(0,55,45,.84) 38%,rgba(0,55,45,.08) 70%,rgba(0,55,45,0))}.hero-content{position:relative;z-index:2;padding-top:72px;color:#fff;max-width:none}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero h1{max-width:720px;font:700 clamp(44px,6vw,72px)/1.02 Georgia,serif;margin:18px 0}.hero h1 span{color:var(--gold)}.hero p{max-width:530px;font-size:16px;line-height:1.8;color:#e5eeeb}.hero-actions{display:flex;gap:14px;margin-top:28px}.btn-outline{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--gold);color:#fff;border-radius:8px;padding:13px 20px;font-weight:700;font-size:13px}.hero-dots{position:absolute;z-index:3;left:50%;bottom:28px;display:flex;gap:10px}.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#fff}.hero-dots button.active{width:28px;border-radius:8px;background:var(--gold)}.stats{position:relative;z-index:4;margin-top:0}.stats-inner{display:grid;grid-template-columns:repeat(5,1fr);background:var(--green-950);color:#fff;border:1px solid var(--gold);border-radius:22px;padding:25px 18px;box-shadow:var(--shadow)}.stat{display:flex;align-items:center;gap:14px;padding:3px 20px;border-right:1px solid rgba(255,255,255,.16)}.stat:last-child{border:0}.stat i{color:var(--gold);font-size:34px}.stat strong{font:700 24px Georgia,serif;display:block}.stat small{color:#cbd9d5;font-size:10px}.section{padding:82px 0}.section-soft{background:linear-gradient(#fbfcfa,#f5f8f6)}.section-heading{text-align:center;max-width:720px;margin:0 auto 34px}.section-kicker{color:var(--green-800);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.panel-title{font:700 34px/1.2 Georgia,serif;margin:10px 0;color:var(--ink)}.section-heading p{color:var(--muted);font-size:14px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:16px}.program-card{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;box-shadow:0 8px 28px rgba(7,60,49,.04);transition:.25s}.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.program-icon{width:66px;height:66px;margin:0 auto 18px;display:grid;place-items:center;background:var(--gold-light);border-radius:50%;font-size:29px;color:var(--green-950)}.program-card h3{font:700 17px Georgia,serif}.program-card p{min-height:62px;color:var(--muted);font-size:12px;line-height:1.65}.text-link{color:var(--green-800);font-size:12px;font-weight:800}.news-layout{display:grid;grid-template-columns:370px 1fr;gap:22px}.principal{position:relative;min-height:430px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#003f33,#002b24);color:#fff}.principal img{position:absolute;left:-15px;bottom:0;width:58%;height:88%;object-fit:contain;object-position:bottom}.principal-copy{position:relative;margin-left:46%;padding:38px 22px}.principal-copy h3{font:700 25px Georgia,serif}.principal-copy p{font-size:11px;line-height:1.75;color:#d8e5e1}.principal-copy strong{display:block;color:var(--gold);font-family:Georgia,serif}.news-panel,.media-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(5,50,41,.05)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font:700 17px Georgia,serif;margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.news-card img{width:100%;height:148px;object-fit:cover}.news-body{padding:14px}.news-meta{color:var(--green-800);font-size:9px;font-weight:800;text-transform:uppercase}.news-card h4{font:700 15px/1.35 Georgia,serif;margin:8px 0}.news-card p{font-size:11px;color:var(--muted);line-height:1.5}.media-section{padding-top:0}.media-panel{margin-bottom:24px}.photo-grid,.video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.photo-card img{width:100%;height:145px;object-fit:cover;border-radius:10px}.photo-card span,.video-card span{display:block;margin-top:8px;font-size:11px;font-weight:700;line-height:1.35}.video-thumb{position:relative}.video-thumb img{width:100%;height:130px;object-fit:cover;border-radius:10px}.play{position:absolute;inset:0;margin:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(0,45,37,.82);color:#fff}.cta-band{padding:0 0 70px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 45px;border-radius:18px;background:linear-gradient(120deg,#004638,#002f28);color:#fff}.cta-inner h2{font:700 27px Georgia,serif;margin:0 0 8px}.cta-inner p{margin:0;color:#cfddd9;font-size:13px}.site-footer{background:#003d32;color:#dbe6e2;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:40px}.footer-brand{min-width:0}.footer-brand p,.footer-col p{font-size:12px;line-height:1.8;color:#b9ccc6}.footer-col h4{color:#fff;font:700 16px Georgia,serif}.footer-col a{display:block;color:#c9d7d3;font-size:12px;margin:10px 0}.footer-col iframe{width:100%!important;height:150px!important;border-radius:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid rgba(239,184,65,.25);font-size:11px;color:#9fb7b0}.inner-content{min-height:55vh;padding:45px 0}.site-body #main{min-height:50vh}.site-body .breadcrumbs{padding-top:30px}.site-body .back-to-top{background:var(--gold);color:var(--green-950)}
@media(max-width:760px){.site-container{width:min(100% - 28px,760px)}.brand{min-width:0}.site-nav{display:none;position:absolute;top:82px;left:14px;right:14px;padding:18px;flex-direction:column;align-items:stretch;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav>a,.nav-dropdown>button{color:var(--ink);padding:8px;text-align:left}.nav-dropdown-menu{position:static;width:auto;box-shadow:none;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-cta{display:none}.nav-toggle{display:block}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat{border:0}.program-grid{grid-template-columns:repeat(2,1fr)}.news-layout{grid-template-columns:1fr}.photo-grid,.video-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-container{width:calc(100% - 24px)}.brand strong{font-size:14px}.brand small{font-size:9px}.brand img{width:44px;height:44px}.hero{min-height:570px}.hero-content{padding-top:80px}.hero h1{font-size:44px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.stats{margin-top:0}.stats-inner{grid-template-columns:1fr;border-radius:0}.stat{padding:12px 20px}.program-grid{grid-template-columns:1fr}.section{padding:58px 0}.principal{min-height:390px}.photo-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.photo-card img,.video-thumb img{height:110px}.cta-inner{padding:28px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}

/* Pixel-calibrated overrides for the supplied desktop reference. */
@media (min-width: 761px) {
  .site-container { width: min(1760px, calc(100% - 96px)); }
  .nav-wrap { gap: 24px; }
  .site-nav { gap: 20px; }
  .hero { min-height: 560px; border-radius: 0 0 8% 8%; }
  .stats { margin-top: -38px; }
  .program-grid { grid-template-columns: repeat(auto-fit, minmax(0, 282px)); }
  .program-card { padding: 28px 14px; }
  .program-card h3 { min-height: 42px; }
  .program-card p { min-height: 78px; }
  .news-layout { grid-template-columns: 520px 1fr; }
  .principal img { left: -38px; width: 62%; height: 92%; }
  .principal-copy { margin-left: 48%; padding: 38px 24px; }
}

@media (min-width:761px) and (max-width:1000px){
  .nav-wrap{width:calc(100% - 40px);gap:12px;min-height:80px}
  .brand{min-width:222px;gap:8px}.brand img{width:48px;height:48px}.brand strong{font-size:14px}.brand small{font-size:9px}
  .site-nav{gap:13px}.site-nav>a,.nav-dropdown>button{font-size:10px;padding:29px 0}.nav-cta{padding:11px 12px;font-size:10px}
  .hero{min-height:420px;border-radius:0 0 8% 8%}.hero-content{padding-top:118px}.hero h1{font-size:34px;max-width:390px;margin:12px 0}.hero p{max-width:305px;font-size:12px;line-height:1.72}.eyebrow{font-size:10px}.hero-actions{margin-top:18px;gap:14px}.btn-gold,.btn-outline{padding:10px 12px;font-size:10px}.hero-dots{bottom:16px}
  .stats{margin-top:0}.stats .site-container{width:calc(100% - 72px)}.stats-inner{height:100px;min-height:100px;padding:12px 10px;border-radius:18px}.stat{gap:7px;padding:2px 8px}.stat i{font-size:29px}.stat strong{font-size:22px}.stat small{font-size:7.5px;white-space:nowrap}
}@media (min-width: 601px) and (max-width: 760px) {
  .site-container { width: calc(100% - 48px); max-width: none; }
  .program-grid { grid-template-columns: repeat(auto-fit, minmax(0, 228px)); }
  .photo-grid, .video-grid { grid-template-columns: repeat(3, 1fr); }
}

.public-main{background:#f8faf8;min-height:60vh}.page-hero{position:relative;padding:88px 0 58px;overflow:hidden;background:linear-gradient(115deg,#003e32 0%,#005344 72%,#0b6a55 100%);color:#fff}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(239,184,65,.18),transparent 32%),repeating-radial-gradient(circle at 0 100%,transparent 0 16px,rgba(239,184,65,.045) 17px 18px)}.page-hero .site-container{position:relative;z-index:1}.page-hero h1{max-width:900px;margin:10px 0 12px;font:700 clamp(34px,4vw,54px)/1.12 Georgia,serif}.page-hero p{max-width:650px;color:#d5e2de;line-height:1.7}.page-hero nav{display:flex;align-items:center;gap:8px;margin-top:25px;font-size:12px}.page-hero nav a{color:var(--gold)}.page-hero nav span{color:#dbe7e3}.page-hero-compact{padding:68px 0 45px}.public-section{padding:70px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card,.content-panel,.side-panel,.video-page-card,.download-item,.partner-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 32px rgba(4,53,44,.05)}.article-card{overflow:hidden}.article-image{position:relative;display:block}.article-image img{width:100%;height:230px;object-fit:cover}.article-image span{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:6px;background:var(--green-900);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.article-body{padding:22px}.article-body small,.detail-meta,.file-copy span{color:#70807c;font-size:11px}.article-body h2{margin:10px 0;font:700 21px/1.35 Georgia,serif}.article-body h2 a{color:var(--ink)}.article-body p{color:var(--muted);font-size:13px;line-height:1.7}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px;align-items:start}.content-panel{padding:30px}.detail-cover{width:100%;max-height:520px;object-fit:cover;border-radius:12px}.detail-meta{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}.rich-content{padding-top:20px;color:#354a44;line-height:1.85}.rich-content img{max-width:100%;height:auto}.rich-content h1,.rich-content h2,.rich-content h3{font-family:Georgia,serif;color:var(--ink)}.side-panel{padding:22px;position:sticky;top:105px}.side-panel>h3{margin:0 0 15px;font:700 20px Georgia,serif}.side-news{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}.side-news img{width:80px;height:66px;object-fit:cover;border-radius:8px}.side-news strong{display:block;font:700 13px/1.35 Georgia,serif}.side-news small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.feature-detail{display:grid;grid-template-columns:42% 1fr;gap:28px;align-items:start}.feature-media img{width:100%;max-height:600px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.content-panel h2{font:700 34px/1.2 Georgia,serif}.staff-group{margin-bottom:65px}.staff-group .section-heading{margin-bottom:25px}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.staff-card{overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center;box-shadow:0 10px 30px rgba(3,48,40,.05)}.staff-photo{height:310px;background:linear-gradient(#edf5f2,#dceae5)}.staff-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.staff-card>div:last-child{padding:18px}.staff-card h3{margin:0 0 5px;font:700 18px Georgia,serif}.staff-card p{margin:0;color:var(--green-800);font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{position:relative;height:280px;overflow:hidden;border-radius:16px;box-shadow:var(--shadow)}.gallery-item:nth-child(5n+1){grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,35,29,.9))}.gallery-item>span{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;color:#fff}.gallery-item strong{display:block;font:700 17px Georgia,serif}.gallery-item small{font-size:10px;color:var(--gold)}.video-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-page-card{overflow:hidden}.ratio-video{aspect-ratio:16/9;background:#001f19}.ratio-video iframe{width:100%;height:100%;border:0}.video-page-card>div:last-child{padding:22px}.video-page-card h2{font:700 21px/1.35 Georgia,serif;margin:7px 0}.video-page-card p{color:var(--muted);font-size:12px;line-height:1.6}.download-list{display:grid;gap:15px}.download-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:22px 25px}.file-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:14px;background:var(--gold-light);color:var(--green-900);font-size:27px}.file-copy small{color:var(--green-800);font-weight:800}.file-copy h2{margin:5px 0;font:700 19px Georgia,serif}.file-copy p{margin:0 0 8px;color:var(--muted);font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.contact-copy{padding:15px}.contact-copy h2{font:700 36px Georgia,serif}.contact-copy>p{color:var(--muted)}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}.contact-cards article{display:flex;gap:13px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.contact-cards i{color:var(--gold);font-size:22px}.contact-cards small,.contact-cards strong{display:block}.contact-cards small{color:var(--muted);font-size:10px}.contact-cards strong{font-size:12px;margin-top:5px}.contact-cards .contact-btn{display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding:8px 14px;border-radius:999px;font-size:11px;font-weight:800;color:#fff!important;text-decoration:none!important;transition:.2s;box-shadow:0 6px 14px rgba(7,60,49,.12)}.contact-cards .contact-btn.phone{background:var(--green-800)}.contact-cards .contact-btn.phone:hover{background:#064b3c}.contact-cards .contact-btn.whatsapp{background:#0fa53c}.contact-cards .contact-btn.whatsapp:hover{background:#0c8a32}.contact-cards .contact-btn.email{background:#c98f22}.contact-cards .contact-btn.email:hover{background:#a87a1c}.contact-map{overflow:hidden;min-height:480px;border-radius:18px;box-shadow:var(--shadow)}.contact-map iframe{width:100%!important;height:100%!important;min-height:480px;border:0}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.partner-card{overflow:hidden}.partner-card img{width:100%;height:250px;object-fit:cover}.partner-card>div{padding:20px}.partner-card h2{font:700 20px Georgia,serif;margin:7px 0}
@media(max-width:760px){.article-grid,.gallery-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.detail-layout,.feature-detail,.contact-layout{grid-template-columns:1fr}.side-panel{position:static}.staff-grid{grid-template-columns:repeat(2,1fr)}.gallery-item:nth-child(5n+1){grid-column:span 1}}
@media(max-width:600px){.page-hero{padding:58px 0 38px}.public-section{padding:48px 0}.article-grid,.gallery-grid,.video-page-grid,.partner-grid,.staff-grid,.contact-cards{grid-template-columns:1fr}.content-panel{padding:20px}.article-image img{height:210px}.staff-photo{height:360px}.gallery-item{height:240px}.download-item{grid-template-columns:55px 1fr;padding:18px}.download-item .btn-gold{grid-column:1/-1}.file-icon{width:52px;height:52px}.contact-copy{padding:0}}






/* Final header and hero system */
.brand img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
.site-nav>a{position:relative}
.site-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;border-radius:2px;background:var(--gold)}
.hero:before{content:"";position:absolute;z-index:1;left:0;top:0;width:270px;height:100%;opacity:.18;background-image:radial-gradient(circle at 0 50%,transparent 0 13px,rgba(244,183,59,.65) 14px 15px,transparent 16px),linear-gradient(30deg,transparent 46%,rgba(244,183,59,.32) 47% 48%,transparent 49%);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}
.hero-slide{will-change:opacity}.hero-slide.active{z-index:0}
@media(max-width:760px){.site-nav>a.active:after{display:none}.hero:before{width:150px}}

@media(min-width:1001px){.hero{min-height:640px}.hero-content{padding-top:154px}.stats{margin-top:-16px}.stats-inner{height:116px;min-height:116px;padding:14px 20px;border-radius:18px}.stat{gap:14px;padding:3px 26px}.stat i{font-size:42px}.stat strong{font-size:27px;line-height:1.05}.stat small{font-size:10px;line-height:1.35;white-space:nowrap}}
.public-main .page-hero{padding-top:170px}.public-main .page-hero-compact{padding-top:150px}
@media(max-width:760px){.public-main .page-hero{padding-top:135px}.hero-content{padding-top:110px}}








/* Compact program section matched to the supplied reference */
.stats + .section{position:relative;overflow:hidden;padding:48px 0 60px;scroll-margin-top:90px}
.stats + .section:before,.stats + .section:after{content:"";position:absolute;top:0;bottom:0;width:190px;opacity:.16;pointer-events:none;background-image:radial-gradient(circle at 0 50%,transparent 0 12px,rgba(244,183,59,.75) 13px 14px,transparent 15px),linear-gradient(30deg,transparent 46%,rgba(244,183,59,.45) 47% 48%,transparent 49%);background-size:38px 38px}
.stats + .section:before{left:0;mask-image:linear-gradient(90deg,#000,transparent)}
.stats + .section:after{right:0;transform:scaleX(-1);mask-image:linear-gradient(90deg,#000,transparent)}
.stats + .section .section-heading{position:relative;z-index:1;margin-bottom:24px}
.stats + .section .section-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px}
.stats + .section .section-kicker:before,.stats + .section .section-kicker:after{content:"";width:34px;height:1px;background:var(--gold);box-shadow:10px 0 0 -0.25px var(--gold)}
.stats + .section .section-heading h2{font-size:30px;margin:8px 0}
.stats + .section .section-heading p{font-size:12px;margin:0}
.stats + .section .program-grid{position:relative;z-index:1;gap:14px}
.stats + .section .program-card{min-height:220px;padding:22px 12px 18px;display:flex;flex-direction:column;align-items:center}
.stats + .section .program-icon{width:54px;height:54px;margin:0 auto 12px;font-size:25px}
.stats + .section .program-card h3{margin:0 0 10px;font-size:15px;line-height:1.25}
.stats + .section .program-card p{min-height:50px;margin:0;color:var(--muted);font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.stats + .section .program-card .text-link{margin-top:12px;font-size:10px}
@media(max-width:760px){.stats + .section{padding:42px 0}.stats + .section:before,.stats + .section:after{width:80px}.stats + .section .program-card{height:auto;min-height:230px}.stats + .section .section-heading h2{font-size:26px}}

/* Principal and latest-news section matched to reference */
.stats + .section + .section{padding:38px 0 32px}
.stats + .section + .section .news-layout{grid-template-columns:39% minmax(0,1fr);gap:20px}
.stats + .section + .section .principal{min-height:452px;height:452px;border-radius:16px}
.stats + .section + .section .principal img{left:0;width:45%;height:100%;object-fit:cover;object-position:35% top}
.stats + .section + .section .principal-copy{height:100%;margin-left:38%;padding:22px 18px 18px 0;display:flex;flex-direction:column;align-items:flex-start}
.stats + .section + .section .principal-copy h3{margin:0 0 9px;font-size:28px;line-height:1.08}
.stats + .section + .section .quote-mark{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:15px;margin-bottom:7px}
.stats + .section + .section .quote-mark span{display:block;width:26px;height:1px;background:rgba(244,183,59,.55)}
.stats + .section + .section .principal-copy p{margin:0 0 11px;font-size:12px;line-height:1.6}
.stats + .section + .section .principal-copy strong{font-size:18px}
.stats + .section + .section .principal-copy small{font-size:11px;margin-top:4px}
.stats + .section + .section .principal-link{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:1px solid var(--gold);border-radius:7px;color:#fff;font-size:12px;font-weight:700}
.stats + .section + .section .news-panel{padding:16px;border-radius:16px}
.stats + .section + .section .panel-head{margin-bottom:12px}
.stats + .section + .section .panel-head h3{font-size:15px;text-transform:uppercase}
.stats + .section + .section .news-grid{gap:12px}
.stats + .section + .section .news-card{border-radius:9px;box-shadow:0 5px 16px rgba(3,48,40,.06)}
.stats + .section + .section .news-card>img{height:132px}
.stats + .section + .section .news-body{padding:11px}
.news-meta-row{display:flex;align-items:center;justify-content:space-between;gap:7px}
.news-badge{display:inline-flex;padding:4px 7px;border-radius:4px;background:var(--green-900);color:#fff;font-size:7px;font-weight:800;text-transform:uppercase}
.news-meta-row time{color:#6c7a77;font-size:8px;white-space:nowrap}
.stats + .section + .section .news-card h4{margin:9px 0 7px;font-size:13px;line-height:1.35}
.stats + .section + .section .news-card p{margin:0;font-size:9px;line-height:1.55}
@media(max-width:980px){.stats + .section + .section .news-layout{grid-template-columns:1fr}.stats + .section + .section .principal{max-width:560px;margin:auto}}
@media(max-width:600px){.stats + .section + .section{padding:30px 0}.stats + .section + .section .principal{height:auto;min-height:0;display:flex;flex-direction:column}.stats + .section + .section .principal img{position:static;left:auto;bottom:auto;width:100%;height:220px;object-fit:cover;object-position:center top}.stats + .section + .section .principal-copy{height:auto;margin-left:0;width:100%;padding:20px 18px 22px}.stats + .section + .section .principal-copy h3{font-size:22px}}





@media(min-width:1001px){.stats + .section .program-card p{font-size:13px;line-height:1.55;max-width:240px}}

/* Homepage photo carousel and zoom lightbox */
.photo-carousel{position:relative;overflow:visible}
.photo-track{display:flex;gap:12px;overflow:hidden;scroll-behavior:smooth}
.photo-track .photo-card{flex:0 0 calc((100% - 60px)/6);min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:zoom-in}
.photo-track .photo-card img{display:block;width:100%;height:145px;object-fit:cover;border-radius:10px;transition:transform .25s,filter .25s}
.photo-track .photo-card:hover img{transform:scale(1.025);filter:brightness(.9)}
.photo-track .photo-card span{display:block;margin-top:8px;font-size:11px;font-weight:700;line-height:1.35}
.carousel-arrow{position:absolute;z-index:3;top:50%;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green-900);box-shadow:0 6px 20px rgba(2,45,37,.13);transform:translateY(-25%);cursor:pointer}
.carousel-prev{left:-34px}.carousel-next{right:-34px}.carousel-arrow:hover{background:var(--green-900);color:#fff}
.carousel-dots{display:flex;justify-content:center;gap:6px;height:10px;margin-top:12px}.carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c8cecb}.carousel-dots button.active{background:var(--gold)}
.photo-lightbox{position:fixed;z-index:3000;inset:0;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(0,24,20,.92);backdrop-filter:blur(8px)}
.photo-lightbox.open{display:flex}.photo-lightbox figure{max-width:min(1100px,85vw);max-height:88vh;margin:0;text-align:center}.photo-lightbox figure img{display:block;max-width:100%;max-height:80vh;margin:auto;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.4)}.photo-lightbox figcaption{margin-top:12px;color:#fff;font-size:14px}
.lightbox-close,.lightbox-nav{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.lightbox-close{top:24px;right:28px;width:42px;height:42px}.lightbox-nav{top:50%;width:48px;height:48px;font-size:23px;transform:translateY(-50%)}.lightbox-prev{left:28px}.lightbox-next{right:28px}.lightbox-close:hover,.lightbox-nav:hover{background:var(--gold);color:var(--green-950)}
@media(max-width:980px){.photo-track .photo-card{flex-basis:calc((100% - 24px)/3)}.carousel-prev{left:-12px}.carousel-next{right:-12px}}
@media(max-width:600px){.photo-track .photo-card{flex-basis:calc((100% - 12px)/2)}.photo-lightbox{padding:18px}.lightbox-nav{width:38px;height:38px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}

/* Homepage video carousel and modal player */
.video-carousel{position:relative;overflow:visible}
.video-track{display:flex;gap:12px;overflow:hidden;scroll-behavior:smooth}
.video-track .video-card{flex:0 0 calc((100% - 60px)/6);min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.video-track .video-thumb img{height:145px}.video-track .video-card>span{font-size:11px}
.video-carousel-prev{left:-34px}.video-carousel-next{right:-34px}
.video-carousel-dots{display:flex;justify-content:center;gap:6px;height:10px;margin-top:12px}.video-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c8cecb}.video-carousel-dots button.active{background:var(--green-900)}
.video-lightbox{position:fixed;z-index:3100;inset:0;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(0,24,20,.94);backdrop-filter:blur(9px)}.video-lightbox.open{display:flex}
.video-player{width:min(1100px,84vw)}.video-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;box-shadow:0 22px 75px rgba(0,0,0,.45)}.video-player h3{margin:14px 0 0;color:#fff;text-align:center;font:700 19px Georgia,serif}
.video-lightbox-close,.video-lightbox-nav{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.video-lightbox-close{top:24px;right:28px;width:42px;height:42px}.video-lightbox-nav{top:50%;width:48px;height:48px;font-size:23px;transform:translateY(-50%)}.video-lightbox-prev{left:28px}.video-lightbox-next{right:28px}.video-lightbox-close:hover,.video-lightbox-nav:hover{background:var(--gold);color:var(--green-950)}
@media(max-width:980px){.video-track .video-card{flex-basis:calc((100% - 24px)/3)}.video-carousel-prev{left:-12px}.video-carousel-next{right:-12px}}
@media(max-width:600px){.video-track .video-card{flex-basis:calc((100% - 12px)/2)}.video-lightbox{padding:16px}.video-player{width:94vw}.video-lightbox-nav{width:38px;height:38px}.video-lightbox-prev{left:8px}.video-lightbox-next{right:8px}}

.video-thumb .play{position:absolute;inset:0;margin:auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:rgba(0,70,57,.86);color:#fff;line-height:1}.video-thumb .play i{display:block;margin:0;font-size:23px;line-height:1;transform:translateX(1px)}

.lightbox-close,.video-lightbox-close{font-family:Arial,sans-serif;font-size:30px;font-weight:400;line-height:1;padding:0 0 3px}.lightbox-close:hover,.video-lightbox-close:hover{color:var(--green-950)}

/* Homepage news slideshow */
.news-carousel{position:relative;overflow:visible}.news-carousel .news-grid{display:flex;gap:14px;overflow:hidden;scroll-behavior:smooth}.news-carousel .news-card{flex:0 0 calc((100% - 28px)/3);min-width:0}.news-carousel-prev{left:-18px}.news-carousel-next{right:-18px}.news-carousel-dots{display:flex;justify-content:center;gap:6px;height:10px;margin-top:14px}.news-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c8cecb}.news-carousel-dots button.active{background:var(--gold)}
@media(max-width:980px){.news-carousel .news-card{flex-basis:calc((100% - 12px)/2)}.news-carousel-prev{left:-12px}.news-carousel-next{right:-12px}}

/* CTA and footer matched to the second reference */
.cta-band{position:relative;z-index:3;padding:0;margin:0 0 -1px;background:#fff}
.cta-inner{position:relative;min-height:108px;display:grid;grid-template-columns:162px minmax(320px,1fr) auto;align-items:center;gap:10px;padding:0 27px;overflow:hidden;border:1px solid rgba(244,183,59,.72);border-bottom:3px solid #f4b73b;border-radius:15px;background:linear-gradient(105deg,#004b3d 0%,#003e33 48%,#00362d 100%);box-shadow:0 10px 28px rgba(1,50,41,.12)}
.cta-inner:before,.cta-inner:after{content:"";position:absolute;top:0;bottom:0;width:205px;opacity:.26;pointer-events:none;background-image:radial-gradient(circle at 0 50%,transparent 0 11px,rgba(244,183,59,.9) 12px 13px,transparent 14px),linear-gradient(30deg,transparent 46%,rgba(244,183,59,.75) 47% 48%,transparent 49%),linear-gradient(-30deg,transparent 46%,rgba(244,183,59,.45) 47% 48%,transparent 49%);background-size:36px 36px}
.cta-inner:before{left:0;mask-image:linear-gradient(90deg,#000 0%,#000 32%,transparent 100%)}.cta-inner:after{right:0;transform:scaleX(-1);mask-image:linear-gradient(90deg,#000 0%,#000 32%,transparent 100%)}
.cta-art,.cta-copy,.cta-actions{position:relative;z-index:1}.cta-art{align-self:end;width:162px;height:108px;display:flex;align-items:flex-end;justify-content:center;margin-left:-13px}.cta-art img{display:block;width:164px;height:116px;object-fit:fill;object-position:center bottom;filter:drop-shadow(0 0 10px rgba(244,183,59,.3))}
.cta-copy h2{margin:0 0 5px;font:700 24px/1.08 Georgia,serif}.cta-copy p{margin:0;color:#eef4f2;font-size:11px;line-height:1.45}.cta-actions{display:flex;align-items:center;gap:17px}.cta-actions .btn-gold,.cta-actions .btn-outline{min-width:178px;height:43px;justify-content:center;padding:0 18px;font-size:11px;border-radius:7px}.cta-actions .cta-whatsapp{min-width:184px;height:48px;justify-content:flex-start;gap:10px;padding:0 16px;border:0;background:#08a83f;color:#fff!important;box-shadow:0 7px 18px rgba(8,168,63,.28)}.cta-actions .cta-whatsapp i{color:#fff;font-size:23px}.cta-whatsapp span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.cta-whatsapp strong{font-size:12px;color:#fff}.cta-whatsapp small{margin-top:4px;font-size:8px;font-weight:700;color:#fff}.cta-actions .cta-whatsapp:hover{color:#fff!important;background:#079538;transform:translateY(-1px)}
.site-footer{margin:0;background:linear-gradient(110deg,#00483b,#00392f);padding:34px 0 12px;border-top:3px solid #f4b73b;box-shadow:inset 0 1px 0 rgba(255,231,169,.45)}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .75fr 1fr 1fr;gap:34px;align-items:start}.site-footer .brand{min-width:0;gap:9px}.site-footer .brand img{width:42px;height:42px}.site-footer .brand strong{font-size:14px}.site-footer .brand small{font-size:9px}.footer-brand p,.footer-col p{margin:10px 0 0;color:#d0dfda;font-size:10px;line-height:1.65}.footer-col h4{margin:0 0 10px;font-size:14px}.footer-col a{margin:7px 0;color:#d5e2de;font-size:10px}.footer-col a:hover{color:var(--gold)}
.footer-social{display:flex;gap:8px;margin-top:12px}.footer-social a{width:27px;height:27px;display:grid;place-items:center;margin:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;font-size:11px}.footer-social a:hover{border-color:var(--gold);background:var(--gold);color:var(--green-950)}
.footer-contact p{display:flex;align-items:flex-start;gap:8px;margin:0 0 9px}.footer-contact p i{flex:0 0 14px;color:#fff;font-size:11px}.footer-contact p span{font-size:9px;line-height:1.45}.footer-contact .contact-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:10px;font-weight:700;text-decoration:none!important;transition:.2s}.footer-contact .contact-btn i{flex:none;font-size:11px}.footer-contact .contact-btn:hover{border-color:var(--gold);background:rgba(244,183,59,.14);color:var(--gold)!important}.footer-contact .contact-btn.whatsapp:hover{border-color:#2ecc71;background:rgba(15,165,60,.18);color:#4ee08a!important}.footer-location iframe{display:block;width:100%!important;height:200px!important;border:0;border-radius:8px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:10px;border-top:2px solid rgba(244,183,59,.85);font-size:9px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:12px}.footer-bottom a{color:#adc4bd}.footer-bottom b{width:1px;height:13px;background:#f4b73b}
@media(max-width:980px){.cta-inner{grid-template-columns:110px 1fr;padding:10px 24px}.cta-actions{grid-column:1/-1;justify-content:center;padding-bottom:8px}.cta-art{width:108px;height:94px;margin-left:-8px}.cta-art img{width:112px;height:98px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-location{grid-column:span 2}}
@media(max-width:600px){.cta-inner{grid-template-columns:1fr;padding:22px}.cta-art{display:none}.cta-copy{text-align:center}.cta-actions{flex-direction:column;gap:10px}.cta-actions .btn-gold,.cta-actions .btn-outline{width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-location{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px}}

.site-footer{position:relative;overflow:hidden}.site-footer:after{content:"";position:absolute;right:0;top:0;width:220px;height:100%;opacity:.09;pointer-events:none;background-image:radial-gradient(circle at 0 50%,transparent 0 12px,rgba(244,183,59,.8) 13px 14px,transparent 15px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.site-footer>.site-container{position:relative;z-index:1}

.hero-actions .btn-outline{background:#07885f;color:#fff!important;border:1px solid #f4b73b;box-shadow:0 8px 22px rgba(0,68,54,.3);transition:background .2s,transform .2s,box-shadow .2s}.hero-actions .btn-outline i{color:#fff}.hero-actions .btn-outline:hover{background:#0aa473;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,68,54,.38)}
.hero-actions button.btn-outline{cursor:pointer;font-family:inherit}.video-lightbox.single-video .video-lightbox-nav{display:none}
/* PPDB opening popup - clean single source */
.ppdb-popup{position:fixed;z-index:5000;inset:0;display:none;align-items:center;justify-content:center;padding:8px;isolation:isolate;transform:translateZ(0);will-change:opacity}.ppdb-popup.open{display:flex}.ppdb-popup-backdrop{position:absolute;inset:0;background:rgba(0,38,34,.82);backdrop-filter:blur(7px);transform:translateZ(0)}
.ppdb-popup-card{position:relative;width:min(922px,calc(100vw - 28px));height:min(912px,calc(100vh - 16px));min-height:0;overflow:hidden;border:1.5px solid #d9a33a;border-radius:22px;background:#fffdf8;box-shadow:0 28px 90px rgba(0,25,21,.45);animation:ppdbPop .28s ease-out}
.ppdb-popup-card:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 922 912' preserveAspectRatio='none'%3E%3Cpath d='M461 31 C568 88 661 187 704 264 C770 272 824 320 849 359 L885 359 L885 404 L849 404 L849 850 C744 866 178 866 73 850 L73 404 L37 404 L37 359 L73 359 C98 320 152 272 218 264 C261 187 354 88 461 31Z' fill='%23fffefa' stroke='%23d9a33a' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M461 46 C560 103 647 196 686 279 C754 291 803 334 828 375 L862 375 L862 390 L831 390 M91 390 L60 390 L60 375 L94 375 C119 334 168 291 236 279 C275 196 362 103 461 46Z' fill='none' stroke='%23fff0cf' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M113 390 C208 300 320 164 461 46' fill='none' stroke='%23fff0cf' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M809 390 C714 300 602 164 461 46' fill='none' stroke='%23fff0cf' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 858 C205 884 717 884 922 858 L922 912 L0 912Z' fill='%23005342' stroke='%23d9a33a' stroke-width='7' stroke-linejoin='round'/%3E%3Cpath d='M0 858 C205 884 717 884 922 858' fill='none' stroke='%23f7dc9c' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.ppdb-popup-card:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:165px;height:250px;pointer-events:none;opacity:.38;background:radial-gradient(ellipse at -2% 75%,rgba(118,156,76,.24) 0 15%,transparent 16%),radial-gradient(ellipse at 102% 75%,rgba(118,156,76,.24) 0 15%,transparent 16%)}
.ppdb-popup-close{position:absolute;z-index:30;right:0;top:0;width:52px;height:52px;display:grid;place-items:center;border:1.5px solid #d9a33a;border-radius:0 20px 0 29px;background:#fffdf8;color:#004337;font-size:22px;line-height:1;cursor:pointer}.ppdb-popup-close i{display:none}.ppdb-popup-close:before{content:"\00D7";font:700 32px/1 Arial,sans-serif;color:inherit;transform:translateY(-1px)}.ppdb-popup-close:hover{background:var(--gold);color:#003c31}
.ppdb-popup-pattern{position:absolute;z-index:0;inset:0;opacity:.075;background-image:radial-gradient(circle at 0 0,transparent 0 15px,#e3c982 16px 17px,transparent 18px),linear-gradient(30deg,transparent 46%,#ead49a 47% 48%,transparent 49%),linear-gradient(-30deg,transparent 46%,#f2dfaa 47% 48%,transparent 49%);background-size:46px 46px}
.ppdb-arch{position:absolute;inset:0;overflow:hidden;border:0;background:none}.ppdb-arch:before,.ppdb-arch:after{display:none}
.ppdb-popup-content{position:absolute;z-index:5;left:0;right:0;top:104px;display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}.ppdb-popup-logo{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(0,0,0,.18))}
.ppdb-status{display:inline-flex;align-items:center;gap:14px;margin-top:8px;padding:7px 21px;border-radius:999px;background:#005342;color:#fff;font:900 14px/1 Georgia,serif;box-shadow:0 6px 16px rgba(0,58,47,.28)}.ppdb-status i,.ppdb-year span{display:block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.ppdb-popup h2{margin:10px 0 5px;color:#004337;font:900 42px/.96 Georgia,serif;letter-spacing:0}.ppdb-year{position:relative;width:470px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;color:#b27618;font:900 19px/1 Georgia,serif}.ppdb-year:before,.ppdb-year:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e3bd70)}.ppdb-year:after{background:linear-gradient(90deg,#e3bd70,transparent)}
.ppdb-ribbon{position:relative;width:510px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 13px;border:2px solid var(--gold);border-radius:10px;background:#005342;color:#fff;box-shadow:0 9px 24px rgba(0,63,50,.18)}.ppdb-ribbon:before,.ppdb-ribbon:after{content:"";position:absolute;top:50%;width:35px;height:35px;border:2px solid var(--gold);background:#005342;transform:translateY(-50%) rotate(45deg)}.ppdb-ribbon:before{left:-17px}.ppdb-ribbon:after{right:-17px}.ppdb-ribbon i{position:absolute;z-index:2;top:50%;width:8px;height:8px;background:var(--gold);transform:translateY(-50%) rotate(45deg)}.ppdb-ribbon i:first-child{left:20px}.ppdb-ribbon i:last-child{right:20px}.ppdb-ribbon strong{font:900 28px/1.02 Georgia,serif}.ppdb-ribbon small{margin-top:1px;font:800 15px/1.08 Inter,sans-serif}
.ppdb-popup-content p{max-width:560px;margin:0 0 14px;color:#254b44;font-size:15px;line-height:1.36}.ppdb-wave{width:420px;padding:9px 12px;border-radius:10px;background:#dfeedd;color:#23584b}.ppdb-wave strong,.ppdb-wave span{display:block}.ppdb-wave strong{font-size:14px;line-height:1.1;font-weight:900}.ppdb-wave span{font-size:12px;line-height:1.25;font-weight:800}.ppdb-countdown{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:330px;margin-top:6px;padding:8px 16px;border:1px solid #f1bc55;border-radius:9px;background:#fff6df;color:#745015;font-size:14px;font-weight:800}
.ppdb-lantern{position:absolute;z-index:6;top:170px;width:54px;height:82px;background:none}.ppdb-lantern:before{content:"";position:absolute;left:50%;top:-88px;width:1px;height:91px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(217,163,58,.1),rgba(217,163,58,.48))}.ppdb-lantern:after{content:"";position:absolute;inset:0;border:3px solid #d9a33a;border-radius:18px 18px 21px 21px;background:linear-gradient(90deg,transparent 0 18%,rgba(217,163,58,.38) 19% 22%,transparent 23% 47%,rgba(217,163,58,.55) 48% 52%,transparent 53% 77%,rgba(217,163,58,.38) 78% 81%,transparent 82%),radial-gradient(ellipse at 50% 54%,rgba(255,255,255,.95) 0 28%,rgba(255,232,172,.7) 46%,rgba(217,163,58,.18) 72%,transparent 73%);box-shadow:0 10px 22px rgba(217,163,58,.18),inset 0 0 0 2px rgba(255,244,216,.8)}.ppdb-lantern-left{left:132px}.ppdb-lantern-right{right:132px}
.ppdb-student{position:absolute;z-index:5;left:50%;bottom:-34px;width:590px;height:355px;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 0 20px rgba(255,255,255,.7))}
.ppdb-popup-actions{position:absolute;z-index:8;left:94px;right:94px;bottom:122px;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:center}.ppdb-action{width:100%;height:58px;min-height:58px;display:flex;align-items:center;gap:10px;padding:9px 16px;border:2px solid var(--gold);border-radius:9px;color:#fff!important;box-shadow:0 9px 18px rgba(0,40,33,.18);overflow:hidden}.ppdb-action>i{width:28px;min-width:28px;text-align:center;font-size:25px;line-height:1;flex:0 0 28px}.ppdb-action span{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;justify-content:center;line-height:1.02}.ppdb-action strong{font-size:14px;line-height:1.02;font-weight:900;white-space:nowrap}.ppdb-action small{font-size:10px;line-height:1.08;font-weight:800;white-space:nowrap}.ppdb-action b{margin-left:auto;font-size:23px;line-height:1;flex:0 0 auto}.ppdb-action-register{background:#005342}.ppdb-action-wa{background:#0fa53c}.ppdb-action-fee{background:linear-gradient(#f4484c,#c91522);border-color:#f06b6d}.ppdb-action-fee>i{font-size:24px}.ppdb-action-fee strong{font-size:14px}.ppdb-action-fee small{font-size:10px}
.ppdb-popup-values{position:absolute;z-index:7;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);min-height:72px;border-radius:0 0 20px 20px;background:#005342;color:#fff;overflow:visible}.ppdb-popup-values:before{content:"";position:absolute;z-index:0;left:-2px;right:-2px;top:-68px;height:88px;pointer-events:none;filter:drop-shadow(0 6px 7px rgba(95,59,5,.22));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 922 88' preserveAspectRatio='none'%3E%3Cpath d='M0 5 C120 56 265 70 461 70 C657 70 802 56 922 5 L922 88 L0 88Z' fill='%23005342'/%3E%3Cpath d='M0 5 C120 56 265 70 461 70 C657 70 802 56 922 5' fill='none' stroke='%23b87918' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M0 4 C120 55 265 69 461 69 C657 69 802 55 922 4' fill='none' stroke='%23d9a33a' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M2 1 C122 50 267 64 461 64 C655 64 800 50 920 1' fill='none' stroke='%23fff0c2' stroke-width='2.2' stroke-linecap='round' opacity='.95'/%3E%3Cpath d='M4 13 C126 61 270 75 461 75 C652 75 796 61 918 13' fill='none' stroke='%23875c14' stroke-width='2' stroke-linecap='round' opacity='.5'/%3E%3C/svg%3E") center/100% 100% no-repeat}.ppdb-popup-values:after{content:"";position:absolute;z-index:0;left:0;right:0;top:-2px;height:15px;background:linear-gradient(180deg,rgba(0,42,34,.28),rgba(0,83,66,0));pointer-events:none}.ppdb-popup-values div{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;align-content:center;column-gap:12px;padding:8px 40px 8px;border-right:1px solid rgba(244,183,59,.58);background:#005342}.ppdb-popup-values div:first-child{border-radius:0 0 0 20px}.ppdb-popup-values div:last-child{border-right:0;border-radius:0 0 20px 0}.ppdb-popup-values i{grid-row:1/3;align-self:center;color:var(--gold);font-size:32px}.ppdb-popup-values strong{font:900 19px/1 Georgia,serif;color:var(--gold)}.ppdb-popup-values span{font-size:10.5px;line-height:1.08}
@keyframes ppdbPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:701px){
  .ppdb-popup{align-items:flex-start;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:12px}
  .ppdb-popup-card{width:min(922px,calc(100vw - 28px));height:912px;min-height:912px;max-height:none;flex:0 0 auto;margin:0 auto;overflow:hidden}
}
@media(max-width:700px){
  .ppdb-popup{width:100%;height:100vh;height:100dvh;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));align-items:flex-start;justify-content:center;overflow:hidden}.ppdb-popup-backdrop{background:rgba(0,38,34,.92);backdrop-filter:blur(8px)}
  .ppdb-popup-card{width:min(410px,calc(100vw - 16px));height:calc(100vh - 16px);height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));max-height:none;min-height:0;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1.5px solid #d9a33a;background:#fffdf8;-webkit-overflow-scrolling:touch;scrollbar-width:none;isolation:isolate;transform:none!important;scale:none!important;zoom:1!important}.ppdb-popup-card::-webkit-scrollbar{display:none}
  .ppdb-popup-card:before{display:block;z-index:0;background-position:center top;background-size:132% 100%;pointer-events:none}.ppdb-popup-card:after{display:none}
  .ppdb-popup-close{right:8px;top:8px;width:39px;height:39px;border-radius:50%;background:#fffdf8;z-index:30}.ppdb-popup-close:before{font-size:29px}
  .ppdb-popup-pattern{z-index:0;opacity:.06;background-size:34px 34px;pointer-events:none}
  .ppdb-arch{position:relative;z-index:2;inset:auto;display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;padding:16px 12px 0;overflow-y:auto;overflow-x:hidden;background:transparent;transform:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ppdb-arch::-webkit-scrollbar{display:none}
  .ppdb-lantern{display:block!important;z-index:2;top:105px;width:28px;height:45px}.ppdb-lantern:before{top:-58px;height:60px}.ppdb-lantern:after{border-width:2px;border-radius:12px 12px 14px 14px}.ppdb-lantern-left{left:28px}.ppdb-lantern-right{right:28px}
  .ppdb-popup-content{position:relative;z-index:3;left:auto;right:auto;top:auto;display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 0 0;text-align:center;transform:none}.ppdb-popup-logo{position:static;width:clamp(46px,12.7vw,56px);height:auto;margin:0 auto 3px;transform:none}
  .ppdb-status{gap:7px;margin:0 auto 4px;padding:4px 14px;font-size:8px;min-height:20px}.ppdb-status i,.ppdb-year span{width:5px;height:5px}
  .ppdb-popup h2{position:static;width:100%;max-width:198px;margin:3px auto 4px;font-size:clamp(16px,4.35vw,20px);line-height:.98;text-align:center;transform:none}.ppdb-year{position:relative;width:100%;max-width:235px;margin:4px auto 8px;font-size:clamp(9px,2.55vw,11px);line-height:1.08;text-align:center}
  .ppdb-ribbon{position:relative;width:calc(100% - 100px);max-width:272px;min-height:38px;margin:0 auto 7px;padding:5px 8px;border-radius:7px;text-align:center}.ppdb-ribbon:before,.ppdb-ribbon:after{width:20px;height:20px}.ppdb-ribbon:before{left:-10px}.ppdb-ribbon:after{right:-10px}.ppdb-ribbon i:first-child{left:12px}.ppdb-ribbon i:last-child{right:12px}.ppdb-ribbon strong{font-size:clamp(12.5px,3.5vw,16px);line-height:1;white-space:normal}.ppdb-ribbon small{margin-top:2px;font-size:8px;line-height:1;color:var(--gold)}
  .ppdb-popup-content p{position:static;width:calc(100% - 58px);max-width:300px;margin:0 auto 7px;padding:0;font-size:clamp(9px,2.45vw,10.5px);line-height:1.28;text-align:center;transform:none}
  .ppdb-wave{position:static;width:calc(100% - 70px);max-width:284px;margin:0 auto 6px;padding:7px 9px;border-radius:8px;transform:none}.ppdb-wave strong{font-size:clamp(12px,3.25vw,14px);line-height:1.08}.ppdb-wave strong:before{content:"\F1F6";font-family:"bootstrap-icons";margin-right:6px;font-size:11px}.ppdb-wave span{margin-top:2px;font-size:clamp(7.3px,2vw,9px);line-height:1.18}
  .ppdb-countdown{position:static!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:1px;width:calc(100% - 92px);max-width:252px;min-width:0;margin:0 auto 5px;padding:6px 10px;border:1px solid #f1bc55;border-radius:8px;background:#fff6df;color:#745015;text-align:center;font-size:10px;font-weight:800;line-height:1.05}.ppdb-countdown i{font-size:12px;color:#a77820}.ppdb-countdown strong{display:block;margin-top:1px;font-size:clamp(15px,4.1vw,18px);line-height:1;color:#a67415}
  .ppdb-student{position:relative!important;display:block!important;z-index:3!important;left:auto!important;right:auto!important;bottom:auto!important;width:clamp(168px,48vw,205px);height:95px;margin:0 auto -4px;object-fit:contain;object-position:center bottom;transform:none!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.78))}
  .ppdb-popup-actions{position:relative;z-index:4;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr;gap:6px;width:calc(100% - 76px);max-width:286px;margin:0 auto 0;padding:0;transform:none}.ppdb-action{position:static;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:6px;width:100%;height:auto;min-height:40px;margin:0;padding:5px 10px;border-radius:7px;transform:none}.ppdb-action>i{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;flex-basis:24px;font-size:18px}.ppdb-action span{text-align:left}.ppdb-action strong{display:block;font-size:clamp(12.5px,3.45vw,15px);line-height:1;white-space:normal}.ppdb-action small{display:block;margin-top:1px;font-size:clamp(7.5px,2vw,9px);line-height:1;white-space:normal}.ppdb-action b{font-size:19px}.ppdb-action-fee{grid-template-columns:28px minmax(0,1fr) 18px;min-height:40px;text-align:left}.ppdb-action-fee>i,.ppdb-action-fee b{display:flex}.ppdb-action-fee span{text-align:left}.ppdb-action-fee small{font-size:clamp(7.5px,2vw,9px)}
  .ppdb-popup-values{position:relative;z-index:2;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% + 24px);min-height:70px;margin:auto -12px 0;border-radius:0 0 17px 17px;overflow:visible;flex:0 0 auto;box-shadow:none}.ppdb-popup-values:before{top:-36px;height:50px;filter:drop-shadow(0 3px 5px rgba(130,82,7,.16));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 922 50' preserveAspectRatio='none'%3E%3Cpath d='M0 4 C175 40 747 40 922 4 L922 50 L0 50Z' fill='%23005342'/%3E%3Cpath d='M0 4 C175 40 747 40 922 4' fill='none' stroke='%23b87918' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M0 2 C176 37 746 37 922 2' fill='none' stroke='%23d9a33a' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M5 1 C180 32 742 32 917 1' fill='none' stroke='%23fff0c2' stroke-width='1.8' stroke-linecap='round' opacity='.86'/%3E%3C/svg%3E") center/100% 100% no-repeat}.ppdb-popup-values:after{display:none!important;content:none!important}.ppdb-popup-values div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;min-width:0;min-height:70px;padding:8px 4px 6px;background:#005342;border-right:0!important}.ppdb-popup-values i{font-size:20px;line-height:1}.ppdb-popup-values strong{width:100%;font-size:clamp(10px,2.8vw,12px);line-height:.94;white-space:normal;overflow-wrap:anywhere}.ppdb-popup-values span{width:100%;max-width:84px;font-size:clamp(6px,1.65vw,7.3px);line-height:1.04;white-space:normal;overflow-wrap:anywhere}
}

/* Mobile homepage layout inspired by the supplied phone mockup */
.mobile-home-extra,.mobile-bottom-nav,.mobile-section-subtitle,.mobile-menu-overlay{display:none}
@media(max-width:600px){
  body.site-body{background:#f7faf8;padding-bottom:76px}
  .site-container{width:calc(100% - 28px)}
  .site-header{position:fixed;background:rgba(0,63,52,.96);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav-wrap{min-height:76px}.brand{gap:9px}.brand img{width:47px;height:47px}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{font-size:10px;color:#f4c65a}.nav-toggle{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;border-radius:10px;font-size:30px}.nav-cta{display:none}
  .site-nav{top:72px;left:14px;right:14px;border:1px solid rgba(244,183,59,.25);background:#fffdf8}

  .hero{min-height:560px;border-bottom:0;border-radius:0 0 34px 34px}.hero:before{width:145px;opacity:.2}.hero-slide{background-position:58% center}.hero-slide:after{background:linear-gradient(90deg,rgba(0,50,41,.98) 0%,rgba(0,55,45,.88) 47%,rgba(0,55,45,.22) 78%,rgba(0,55,45,.08))}
  .hero-content{padding-top:126px}.eyebrow{display:block;max-width:190px;font-size:11px;line-height:1.65}.eyebrow i{margin-right:6px}.hero h1{max-width:285px;margin:12px 0 14px;font-size:39px;line-height:.98}.hero p{max-width:285px;font-size:12px;line-height:1.7}.hero-actions{display:grid;grid-template-columns:1fr .8fr;gap:12px;margin-top:18px;align-items:center}.hero-actions .btn-gold,.hero-actions .btn-outline{height:43px;padding:0 13px;border-radius:7px;font-size:11px;white-space:nowrap}.hero-actions .btn-outline{background:rgba(0,65,53,.45)}.hero-dots{display:none}

  .stats{margin-top:-38px;padding:0 14px}.stats .site-container{width:100%}.stats-inner{grid-template-columns:repeat(3,1fr);gap:0;padding:18px 12px 14px;border-radius:18px;background:linear-gradient(145deg,#003f34,#002d27);box-shadow:0 16px 36px rgba(0,47,39,.25)}.stat{display:grid;justify-items:center;text-align:center;gap:6px;min-height:100px;padding:10px 6px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(244,183,59,.24)}.stat:nth-child(3),.stat:nth-child(5){border-right:0}.stat:nth-child(n+4){border-bottom:0}.stat:nth-child(4){grid-column:1/2}.stat:nth-child(5){grid-column:2/4}.stat i{font-size:28px}.stat strong{font-size:23px}.stat small{font-size:10px;line-height:1.25}

  .section{padding:42px 0}.stats + .section{padding-top:36px}.section-heading{margin-bottom:22px}.section-kicker{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:10px}.section-kicker:before,.section-kicker:after{content:"";width:28px;height:1px;background:#d7a039}.section-heading h2{font-size:24px;line-height:1.15}.section-heading p{font-size:12px;line-height:1.55}
  .program-grid{grid-template-columns:repeat(auto-fit, minmax(0, 260px))}.stats + .section .program-grid{gap:10px}.program-card{border-radius:11px}.stats + .section .program-card{min-height:205px;padding:18px 10px}.stats + .section .program-icon{width:58px;height:58px;margin-bottom:14px;font-size:24px}.stats + .section .program-card h3{font-size:13px;min-height:34px}.stats + .section .program-card p{min-height:58px;font-size:10px;line-height:1.55}.stats + .section .program-card .text-link{font-size:10px}

  #sambutan{padding-top:18px}.news-layout{display:block}.principal{height:360px;min-height:360px;margin-bottom:26px;border-radius:14px}.principal img{left:-28px;width:52%;height:88%}.principal-copy{margin-left:40%;padding:28px 16px}.principal-copy h3{font-size:22px;line-height:1.05}.principal-copy p{font-size:10px;line-height:1.65}.principal-link{display:inline-flex;margin-top:12px;min-width:120px;height:36px;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:7px;color:#fff;font-size:10px;font-weight:800}
  .news-panel{margin-top:18px;padding:17px 14px 18px;border:1px solid rgba(0,63,52,.12);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,42,34,.08)}.news-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.news-panel .panel-head>div{min-width:0}.news-panel .panel-head h3{display:flex;align-items:center;gap:7px;margin:0;font:900 17px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#003f34;white-space:nowrap}.news-panel .panel-head h3 i{font-size:15px;color:#003f34}.mobile-section-subtitle{display:none}.news-panel .panel-head .text-link{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12px;line-height:1;color:#00604d;white-space:nowrap}.news-carousel .news-grid{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:hidden;padding:0 0 13px;scroll-snap-type:x mandatory}.news-grid::-webkit-scrollbar,.photo-track::-webkit-scrollbar,.video-track::-webkit-scrollbar{display:none}.news-carousel .news-card{position:relative;flex:0 0 100%!important;max-width:100%!important;width:100%!important;min-height:0;scroll-snap-align:start;border:1px solid rgba(0,63,52,.09);border-radius:10px;background:#fff;box-shadow:none;overflow:hidden}.news-carousel .news-card:before{display:none}.stats + .section + .section .news-carousel .news-card>img,.news-carousel .news-card img{display:block;width:100%;height:192px!important;object-fit:cover;border:0;border-bottom:1px solid rgba(0,63,52,.08);border-radius:10px 10px 0 0}.news-carousel .news-body{padding:14px 14px 16px;background:#fff}.news-carousel .news-meta-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.news-carousel .news-badge{max-width:58%;padding:6px 10px;border-radius:7px;background:#005342;color:#fff;font-size:8.5px;line-height:1.12;font-weight:900;text-transform:uppercase;box-shadow:none}.news-carousel .news-meta-row time{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:11px;color:#697672;white-space:nowrap}.news-carousel .news-card h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px;color:#003f34;font:800 18px/1.28 Georgia,serif;text-transform:none}.news-carousel .news-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 13px;color:#66736f;font-size:12px;line-height:1.55}.news-read-more{display:inline-flex;align-items:center;gap:8px;color:#00604d;font-size:13px;font-weight:900}.news-read-more i{transition:transform .2s}.news-read-more:hover i{transform:translateX(3px)}.news-carousel-dots{margin-top:2px;margin-bottom:0;gap:8px}.news-carousel-dots button{width:7px;height:7px;background:#cfd7d4;transition:.2s}.news-carousel-dots button.active{width:9px;height:9px;background:#005342;box-shadow:0 0 0 4px rgba(0,83,66,.08)}
  .news-carousel .news-card,.news-carousel .news-card img,.news-carousel .news-body{outline:0!important}

  .media-section{padding:0 0 18px}.media-panel{padding:15px 12px;margin-bottom:16px;border-radius:14px}.photo-track,.video-track{overflow-x:auto;gap:10px}.video-track .video-card{flex:0 0 31%;min-width:31%}.video-track .video-thumb img{height:92px}.video-track .video-card>span{font-size:9px}.carousel-arrow{display:none}.carousel-dots,.video-carousel-dots,.news-carousel-dots{margin-top:8px}
  .photo-carousel{padding:16px 14px 18px;border:1px solid rgba(0,63,52,.12);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,42,34,.08)}
  .photo-carousel .panel-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px;margin-bottom:14px}
  .photo-carousel .panel-head h3{max-width:150px;margin:0;color:#102d27;font:800 20px/1.02 Georgia,serif;text-transform:none}
  .photo-carousel .panel-head h3 i{font-size:15px;color:#003f34;margin-right:4px}
  .photo-carousel .panel-head .text-link{display:inline-flex;max-width:110px;align-items:flex-start;gap:5px;color:#00604d;font-size:12px;line-height:1.25;font-weight:900;white-space:normal;text-align:left}
  .photo-carousel .photo-track{gap:10px;overflow:hidden;padding:0 0 2px}
  .photo-carousel .photo-track .photo-card{flex:0 0 calc((100% - 20px)/3);min-width:0;padding:0;border:0;background:transparent;color:#102d27;text-align:left}
  .photo-carousel .photo-track .photo-card img{width:100%;height:142px;object-fit:cover;border-radius:9px;box-shadow:none}
  .photo-carousel .photo-track .photo-card span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px;color:#102d27;font-size:11px;font-weight:900;line-height:1.18}
  .photo-carousel .carousel-dots{margin-top:13px;gap:7px}
  .photo-carousel .carousel-dots button{width:7px;height:7px;background:#cfd7d4}
  .photo-carousel .carousel-dots button.active{background:#f4b73b}
  .video-thumb .play{width:34px;height:34px}.video-thumb .play i{font-size:18px}

  .cta-band{padding:10px 0 20px;background:#f7faf8}.cta-inner{position:relative;display:block;min-height:318px;padding:24px 22px 24px 150px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 30% 63%,rgba(244,183,59,.2),transparent 25%),linear-gradient(135deg,#004638,#002d26)}.cta-inner:before,.cta-inner:after{width:145px}.cta-art{position:absolute;z-index:1;left:14px;bottom:22px;width:126px;height:190px;margin:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cta-art img{width:126px;height:178px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(244,183,59,.26))}.cta-copy,.cta-actions{position:relative;z-index:2}.cta-copy{text-align:left}.cta-copy h2{max-width:190px;margin-bottom:10px;font-size:25px;line-height:1.04}.cta-copy p{max-width:190px;font-size:11px;line-height:1.62}.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:14px}.cta-actions .btn-gold,.cta-actions .btn-outline,.cta-actions .cta-whatsapp{width:100%;min-width:0;height:46px}.cta-actions .btn-gold{justify-content:space-between;padding:0 14px}.cta-actions .cta-whatsapp{justify-content:flex-start;padding:0 14px}

  .mobile-home-extra{display:block;padding:0 0 22px;background:#f7faf8}.mobile-info-card,.mobile-location-card{margin-bottom:18px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px rgba(4,53,44,.06)}.mobile-info-card h3,.mobile-location-card h3{margin:0 0 12px;font:800 13px Inter,sans-serif;text-transform:uppercase}.mobile-info-card h3 i,.mobile-location-card h3 i{color:var(--gold)}.mobile-info-card>a:not(.mobile-more){position:relative;display:grid;grid-template-columns:42px 1fr 18px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ef;color:var(--ink)}.mobile-info-card>a span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f8e5b8;color:#004337}.mobile-info-card>a strong{font-size:12px;line-height:1.3}.mobile-info-card>a small{grid-column:2;font-size:10px;color:#788581}.mobile-info-card>a b{grid-row:1/3;grid-column:3;color:#66736f}.mobile-more{display:flex!important;justify-content:center;gap:8px;padding-top:14px;color:var(--green-800);font-size:12px;font-weight:900}.mobile-location-card iframe{width:100%;height:132px;border:0;border-radius:12px;filter:saturate(.85)}.mobile-location-card p{display:flex;gap:10px;margin:13px 0 0;font-size:12px;line-height:1.55;font-weight:800}.mobile-location-card p i{color:var(--green-800);font-size:19px}

  .site-footer{padding:24px 0 92px;border-top:0}.footer-grid{grid-template-columns:1fr;gap:0}.footer-brand{padding-bottom:16px}.site-footer .brand img{width:46px;height:46px}.site-footer .brand strong{font-size:15px}.footer-brand p{font-size:12px;line-height:1.7}.footer-social a{width:31px;height:31px}.footer-col{border-top:1px solid rgba(255,255,255,.15);padding:13px 0}.footer-col h4{position:relative;margin:0;font:800 13px Inter,sans-serif}.footer-col h4:after{content:"\2304";position:absolute;right:2px;color:var(--gold);font-size:18px;top:-3px}.footer-col a,.footer-col p,.footer-location iframe{display:none}.footer-bottom{margin-top:0;border-top:1px solid rgba(255,255,255,.15);font-size:10px;line-height:1.5}.footer-bottom>span:last-child{gap:8px;flex-wrap:wrap}
  .mobile-bottom-nav{position:fixed;z-index:4200;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:70px;padding:7px 10px 9px;background:linear-gradient(135deg,#004638,#002d26);box-shadow:0 -10px 30px rgba(0,35,29,.25);border-top:1px solid rgba(244,183,59,.28)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#fff;font:700 10px Inter,sans-serif}.mobile-bottom-nav i{font-size:22px}.mobile-bottom-nav .active{color:var(--gold)}
  .mobile-menu-overlay{position:fixed;inset:0;z-index:4300;display:none;background:rgba(0,20,16,.55)}
  .mobile-menu-overlay.open{display:block}
  .mobile-menu-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -14px 40px rgba(0,20,16,.3);animation:mobileMenuUp .22s ease-out}
  @keyframes mobileMenuUp{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
  .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
  .mobile-menu-header span{font:800 14px Inter,sans-serif;color:var(--ink);text-transform:uppercase;letter-spacing:.04em}
  .mobile-menu-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--gold);color:#17372e;font-size:20px;font-weight:800;line-height:1;padding:0}
  .mobile-menu-list{overflow-y:auto;padding:8px 10px 24px}
  .mobile-menu-list>a{display:block;padding:13px 10px;color:var(--ink);font-size:14px;font-weight:700;border-bottom:1px solid #f1f4f2}
  .mobile-menu-list>a.active{color:var(--green-800)}
  .mobile-menu-list details{border-bottom:1px solid #f1f4f2}
  .mobile-menu-list details summary{display:flex;align-items:center;justify-content:space-between;padding:13px 10px;color:var(--ink);font-size:14px;font-weight:700;list-style:none;cursor:pointer}
  .mobile-menu-list details summary::-webkit-details-marker{display:none}
  .mobile-menu-list details summary i{font-size:14px;color:var(--muted);transition:.2s}
  .mobile-menu-list details[open] summary i{transform:rotate(180deg)}
  .mobile-menu-list details.active summary{color:var(--green-800)}
  .mobile-menu-list .mobile-menu-sub{padding:0 0 8px 14px}
  .mobile-menu-list .mobile-menu-sub a{display:block;padding:10px;color:var(--muted);font-size:13px}
  .mobile-menu-list .mobile-menu-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:13px;border-radius:10px;background:var(--gold);color:#17372e;font-weight:800;font-size:13px}
}
@media(max-width:390px){
  .cta-copy h2{font-size:23px}.cta-copy h2,.cta-copy p{max-width:220px}.cta-actions .btn-gold,.cta-actions .cta-whatsapp{font-size:10px}
  .hero-actions{grid-template-columns:1fr!important}
  .photo-carousel .photo-track .photo-card{flex:0 0 calc((100% - 10px)/2)!important}
  .photo-carousel .photo-track .photo-card img{height:120px!important}
}
/* Final mobile PPDB polish: keep content inside mihrab and make footer curve continuous */
@media(max-width:700px){
  .ppdb-popup-card{
    width:min(430px,calc(100vw - 14px))!important;
    border-radius:20px!important;
  }
  .ppdb-popup-card:before{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 760' preserveAspectRatio='none'%3E%3Cpath d='M215 18 C275 58 324 122 349 201 C379 207 404 231 417 260 L429 260 L429 284 L416 284 L416 686 C364 707 66 707 14 686 L14 284 L1 284 L1 260 L14 260 C27 231 52 207 82 201 C106 122 155 58 215 18Z' fill='%23fffefa' stroke='%23d7a02b' stroke-width='4.6' stroke-linejoin='round'/%3E%3Cpath d='M0 676 C68 714 362 714 430 676 L430 760 L0 760Z' fill='%23005342'/%3E%3Cpath d='M0 676 C68 714 362 714 430 676' fill='none' stroke='%23d9a33a' stroke-width='4.4' stroke-linecap='round'/%3E%3C/svg%3E") center top/100% 100% no-repeat!important;
  }
  .ppdb-arch{
    padding:13px 12px 0!important;
    overflow:hidden!important;
  }
  .ppdb-popup-content{
    padding-top:12px!important;
  }
  .ppdb-popup-logo{
    width:clamp(50px,14vw,62px)!important;
    margin-bottom:2px!important;
    transform:translateY(8px)!important;
  }
  .ppdb-status{
    min-height:20px!important;
    margin-bottom:5px!important;
    padding:4px 15px!important;
    font-size:8.5px!important;
    transform:translateY(8px)!important;
  }
  .ppdb-popup h2{
    max-width:260px!important;
    margin:3px auto 5px!important;
    font-size:clamp(19px,5.2vw,25px)!important;
    line-height:.95!important;
    text-shadow:0 0 8px #fffefa,0 0 14px #fffefa!important;
    transform:translateY(30px)!important;
  }
  .ppdb-year{
    max-width:270px!important;
    margin-bottom:1px!important;
    font-size:clamp(9.5px,2.65vw,11.5px)!important;
    background:rgba(255,254,250,.92)!important;
    border-radius:999px!important;
    transform:translateY(30px)!important;
  }
  .ppdb-ribbon{
    width:calc(100% - 72px)!important;
    max-width:304px!important;
    min-height:38px!important;
    margin-top:8px!important;
    margin-bottom:2px!important;
    transform:translateY(38px)!important;
  }
  .ppdb-ribbon strong{
    font-size:clamp(14.5px,3.9vw,18px)!important;
  }
  .ppdb-popup-content p{
    width:calc(100% - 58px)!important;
    max-width:302px!important;
    margin-bottom:10px!important;
    font-size:clamp(8.8px,2.35vw,10.2px)!important;
    line-height:1.22!important;
    background:rgba(255,254,250,.86)!important;
    border-radius:8px!important;
    transform:translateY(42px)!important;
  }
  .ppdb-wave{
    width:calc(100% - 74px)!important;
    max-width:282px!important;
    margin-bottom:5px!important;
    padding:6px 9px!important;
    transform:translateY(42px)!important;
  }
  .ppdb-countdown{
    flex-direction:row!important;
    gap:6px!important;
    width:calc(100% - 74px)!important;
    max-width:282px!important;
    margin-bottom:8px!important;
    padding:7px 10px!important;
    font-size:10px!important;
    line-height:1!important;
    border-radius:8px!important;
    transform:translateY(42px)!important;
  }
  .ppdb-countdown i{font-size:10px!important}
  .ppdb-countdown strong{display:inline!important;margin:0!important;font-size:inherit!important;line-height:1!important;letter-spacing:0!important;color:inherit!important}
  .ppdb-student{
    width:clamp(188px,55vw,232px)!important;
    height:105px!important;
    margin:0 auto -8px!important;
    transform:translateY(34px)!important;
  }
  .ppdb-popup-actions{
    width:calc(100% - 96px)!important;
    max-width:266px!important;
    gap:5px!important;
    margin:0 auto 0!important;
    transform:translateY(34px)!important;
  }
  .ppdb-action{
    min-height:36px!important;
    padding:5px 9px!important;
    grid-template-columns:24px minmax(0,1fr) 15px!important;
    border-radius:8px!important;
  }
  .ppdb-action>i{
    width:25px!important;
    min-width:25px!important;
    flex-basis:25px!important;
    font-size:19px!important;
  }
  .ppdb-action strong{
    font-size:clamp(11.5px,3.05vw,13.5px)!important;
  }
  .ppdb-action small{
    font-size:clamp(6.6px,1.7vw,8px)!important;
  }
  .ppdb-popup-values{
    min-height:44px!important;
    margin:auto -12px 0!important;
    border-top:0!important;
    background:#005342!important;
  }
  .ppdb-popup-values:after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  .ppdb-popup-values:before{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  .ppdb-popup-values div{
    min-height:44px!important;
    padding:3px 4px 3px!important;
    box-shadow:none!important;
  }
  .ppdb-popup-values i{
    font-size:15px!important;
    margin-bottom:0!important;
  }
  .ppdb-popup-values strong{
    font-size:clamp(8px,2.15vw,10px)!important;
    line-height:.9!important;
  }
  .ppdb-popup-values span{
    max-width:76px!important;
    font-size:clamp(4.8px,1.25vw,6px)!important;
    line-height:1!important;
  }
}

/* PPDB responsive safety: compact layout for shorter/smaller phones */
@media(max-width:700px) and (max-height:620px){
  .ppdb-popup-card{
    width:min(410px,calc(100vw - 12px))!important;
  }
  .ppdb-arch{
    padding-top:8px!important;
  }
  .ppdb-popup-content{
    padding-top:6px!important;
  }
  .ppdb-popup-logo{
    width:clamp(44px,12.5vw,56px)!important;
    transform:translateY(4px)!important;
  }
  .ppdb-status{
    min-height:18px!important;
    padding:3px 12px!important;
    font-size:7.5px!important;
    transform:translateY(4px)!important;
  }
  .ppdb-popup h2{
    max-width:238px!important;
    font-size:clamp(17px,4.8vw,22px)!important;
    transform:translateY(18px)!important;
  }
  .ppdb-year{
    max-width:248px!important;
    font-size:clamp(8.5px,2.45vw,10.5px)!important;
    transform:translateY(18px)!important;
  }
  .ppdb-ribbon{
    width:calc(100% - 82px)!important;
    max-width:286px!important;
    min-height:34px!important;
    transform:translateY(26px)!important;
  }
  .ppdb-ribbon strong{
    font-size:clamp(12.5px,3.45vw,15.5px)!important;
  }
  .ppdb-ribbon small{
    font-size:7px!important;
  }
  .ppdb-popup-content p{
    max-width:286px!important;
    font-size:clamp(8px,2.2vw,9.5px)!important;
    line-height:1.18!important;
    margin-bottom:7px!important;
    transform:translateY(30px)!important;
  }
  .ppdb-wave{
    max-width:266px!important;
    padding:5px 8px!important;
    margin-bottom:4px!important;
    transform:translateY(30px)!important;
  }
  .ppdb-wave strong{
    font-size:clamp(10.5px,3vw,12.5px)!important;
  }
  .ppdb-wave span{
    font-size:clamp(6.5px,1.85vw,8px)!important;
  }
  .ppdb-countdown{
    max-width:266px!important;
    padding:6px 9px!important;
    font-size:9px!important;
    transform:translateY(30px)!important;
  }
  .ppdb-student{
    width:clamp(172px,51vw,214px)!important;
    height:92px!important;
    transform:translateY(26px)!important;
  }
  .ppdb-popup-actions{
    max-width:248px!important;
    gap:4px!important;
    transform:translateY(26px)!important;
  }
  .ppdb-action{
    min-height:32px!important;
    padding:4px 8px!important;
    grid-template-columns:22px minmax(0,1fr) 14px!important;
  }
  .ppdb-action>i{
    width:21px!important;
    min-width:21px!important;
    font-size:16px!important;
  }
  .ppdb-action strong{
    font-size:clamp(10px,2.75vw,12px)!important;
  }
  .ppdb-action small{
    font-size:clamp(5.8px,1.55vw,7px)!important;
  }
  .ppdb-popup-values{
    min-height:40px!important;
  }
  .ppdb-popup-values div{
    min-height:40px!important;
    padding:2px 3px!important;
  }
  .ppdb-popup-values i{
    font-size:13px!important;
  }
  .ppdb-popup-values strong{
    font-size:clamp(7px,1.95vw,9px)!important;
  }
  .ppdb-popup-values span{
    font-size:clamp(4.3px,1.15vw,5.5px)!important;
  }
}

/* Navbar audit polish */
.nav-dropdown.active > button{color:var(--gold)}

/* Profile detail / Sarana Prasarana showcase */
.profile-showcase{background:linear-gradient(180deg,#f7faf8 0%,#fff 46%,#f7faf8 100%)}
.profile-hero{background:
  radial-gradient(circle at 88% 18%,rgba(244,183,59,.2),transparent 28%),
  linear-gradient(120deg,#00382f 0%,#005344 70%,#0a705a 100%)}
.profile-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,42,34,.86),rgba(0,64,52,.45)),repeating-radial-gradient(circle at 0 100%,transparent 0 16px,rgba(244,183,59,.2) 17px 18px);opacity:.18;pointer-events:none}
.profile-hero .site-container{position:relative;z-index:2}
.profile-detail-section{padding-top:54px}
.profile-detail-grid{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);gap:30px;align-items:start}
.profile-visual-card{position:sticky;top:112px}
.profile-visual-frame{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(244,183,59,.45);box-shadow:0 24px 60px rgba(0,48,40,.13);background:#003c31}
.profile-visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,48,40,.86));pointer-events:none}
.profile-visual-frame img{display:block;width:100%;height:520px;object-fit:cover;transition:transform .45s ease}
.profile-visual-frame:hover img{transform:scale(1.035)}
.profile-visual-headmaster{min-height:560px;background:radial-gradient(circle at 42% 18%,rgba(244,183,59,.18),transparent 34%),linear-gradient(145deg,#00503f 0%,#00392f 48%,#002a24 100%)}
.profile-visual-headmaster:before{content:"";position:absolute;inset:20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 50% 55%,rgba(0,0,0,.18),transparent 38%);border:1px solid rgba(244,183,59,.14);pointer-events:none}
.profile-visual-headmaster:after{background:linear-gradient(180deg,rgba(0,48,40,.04) 0%,rgba(0,48,40,.02) 45%,rgba(0,33,28,.9) 100%)}
.profile-visual-headmaster img{position:relative;z-index:1;width:auto;height:620px;max-width:104%;margin:-34px auto 0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 28px rgba(0,0,0,.28))}
.profile-visual-headmaster:hover img{transform:translateY(-4px) scale(1.015)}
.profile-visual-badge{position:absolute;z-index:2;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(0,67,55,.9);color:#fff;border:1px solid rgba(244,183,59,.75);font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.profile-visual-badge i{color:var(--gold)}
.profile-headmaster-caption{position:absolute;z-index:2;right:20px;bottom:20px;max-width:none;padding:10px 14px;border-radius:999px;background:rgba(0,67,55,.9);border:1px solid rgba(244,183,59,.75);box-shadow:0 12px 30px rgba(0,0,0,.18);color:#fff;text-align:right;backdrop-filter:blur(8px)}
.profile-headmaster-caption strong{display:block;white-space:nowrap;color:var(--gold);font-family:inherit;font-size:12px;line-height:1;font-weight:800}
.profile-info-strip{display:grid;gap:11px;margin-top:14px}
.profile-info-strip div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#24433c;box-shadow:0 8px 26px rgba(4,53,44,.05);font-size:13px;font-weight:700}
.profile-info-strip i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--gold-light);color:var(--green-900);font-size:17px}
.profile-content-card{position:relative;overflow:hidden;border-radius:24px;padding:38px;border:1px solid rgba(0,75,60,.12);box-shadow:0 24px 70px rgba(0,48,40,.08)}
.profile-content-card:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(244,183,59,.12);pointer-events:none}
.profile-content-card .section-kicker{position:relative;z-index:1;color:var(--green-800)}
.profile-content-card h2{position:relative;z-index:1;max-width:760px;margin:10px 0 18px;font:800 clamp(30px,3.2vw,46px)/1.1 Georgia,serif;color:#092f28}
.profile-summary-box{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;margin:18px 0 8px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#eef8f2,#fff8e8);border:1px solid rgba(244,183,59,.34)}
.profile-summary-box i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#004b3c;color:var(--gold);font-size:18px}
.profile-summary-box p{margin:0;color:#37564f;font-size:14px;line-height:1.7}
.profile-rich-content{font-size:15px;line-height:1.9}
.profile-rich-content p:first-child{margin-top:0}
.profile-rich-content ul,.profile-rich-content ol{padding-left:22px}
.profile-rich-content li{margin:8px 0}
.profile-rich-content table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;overflow:hidden;border:1px solid var(--line);border-radius:14px}
.profile-rich-content th,.profile-rich-content td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.profile-rich-content tr:last-child th,.profile-rich-content tr:last-child td{border-bottom:0}
.profile-rich-content th{background:#eff7f3;color:#003c31}
.profile-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid #004b3c;border-radius:8px;color:#004b3c!important;background:#fff;font-weight:800;font-size:13px}
.btn-outline-dark:hover{background:#004b3c;color:#fff!important}
.profile-meta{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);border-bottom:0;padding-bottom:0}
.profile-detail-grid-org{grid-template-columns:minmax(320px,32%) minmax(0,1fr);gap:22px;align-items:start}
.profile-detail-grid-org .profile-content-card{align-self:start;overflow:hidden;max-height:none}
.profile-detail-grid-org .profile-content-card h2{font-size:clamp(40px,4vw,58px);line-height:.98;letter-spacing:-.03em}
.profile-detail-grid-org .profile-content-card .profile-rich-content{max-height:none;overflow:visible}
.profile-detail-grid-org .profile-content-card:before{right:-120px;top:-110px;width:250px;height:250px}
.profile-org-intro-card{position:sticky;top:112px;min-height:0;padding:34px 32px 30px;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid rgba(0,75,60,.14);box-shadow:0 18px 45px rgba(0,48,40,.07)}
.profile-org-intro-card h2{max-width:none;margin:10px 0 20px;color:#073b32;white-space:nowrap;font-size:clamp(26px,2.5vw,36px)!important;line-height:1.08}
.profile-org-intro-card .profile-summary-box{margin:0;padding:18px 18px;border-color:rgba(244,183,59,.45);background:linear-gradient(135deg,#f8fcf6,#fff9ec)}
.profile-org-intro-card .profile-summary-box p{margin:0;font-size:14px;line-height:1.75;color:#425a53}
.profile-org-intro-card .profile-summary-box i{flex:0 0 auto}
.profile-org-description{margin-top:22px;padding:20px 4px 0;border-top:1px solid rgba(0,75,60,.12);font-size:13px;line-height:1.72;color:#485f58;max-height:none!important;overflow:visible!important}
.profile-org-description p{margin:0 0 12px}
.profile-org-description p:last-child{margin-bottom:0}
.profile-org-description ol,.profile-org-description ul{padding-left:17px;margin:10px 0 0}
.profile-org-description li{margin:0 0 11px;padding-left:3px;font-size:12px;line-height:1.5;word-spacing:0;letter-spacing:0;text-align:justify;text-justify:inter-word}
.profile-org-description li::marker{color:#0a4b3f;font-size:.82em}
.profile-org-description li *{word-spacing:0!important;letter-spacing:0!important}
.profile-org-description h1,.profile-org-description h2,.profile-org-description h3,.profile-org-description h4{margin:12px 0 7px!important;font-size:15px!important;line-height:1.25!important;font-family:Georgia,serif!important;word-spacing:0!important;letter-spacing:0!important;text-align:left!important}
.profile-org-description h1 br,.profile-org-description h2 br,.profile-org-description h3 br,.profile-org-description h4 br{display:none}
.profile-org-description img,.profile-org-description table{display:none!important}
.org-chart-panel{align-self:start;position:sticky;top:112px;min-width:0;overflow:hidden;padding:18px;border:1px solid rgba(0,75,60,.13);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdfb);box-shadow:0 20px 60px rgba(0,48,40,.07)}
.org-chart-head{max-width:820px;margin:0 auto 14px;text-align:center}
.org-chart-head .section-kicker{display:block;color:#073b32;font:800 clamp(26px,2.5vw,36px)/1.08 Georgia,serif;text-transform:none;letter-spacing:0}
.org-chart-head h2{margin:8px 0 8px;font:800 clamp(28px,3vw,40px)/1.14 Georgia,serif;color:#092f28}
.org-chart-head p{margin:0;color:#526962;font-size:13px;line-height:1.7}
.org-chart-empty{margin:0;padding:14px;border-radius:10px;background:#f6faf8;color:#526962;font-size:13px;line-height:1.7}
.org-chart-group{margin-bottom:22px}
.org-chart-group:last-child{margin-bottom:0}
.org-chart-group-title{margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--gold);font:800 15px/1.2 Georgia,serif;color:#073b32}
.org-chart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.org-chart-member{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#f6faf8}
.org-chart-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#e2ede8}
.org-chart-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.org-chart-info{display:flex;flex-direction:column;min-width:0}
.org-chart-info strong{font-size:13px;color:#092f28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-chart-info small{font-size:11px;color:#5c7069}
.formal-org-chart{position:relative;width:100%;min-height:1260px;overflow:hidden;padding:12px 12px 24px;border:6px solid #0b8e16;background:#fff;box-shadow:inset 0 0 0 2px #111}
.org-chart-panel .formal-org-chart{transform:none;margin:0}
.formal-org-banner{display:grid;grid-template-columns:1fr;place-items:center;min-height:70px;margin-bottom:24px;border:3px solid #111;background:linear-gradient(180deg,#00ef1b,#e4ff18);text-align:center;text-transform:uppercase}
.formal-org-banner strong{display:block;color:#f1184c;-webkit-text-stroke:.7px #111;text-shadow:1.5px 1.5px 0 #fff;font:900 clamp(20px,2.5vw,36px)/1 Georgia,serif}
.formal-org-banner span{display:block;color:#fff;-webkit-text-stroke:.7px #111;text-shadow:1.5px 1.5px 0 #111;font:900 clamp(22px,2.8vw,39px)/1.05 Arial,sans-serif}
.formal-node{position:absolute;z-index:3;width:15.5%;min-height:60px;padding-top:15px;border:2px solid #111;background:#dbeaf8;text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.2)}
.formal-node strong{display:block;padding:6px 6px 5px;background:#045bd8;color:#fff;text-transform:uppercase;font:900 clamp(8px,.68vw,11px)/1.1 Georgia,serif}
.formal-node span{display:block;padding:8px 6px;color:#1b2730;font:800 clamp(8px,.64vw,10px)/1.25 Georgia,serif}
.formal-node-cream strong{background:#fff0d9;color:#1b1b1b}
.formal-node-green strong{background:#48a800;color:#fff}
.formal-node-cyan strong{background:#21a7db;color:#fff}
.formal-node-pink{background:#f5c9c9;min-height:34px}.formal-node-pink strong{padding:10px;background:#f5c9c9;color:#111}
.formal-avatar{position:absolute;left:50%;top:-16px;width:32px;height:32px;display:block;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#eef5f2;box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateX(-50%)}
.formal-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}
.formal-avatar-main{width:42px;height:42px;top:-25px}
.formal-node-head{left:50%;top:135px;transform:translateX(-50%)}
.formal-node-komite{left:22%;top:135px}
.formal-node-tu{right:8%;top:285px}
.formal-admin-children .formal-node:nth-child(1){right:31%;top:430px;width:15.5%}
.formal-admin-children .formal-node:nth-child(2){right:13.5%;top:430px;width:17%}
.formal-admin-children .formal-node:nth-child(3){right:0.5%;top:430px;width:12.5%}
.formal-waka-row .formal-node:nth-child(1){left:6%;top:570px}
.formal-waka-row .formal-node:nth-child(2){right:18%;top:555px}
.formal-lab-row .formal-node:nth-child(1){left:0.5%;top:735px}
.formal-lab-row .formal-node:nth-child(2){left:16.5%;top:735px}
.formal-lab-row .formal-node:nth-child(3){left:32.5%;top:735px}
.formal-right-programs .formal-node{width:15.2%}
.formal-right-programs .formal-node:nth-child(1){right:33%;top:710px}
.formal-right-programs .formal-node:nth-child(2){right:17%;top:710px}
.formal-right-programs .formal-node:nth-child(3){right:1%;top:710px}
.formal-right-programs .formal-node:nth-child(4){right:33%;top:875px;min-height:96px}
.formal-right-programs .formal-node:nth-child(5){right:17%;top:875px;min-height:96px}
.formal-right-programs .formal-node:nth-child(6){right:1%;top:875px;min-height:96px}
.formal-right-programs .formal-node:nth-child(n+4) span{font-size:clamp(7px,.58vw,9px);text-align:left;white-space:normal}
.formal-teacher{left:50%;top:1015px;transform:translateX(-50%)}
.formal-student{left:22%;right:14%;top:1160px;width:auto}
.formal-org-chart:before,.formal-org-chart:after{content:"";position:absolute;z-index:1;background:#111}
.formal-org-chart:before{left:50%;top:200px;width:2px;height:958px;transform:translateX(-50%)}
.formal-org-chart:after{left:22%;top:176px;width:28%;height:0;border-top:2px dashed #111}
.formal-org-top:before{content:"";position:absolute;z-index:1;left:50%;right:23.5%;top:318px;border-top:2px solid #111}
.formal-org-top:after{content:"";position:absolute;z-index:1;right:15.75%;top:350px;width:2px;height:55px;background:#111}
.formal-admin-children:before{content:"";position:absolute;z-index:1;left:61.25%;right:6.75%;top:405px;border-top:2px solid #111}
.formal-admin-children:after{display:none!important}
.formal-waka-row:before{content:"";position:absolute;z-index:1;left:13.75%;right:50%;top:535px;border-top:2px solid #111}
.formal-waka-row:after{content:"";position:absolute;z-index:1;left:50%;top:535px;width:2px;height:478px;background:#111;transform:translateX(-50%)}
.formal-lab-row:before{content:"";position:absolute;z-index:1;left:8.25%;right:59.75%;top:700px;border-top:2px solid #111}
.formal-lab-row:after{content:"";position:absolute;z-index:1;left:13.75%;top:633px;width:2px;height:67px;background:#111}
.formal-right-programs:before{content:"";position:absolute;z-index:1;right:8.75%;top:680px;width:31.7%;border-top:2px solid #111}
.formal-right-programs:after{display:none!important}
.formal-teacher:before{content:"";display:block!important;position:absolute;z-index:4;left:100%;top:34px;width:165%;border-top:2px solid #111;pointer-events:none}
.formal-teacher:after{content:"";position:absolute;z-index:1;left:50%;top:68px;width:2px;height:77px;background:#111;transform:translateX(-50%)}
.formal-student:before{display:none!important}
.formal-student:after{content:"";display:block!important;position:absolute;z-index:4;left:100%;right:-8.6%;top:32px;border-top:2px solid #111;pointer-events:none}
.formal-node:before{display:none!important}
.formal-avatar{z-index:4}
.formal-waka-row .formal-node:nth-child(1):after,
.formal-waka-row .formal-node:nth-child(2):after,
.formal-admin-children .formal-node:after,
.formal-lab-row .formal-node:after,
.formal-right-programs .formal-node:nth-child(-n+3):after,
.formal-right-programs .formal-node:nth-child(4):after,
.formal-right-programs .formal-node:nth-child(5):after,
.formal-right-programs .formal-node:nth-child(6):after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  width:2px;
  background:#111;
  transform:translateX(-50%);
  pointer-events:none;
}
.formal-admin-children .formal-node:after{top:-27px;height:27px}
.formal-waka-row .formal-node:nth-child(1):after{top:-35px;height:35px}
.formal-waka-row .formal-node:nth-child(2):after{top:58px;height:67px}
.formal-waka-row .formal-node:nth-child(2):before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:1;
  left:-111%;
  top:-28px;
  width:160.5%;
  height:28px;
  border-top:2px solid #111;
  border-right:2px solid #111;
  background:transparent;
  transform:none;
  pointer-events:none;
}
.formal-lab-row .formal-node:after{top:-35px;height:35px}
.formal-right-programs .formal-node:nth-child(-n+3):after{top:-31px;height:31px}
.formal-right-programs .formal-node:nth-child(4):after,
.formal-right-programs .formal-node:nth-child(5):after,
.formal-right-programs .formal-node:nth-child(6):after{top:-96px;height:96px}
.formal-right-programs .formal-node:nth-child(5):after{top:-88px;height:88px}
.formal-right-programs .formal-node:nth-child(6):after{top:-96px;height:96px}
.formal-right-programs .formal-node:nth-child(6):before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:1;
  left:50%;
  top:96px;
  width:2px;
  height:223px;
  background:#111;
  transform:translateX(-50%);
  pointer-events:none;
}
@media(min-width:1400px){
  .profile-detail-grid-org{grid-template-columns:minmax(320px,28%) minmax(0,1fr);gap:28px}
}
@media(min-width:901px) and (max-width:1180px){
  .profile-detail-grid-org{grid-template-columns:minmax(235px,28%) minmax(0,1fr);gap:18px}
  .org-chart-panel{padding:14px;border-radius:18px}
  .org-chart-head h2{font-size:24px}
  .org-chart-head p{font-size:11px}
}

@media(max-width:900px){
  .profile-detail-grid{grid-template-columns:1fr}
  .profile-detail-grid-org{grid-template-columns:1fr}
  .profile-org-intro-card{position:relative;top:auto}
  .org-chart-panel{position:static;overflow:auto}
  .profile-visual-card{position:static}
  .profile-visual-frame img{height:420px}
  .profile-visual-headmaster{min-height:460px}
  .profile-visual-headmaster img{height:520px;max-width:104%;margin-top:-28px}
  .profile-headmaster-caption{right:16px;bottom:16px}
  .profile-headmaster-caption strong{font-size:12px}
}
@media(max-width:600px){
  .profile-detail-section{padding-top:34px}
  .profile-content-card{padding:22px;border-radius:18px}
  .profile-content-card h2{font-size:28px}
  .profile-visual-frame{border-radius:18px}
  .profile-visual-frame img{height:260px}
  .profile-visual-headmaster{min-height:380px}
  .profile-visual-headmaster img{height:430px;max-width:106%;margin-top:-20px}
  .profile-headmaster-caption{left:auto;right:16px;bottom:16px;max-width:none;text-align:right;padding:10px 12px}
  .profile-headmaster-caption strong{font-size:11px}
  .profile-info-strip div{font-size:12px}
  .profile-summary-box{grid-template-columns:1fr}
  .profile-action-row a{width:100%}
  .org-chart-panel{padding:20px 14px;border-radius:18px}
  .org-chart-panel .formal-org-chart{transform:none;margin-right:0;margin-bottom:0}
  .formal-org-chart{min-width:1080px}
}
@media(min-width:1001px) and (max-width:1180px){
  .site-container.nav-wrap{width:calc(100% - 34px)}
  .nav-wrap{gap:14px}
  .brand{min-width:235px;gap:9px}
  .brand img{width:48px;height:48px}
  .brand strong{font-size:14px}
  .brand small{font-size:9px}
  .site-nav{gap:13px}
  .site-nav>a,.nav-dropdown>button{font-size:11px}
  .nav-cta{padding:11px 12px;font-size:11px}
}
@media(max-width:760px){
  .nav-dropdown > button{width:100%;display:flex;align-items:center;justify-content:space-between}
  .nav-dropdown.open .nav-dropdown-menu{display:block}
  .site-nav.open{max-height:calc(100vh - 96px);overflow:auto}
}

@media(max-width:360px), (max-width:700px) and (max-height:560px){
  .ppdb-popup{
    padding:6px!important;
  }
  .ppdb-popup-card{
    width:calc(100vw - 12px)!important;
    height:calc(100dvh - 12px)!important;
  }
  .ppdb-popup-close{
    width:34px!important;
    height:34px!important;
  }
  .ppdb-popup-close:before{
    font-size:24px!important;
  }
  .ppdb-popup-card:before{
    background-size:112% 100%!important;
  }
  .ppdb-lantern{
    transform:scale(.8)!important;
  }
  .ppdb-lantern-left{left:18px!important}
  .ppdb-lantern-right{right:18px!important}
  .ppdb-popup-logo{width:42px!important}
  .ppdb-status{font-size:7px!important;min-height:16px!important}
  .ppdb-popup h2{
    max-width:220px!important;
    font-size:18px!important;
    transform:translateY(12px)!important;
  }
  .ppdb-year{
    font-size:8.5px!important;
    transform:translateY(12px)!important;
  }
  .ppdb-ribbon{
    width:calc(100% - 92px)!important;
    min-height:31px!important;
    transform:translateY(18px)!important;
  }
  .ppdb-ribbon strong{font-size:12px!important}
  .ppdb-popup-content p,
  .ppdb-wave,
  .ppdb-countdown{
    transform:translateY(22px)!important;
  }
  .ppdb-student,
  .ppdb-popup-actions{
    transform:translateY(18px)!important;
  }
  .ppdb-student{
    width:170px!important;
    height:78px!important;
  }
  .ppdb-popup-actions{
    max-width:232px!important;
  }
  .ppdb-action{
    min-height:30px!important;
  }
  .ppdb-popup-values{
    min-height:36px!important;
  }
  .ppdb-popup-values div{
    min-height:36px!important;
  }
}

/* PPDB mobile stability lock: final rules to prevent device-to-device layout jumps */
@media(max-width:700px){
  .ppdb-popup-card{
    --ppdb-logo-y: clamp(4px, 1.15dvh, 8px);
    --ppdb-title-y: clamp(22px, 4.2dvh, 30px);
    --ppdb-ribbon-y: clamp(30px, 5.2dvh, 38px);
    --ppdb-mid-y: clamp(32px, 5.6dvh, 42px);
    --ppdb-lower-y: clamp(26px, 4.8dvh, 34px);
  }
  .ppdb-arch{
    overflow:hidden!important;
  }
  .ppdb-popup-content{
    padding-top:clamp(8px, 1.8dvh, 12px)!important;
  }
  .ppdb-popup-logo{
    width:clamp(48px, 14vw, 62px)!important;
    transform:translateY(var(--ppdb-logo-y))!important;
  }
  .ppdb-status{
    transform:translateY(var(--ppdb-logo-y))!important;
  }
  .ppdb-popup h2{
    transform:translateY(var(--ppdb-title-y))!important;
  }
  .ppdb-year{
    transform:translateY(var(--ppdb-title-y))!important;
  }
  .ppdb-ribbon{
    transform:translateY(var(--ppdb-ribbon-y))!important;
  }
  .ppdb-popup-content p,
  .ppdb-wave,
  .ppdb-countdown{
    transform:translateY(var(--ppdb-mid-y))!important;
  }
  .ppdb-student,
  .ppdb-popup-actions{
    transform:translateY(var(--ppdb-lower-y))!important;
  }
}

@media(max-width:700px) and (max-height:620px){
  .ppdb-popup-card{
    --ppdb-logo-y: 2px;
    --ppdb-title-y: 14px;
    --ppdb-ribbon-y: 20px;
    --ppdb-mid-y: 24px;
    --ppdb-lower-y: 18px;
  }
}

/* Agenda page */
.agenda-hero{
  background:
    radial-gradient(circle at 88% 22%,rgba(248,184,55,.18),transparent 30%),
    linear-gradient(135deg,#003f35,#00604e);
}
.agenda-section{background:linear-gradient(180deg,#fbfdfb,#f4faf6)}
.agenda-layout{
  display:grid;
  grid-template-columns:minmax(260px,330px) 1fr;
  gap:30px;
  align-items:start;
}
.agenda-summary{
  position:sticky;
  top:105px;
  padding:28px;
  border:1px solid rgba(217,163,58,.38);
  border-radius:24px;
  background:#fffdf8;
  box-shadow:0 20px 55px rgba(0,58,47,.1);
}
.agenda-summary h2{
  margin:8px 0 12px;
  color:#003f35;
  font:900 28px/1.05 Georgia,serif;
  white-space:nowrap;
}
.agenda-summary p{
  margin:0;
  color:#45635e;
  line-height:1.7;
}
.agenda-stat{
  margin-top:24px;
  padding:18px;
  border-radius:18px;
  background:#005342;
  color:#fff;
}
.agenda-stat strong{
  display:block;
  color:var(--gold);
  font:900 38px/1 Georgia,serif;
}
.agenda-stat span{font-weight:800}
.agenda-timeline{
  position:relative;
  display:grid;
  gap:20px;
}
.agenda-timeline:before{
  content:"";
  position:absolute;
  left:63px;
  top:14px;
  bottom:14px;
  width:2px;
  background:linear-gradient(#d9a33a,rgba(217,163,58,.15));
}
.agenda-item{
  position:relative;
  display:grid;
  grid-template-columns:126px 1fr;
  gap:22px;
  align-items:stretch;
}
.agenda-date{
  position:relative;
  z-index:2;
  align-self:start;
  display:grid;
  place-items:center;
  min-height:104px;
  border:1px solid rgba(217,163,58,.5);
  border-radius:20px;
  background:#fff;
  color:#003f35;
  box-shadow:0 12px 35px rgba(0,58,47,.08);
  text-align:center;
}
.agenda-date strong{
  color:#d29320;
  font:900 40px/1 Georgia,serif;
}
.agenda-date span{
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.agenda-card{
  min-height:150px;
  padding:18px;
  border:1px solid rgba(0,83,66,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 42px rgba(0,58,47,.08);
  transition:.25s ease;
}
.agenda-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 54px rgba(0,58,47,.12);
}
.agenda-icon{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:22px;
  background:linear-gradient(145deg,#005342,#003f35);
  color:var(--gold);
  box-shadow:0 14px 30px rgba(0,58,47,.16),inset 0 0 0 1px rgba(217,163,58,.35);
}
.agenda-icon i{font-size:38px}
.agenda-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.agenda-badge{
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  background:#e7f2ed;
  color:#005342;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.agenda-badge.c0{background:#e7f2ed;color:#005342}
.agenda-badge.c1{background:#f1eafc;color:#6b3fa0}
.agenda-badge.c2{background:#e4f0fd;color:#1f5fa8}
.agenda-badge.c3{background:#fdf1de;color:#b5730f}
.agenda-badge.c4{background:#fbe6e7;color:#c22a34}
.agenda-badge.c5{background:#e1f7f5;color:#0d7a6e}
.agenda-badge.c6{background:#fff6df;color:#9c6b0a}
.agenda-badge.c7{background:#eaeeff;color:#3949ab}
.agenda-copy h2{
  margin:0 0 8px;
  font:900 24px/1.18 Georgia,serif;
}
.agenda-copy h2 a{color:#003f35}
.agenda-copy p{
  margin:0 0 12px;
  color:#506963;
  line-height:1.55;
}
.agenda-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:0 0 10px;
  padding:0;
  list-style:none;
  color:#315a52;
  font-size:13px;
  font-weight:800;
}
.agenda-meta li{display:flex;align-items:center;gap:6px}
.agenda-meta i{color:#d29320}
.agenda-action-row{margin-top:2px}
.agenda-report-link,
.agenda-report-muted{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:9px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
}
.agenda-report-link{
  background:#005342;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,83,66,.16);
}
.agenda-report-link i{color:var(--gold)}
.agenda-report-link.is-disabled{background:#eef3f1;color:#9aa8a4!important;box-shadow:none;cursor:not-allowed;pointer-events:none}
.agenda-report-link.is-disabled i{color:#9aa8a4}
.agenda-report-muted{
  background:#eef3f1;
  color:#6b7f79;
}
.agenda-report-muted i{color:#d29320}
.agenda-empty{
  padding:44px;
  border:1px dashed rgba(0,83,66,.28);
  border-radius:24px;
  background:#fff;
  text-align:center;
}
.agenda-empty i{color:var(--gold);font-size:42px}
.agenda-empty h2{margin:12px 0 8px;color:#003f35;font:900 30px/1.1 Georgia,serif}
.agenda-empty p{margin:0;color:#506963}
.agenda-report-wrap{max-width:none}
.agenda-report-card{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.35fr);
  gap:30px;
  align-items:start;
  padding:34px;
  border:1px solid rgba(217,163,58,.32);
  border-radius:26px;
  background:#fff;
  box-shadow:0 22px 60px rgba(0,58,47,.1);
}
.agenda-report-main{
  position:sticky;
  top:112px;
}
.agenda-report-docs{
  min-width:0;
}
.agenda-report-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.agenda-report-meta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  background:#eef6f2;
  color:#005342;
  font-size:13px;
  font-weight:900;
}
.agenda-report-meta i{color:#d29320}
.agenda-report-card h2{
  margin:0 0 12px;
  color:#003f35;
  font:900 34px/1.1 Georgia,serif;
}
.agenda-report-card p{
  margin:0 0 24px;
  color:#425f59;
  font-size:17px;
  line-height:1.8;
  text-align:justify;
  text-justify:inter-word;
}
.agenda-report-media{
  margin:0 0 26px;
  padding-top:0;
  border-top:1px solid rgba(0,83,66,.12);
}
.agenda-report-media:first-child{
  border-top:0;
}
.agenda-report-media h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:#003f35;
  font:900 22px/1.2 Georgia,serif;
}
.agenda-report-media h3 i{color:#d29320}
.agenda-report-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.agenda-report-gallery .agenda-report-photo{
  display:block;
  width:100%;
  padding:0;
  border:0;
  overflow:hidden;
  border-radius:18px;
  background:#eef4f1;
  box-shadow:0 12px 30px rgba(0,58,47,.08);
  cursor:pointer;
}
.agenda-report-gallery img{
  width:100%;
  height:210px;
  display:block;
  object-fit:cover;
  transition:.25s ease;
}
.agenda-report-gallery .agenda-report-photo:hover img{transform:scale(1.04)}
.agenda-report-videos{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.agenda-report-videos article{
  overflow:hidden;
  border:1px solid rgba(0,83,66,.12);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,58,47,.08);
}
.agenda-report-videos .ratio-video{
  position:relative;
  aspect-ratio:16/9;
  background:#003f35;
}
.agenda-report-videos iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.agenda-report-videos strong{
  display:block;
  padding:12px 14px 14px;
  color:#003f35;
  font-size:14px;
  line-height:1.35;
}

@media(max-width:900px){
  .agenda-layout{grid-template-columns:1fr;gap:18px}
  .agenda-summary{position:relative;top:auto}
  .agenda-report-card{grid-template-columns:1fr}
  .agenda-report-main{position:static}
}
@media(max-width:650px){
  .agenda-summary{padding:20px;border-radius:20px}
  .agenda-summary h2{font-size:25px}
  .agenda-timeline:before{display:none}
  .agenda-item{grid-template-columns:1fr;gap:10px}
  .agenda-date{
    width:112px;
    min-height:76px;
    display:flex;
    gap:7px;
    justify-content:center;
    justify-self:start;
    padding:10px 12px;
  }
  .agenda-date strong{font-size:28px}
  .agenda-card{padding:12px;border-radius:18px}
  .agenda-card-body{gap:12px}
  .agenda-icon{width:64px;height:64px;border-radius:18px}
  .agenda-icon i{font-size:28px}
  .agenda-copy h2{font-size:21px}
  .agenda-meta{font-size:12px}
  .agenda-report-link,.agenda-report-muted{width:100%;justify-content:center}
  .agenda-report-card{padding:22px;border-radius:20px}
  .agenda-report-gallery{grid-template-columns:1fr 1fr}
  .agenda-report-gallery img{height:140px}
  .agenda-report-videos{grid-template-columns:1fr}
}

/* Agenda redesign: sidebar cards, status pills, timeline media/report, CTA band */
.agenda-sidebar{display:grid;gap:20px;align-content:start;position:sticky;top:105px}
.agenda-sidebar-card{padding:22px;border:1px solid rgba(217,163,58,.32);border-radius:22px;background:#fffdf8;box-shadow:0 16px 40px rgba(0,58,47,.08)}
.agenda-sidebar-card h3{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#003f35;font:900 17px/1.2 Georgia,serif}
.agenda-sidebar-card h3 i{color:#d29320}
.agenda-tahun-badge{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;border-radius:14px;background:#e7f2ed;color:#005342;font-size:13px;font-weight:800}
.agenda-tahun-badge i{color:#1fa855}
.agenda-summary-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.agenda-summary-list li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px}
.agenda-summary-text{display:flex;flex-direction:column}
.agenda-summary-text strong{font:900 22px/1.1 Georgia,serif;color:#003f35}
.agenda-summary-text span{font-size:12px;font-weight:800;color:#506963}
.agenda-summary-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:16px}
.agenda-summary-list li.is-total .agenda-summary-icon{background:#2f6fed}
.agenda-summary-list li.is-selesai .agenda-summary-icon{background:#1fa855}
.agenda-summary-list li.is-berlangsung .agenda-summary-icon{background:#2f8fe0}
.agenda-summary-list li.is-akandatang .agenda-summary-icon{background:#e08a1f}
.agenda-summary-list li.is-dibatalkan .agenda-summary-icon{background:#d43a44}
.agenda-filter-form{display:grid;gap:14px}
.agenda-filter-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#45635e}
.agenda-filter-form select{height:42px;padding:0 12px;border:1px solid rgba(0,83,66,.18);border-radius:12px;background:#fff;color:#003f35;font-size:13px;font-weight:700}
.agenda-filter-submit{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:999px;cursor:pointer;width:100%}
.agenda-featured-link{display:block;color:inherit}
.agenda-featured-photo{position:relative;border-radius:16px;overflow:hidden;margin-bottom:12px}
.agenda-featured-photo img{width:100%;height:150px;object-fit:cover;display:block}
.agenda-featured-star{position:absolute;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.agenda-featured-link strong{display:block;margin-bottom:6px;color:#003f35;font:800 15px/1.35 Georgia,serif}
.agenda-featured-link small{display:flex;align-items:center;gap:6px;color:#6b7f79;font-size:12px;font-weight:700}
.agenda-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.agenda-status-pills a{display:inline-flex;align-items:center;gap:8px;height:40px;border:1px solid rgba(0,63,52,.1);border-radius:999px;padding:0 18px;background:#fff;color:#5b6a65;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(0,45,38,.04);text-decoration:none;transition:.2s}
.agenda-status-pills a.active,.agenda-status-pills a:hover{background:#005342;color:#fff;border-color:#005342;box-shadow:0 10px 24px rgba(0,83,66,.22)}
.pill-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#9aa8a4}
.pill-dot.is-akandatang{background:#e08a1f}
.pill-dot.is-berlangsung{background:#2f8fe0}
.pill-dot.is-selesai{background:#1fa855}
.pill-dot.is-dibatalkan{background:#d43a44}
.agenda-status-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#eef3f1;color:#5b6a65;font-size:11px;font-weight:900;text-transform:uppercase}
.agenda-status-badge.is-akandatang{background:#fdf1de;color:#b5730f}
.agenda-status-badge.is-berlangsung{background:#e4f0fd;color:#1f5fa8}
.agenda-status-badge.is-selesai{background:#e2f7ec;color:#1a8a4c}
.agenda-status-badge.is-dibatalkan{background:#fbe6e7;color:#c22a34}
.agenda-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:4px}
.agenda-card-row{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:center}
.agenda-card-body{display:flex;min-width:0}
.agenda-card-media{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.agenda-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.agenda-card-media.is-grid{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:6px;border-radius:0;overflow:visible}
.agenda-card-media-cell{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden}
.agenda-card-media-cell img{width:100%;height:100%;object-fit:cover;display:block}
.agenda-card-media.is-placeholder{display:grid;place-items:center;aspect-ratio:4/3;font-size:44px;color:#fff}
.agenda-card-media.is-placeholder.c0{background:linear-gradient(145deg,#005342,#003f35)}
.agenda-card-media.is-placeholder.c1{background:linear-gradient(145deg,#8a5fd6,#6b3fa0)}
.agenda-card-media.is-placeholder.c2{background:linear-gradient(145deg,#3f8fe0,#1f5fa8)}
.agenda-card-media.is-placeholder.c3{background:linear-gradient(145deg,#eab35a,#b5730f)}
.agenda-card-media.is-placeholder.c4{background:linear-gradient(145deg,#e2626c,#c22a34)}
.agenda-card-media.is-placeholder.c5{background:linear-gradient(145deg,#2bb3a3,#0d7a6e)}
.agenda-card-media.is-placeholder.c6{background:linear-gradient(145deg,#e0b34a,#9c6b0a)}
.agenda-card-media.is-placeholder.c7{background:linear-gradient(145deg,#5f6fd6,#3949ab)}
.agenda-photo-badge{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:rgba(0,42,34,.72);color:#fff;font-size:11px;font-weight:800}
.agenda-report-inline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border-radius:16px;background:#f4f9f6;border:1px solid rgba(0,83,66,.1)}
.agenda-report-inline-text{display:flex;align-items:center;gap:10px}
.agenda-report-inline-text i{color:#d29320;font-size:18px}
.agenda-report-inline-text strong{display:block;color:#003f35;font-size:13px}
.agenda-report-inline-text span{display:block;color:#5b6a65;font-size:12px}
.agenda-pdf-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;background:#005342;color:#fff!important;font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(0,83,66,.16)}
.agenda-cta-band{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;padding:22px 26px;border-radius:22px;background:#e7f2ed;border:1px solid rgba(0,83,66,.12)}
.agenda-cta-icon{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:#005342;color:var(--gold);font-size:22px}
.agenda-cta-copy{flex:1;min-width:200px}
.agenda-cta-copy strong{display:block;color:#003f35;font-size:15px}
.agenda-cta-copy span{display:block;color:#506963;font-size:13px;margin-top:2px}
@media(max-width:900px){
  .agenda-sidebar{position:relative;top:auto}
}
@media(max-width:650px){
  .agenda-card-row{grid-template-columns:1fr}
  .agenda-card-media{order:-1}
  .agenda-toolbar{flex-direction:column;align-items:stretch}
  .agenda-cta-band{flex-direction:column;text-align:center}
}

/* Staff public page upgrade */
.staff-section{background:linear-gradient(180deg,#fff 0%,#f5faf7 100%)}
.staff-intro{max-width:760px;margin:0 auto 42px;text-align:center}
.staff-intro h2{margin:8px 0 10px;font:800 clamp(30px,3vw,44px)/1.08 Georgia,serif;color:var(--ink)}
.staff-intro p{margin:0;color:var(--muted);line-height:1.8}
.staff-group{margin-bottom:65px}
.staff-section .staff-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.staff-section .staff-card{overflow:visible;border-radius:0;background:transparent;border:0;text-align:center;box-shadow:none;transition:transform .25s ease}
.staff-section .staff-card:hover{transform:translateY(-5px);box-shadow:none;border-color:transparent}
.staff-section .staff-photo{height:310px;margin-bottom:-10px;background:transparent;overflow:visible;display:flex;align-items:flex-end;justify-content:center}
.staff-section .staff-photo img{width:auto;max-width:105%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .35s ease;filter:drop-shadow(0 12px 16px rgba(0,45,38,.12))}
.staff-section .staff-card:hover .staff-photo img{transform:scale(1.035)}
.staff-section .staff-card-body{position:relative;margin:0 4px 0;padding:14px 12px 15px;border:2px solid var(--gold);border-radius:18px;background:linear-gradient(145deg,#00503f 0%,#003f34 54%,#002c25 100%);box-shadow:inset 0 0 0 1px rgba(255,236,165,.28),0 12px 28px rgba(0,55,45,.16)}
.staff-section .staff-card-body:before{content:"";position:absolute;inset:5px;border:1px solid rgba(244,183,59,.55);border-radius:13px;pointer-events:none}
.staff-section .staff-card h3{position:relative;margin:0 0 8px;font:800 18px/1.12 Georgia,serif;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.22)}
.staff-section .staff-card p{position:relative;display:block;min-height:0;margin:0;padding:0;border-radius:0;background:transparent;color:#ffe39a;font-size:12px;font-weight:900}
.staff-education{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;color:#fff7d4;font-size:11px;line-height:1.3}
.staff-education i{display:none}
@media(max-width:1200px){.staff-section .staff-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1024px){.staff-section .staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.staff-section .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-intro{text-align:left}}
@media(max-width:600px){.staff-section .staff-grid{grid-template-columns:1fr}.staff-section .staff-photo{height:360px}.staff-section .staff-card{border-radius:0}.staff-section .staff-card-body{max-width:320px;margin-left:auto;margin-right:auto}}

/* Keep public page titles compact on one line where screen width allows */
@media(min-width:761px){
  .page-hero h1,
  .profile-content-card h2,
  .content-panel h2,
  .staff-intro h2{
    max-width:none;
    white-space:nowrap;
    font-size:clamp(28px,2.45vw,40px)!important;
    line-height:1.08!important;
    letter-spacing:-.02em;
  }
}

@media(max-width:760px){
  .page-hero h1,
  .profile-content-card h2,
  .content-panel h2,
  .staff-intro h2{
    font-size:clamp(25px,7vw,32px)!important;
    line-height:1.08!important;
  }
}

.gallery-empty{display:grid;place-items:center;min-height:320px;padding:44px 20px;border:1px dashed rgba(0,63,52,.22);border-radius:22px;background:#fff;text-align:center;color:#536963}
.gallery-empty i{width:70px;height:70px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:#fff2cf;color:#004638;font-size:30px}
.gallery-empty h2{margin:0 0 8px;color:#003f34;font:800 28px/1.1 Georgia,serif}
.gallery-filter-empty{display:grid;place-items:center;gap:8px;min-height:220px;margin-top:8px;padding:34px 20px;border:1px dashed rgba(0,83,66,.22);border-radius:22px;background:rgba(255,255,255,.72);text-align:center;color:#536963}
.gallery-filter-empty[hidden]{display:none!important}
.gallery-filter-empty i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff2cf;color:#005342;font-size:24px}
.gallery-filter-empty strong{color:#003f34;font:800 22px/1.15 Georgia,serif}
.gallery-filter-empty span{font-size:13px}
/* Premium gallery showcase - reference layout */
.gallery-showcase-main{background:#fbfaf6}
.gallery-showcase{position:relative;overflow:hidden;padding:34px 0 58px;background:
  radial-gradient(circle at 95% 7%,rgba(244,183,59,.18) 0 2px,transparent 3px) 0 0/14px 14px,
  linear-gradient(180deg,#fffdf8 0%,#fbfaf6 100%)}
.gallery-showcase:before{content:"";position:absolute;left:-120px;top:-80px;width:360px;height:360px;border:1px solid rgba(0,63,52,.07);transform:rotate(45deg);box-shadow:26px 26px 0 rgba(0,63,52,.025),52px 52px 0 rgba(0,63,52,.018);pointer-events:none}
.gallery-showcase .site-container{position:relative;z-index:1;width:min(1580px,calc(100% - 128px))}
.gallery-showcase-heading{text-align:center;margin:0 auto 28px}
.gallery-showcase-heading span{display:inline-flex;align-items:center;gap:18px;color:#e0a329;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gallery-showcase-heading span:before,.gallery-showcase-heading span:after{content:"";width:58px;height:1px;background:#e0a329}
.gallery-showcase-heading h1{margin:10px 0 8px;color:#0a332c;font:800 clamp(34px,3vw,50px)/1.04 Georgia,serif;letter-spacing:-.02em}
.gallery-showcase-heading p{margin:0;color:#65746f;font-size:15px}
.gallery-showcase-heading p:after{content:"";display:block;width:86px;height:14px;margin:12px auto 0;background:linear-gradient(90deg,transparent 0 34px,#e0a329 34px 36px,transparent 36px 50px,#e0a329 50px 52px,transparent 52px),radial-gradient(circle,#e0a329 0 3px,transparent 4px);background-repeat:no-repeat;background-position:center}
.gallery-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}
.gallery-filter-pills{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gallery-filter-pills button,.gallery-sort-btn,.gallery-grid-btn{height:40px;border:1px solid rgba(0,63,52,.1);border-radius:999px;background:#fff;color:#5b6a65;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(0,45,38,.04);cursor:pointer;transition:.2s}
.gallery-filter-pills button{min-width:96px;padding:0 20px}
.gallery-filter-pills button.active,.gallery-filter-pills button:hover{background:#005342;color:#fff;border-color:#005342;box-shadow:0 10px 24px rgba(0,83,66,.22)}
.gallery-view-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.gallery-sort-btn{display:inline-flex;align-items:center;gap:10px;padding:0 18px;color:#0a332c}
.gallery-grid-btn{width:42px;display:grid;place-items:center;border-radius:12px;color:#005342}
.gallery-masonry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gallery-showcase-card{position:relative;display:block;width:100%;height:214px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#003f34;text-align:left;color:#fff;cursor:zoom-in;box-shadow:0 16px 34px rgba(0,39,33,.16)}
.gallery-showcase-card.is-featured{grid-column:span 2;height:310px;border-radius:16px}
.gallery-showcase.is-compact .gallery-showcase-card.is-featured{grid-column:span 1;height:214px;border-radius:14px}
.gallery-showcase-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.gallery-showcase-card:hover img{transform:scale(1.055);filter:saturate(1.08)}
.gallery-showcase-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,45,38,.08) 0%,rgba(0,45,38,.08) 38%,rgba(0,35,29,.88) 100%);z-index:1;pointer-events:none}
.gallery-showcase-card:after{content:"";position:absolute;left:18px;right:64px;bottom:25px;height:1px;background:linear-gradient(90deg,rgba(244,183,59,.9),rgba(244,183,59,.16));z-index:2}
.gallery-badge{position:absolute;z-index:2;left:18px;top:17px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 36px);padding:7px 11px;border:1px solid rgba(244,183,59,.55);border-radius:999px;background:rgba(0,63,52,.88);color:#ffd36a;font-size:10px;font-weight:900;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.gallery-badge i{font-size:10px}
.gallery-card-copy{position:absolute;z-index:2;left:18px;right:70px;bottom:28px;color:#fff}
.gallery-card-copy strong{display:block;margin:0 0 5px;font:800 19px/1.12 Georgia,serif;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.gallery-showcase-card.is-featured .gallery-card-copy strong{font-size:25px}
.gallery-card-copy small{display:block;color:#f6f0dc;font-size:11px;font-weight:700}
.gallery-card-arrow{position:absolute;z-index:2;right:20px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e0a329;border-radius:50%;color:#ffd36a;background:rgba(0,63,52,.35);transition:.2s}
.gallery-showcase-card:hover .gallery-card-arrow{background:#e0a329;color:#003f34;transform:translateX(3px)}
.gallery-load-more-wrap{display:flex;justify-content:center;margin-top:20px}
.gallery-load-more{display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 26px;border:1px solid rgba(0,63,52,.14);border-radius:999px;background:#fff;color:#31534b;font-size:13px;font-weight:900;box-shadow:0 10px 22px rgba(0,45,38,.05);cursor:pointer}
.gallery-showcase-card.is-hidden{display:none}
@media(max-width:1180px){.gallery-showcase .site-container{width:min(100% - 64px,1180px)}.gallery-masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-showcase-card,.gallery-showcase-card.is-featured{height:260px}.gallery-showcase-card.is-featured{grid-column:span 1}}
@media(max-width:760px){.gallery-showcase{padding:28px 0 42px}.gallery-showcase .site-container{width:calc(100% - 28px)}.gallery-showcase-heading h1{font-size:30px!important;white-space:normal!important}.gallery-showcase-heading span{font-size:11px}.gallery-showcase-heading span:before,.gallery-showcase-heading span:after{width:34px}.gallery-showcase-toolbar{display:block}.gallery-filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.gallery-filter-pills::-webkit-scrollbar{display:none}.gallery-filter-pills button{min-width:max-content;height:36px;padding:0 16px}.gallery-view-tools{justify-content:flex-end;margin-top:8px}.gallery-masonry-grid{grid-template-columns:1fr;gap:14px}.gallery-showcase-card,.gallery-showcase-card.is-featured{height:245px}.gallery-card-copy strong,.gallery-showcase-card.is-featured .gallery-card-copy strong{font-size:20px}}

/* Video page uses the same premium grouping concept */
.video-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.video-showcase-card{min-width:0}
.video-showcase-card.is-hidden{display:none}
.video-showcase-card.is-featured{grid-column:span 2}
.video-showcase.is-compact .video-showcase-card.is-featured{grid-column:span 1}
.video-showcase-trigger{position:relative;display:block;width:100%;height:214px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#003f34;text-align:left;color:#fff;cursor:pointer;box-shadow:0 16px 34px rgba(0,39,33,.16)}
.video-showcase-card.is-featured .video-showcase-trigger{height:310px;border-radius:16px}
.video-showcase.is-compact .video-showcase-card.is-featured .video-showcase-trigger{height:214px;border-radius:14px}
.video-showcase-trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.video-showcase-trigger:hover img{transform:scale(1.055);filter:brightness(.88) saturate(1.05)}
.video-showcase-trigger:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,45,38,.06) 0%,rgba(0,45,38,.16) 42%,rgba(0,35,29,.9) 100%);pointer-events:none}
.video-showcase-trigger:after{content:"";position:absolute;left:18px;right:64px;bottom:25px;height:1px;background:linear-gradient(90deg,rgba(244,183,59,.9),rgba(244,183,59,.16));z-index:2}
.video-showcase-play{position:absolute;z-index:3;left:50%;top:50%;width:54px;height:54px;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid rgba(255,211,106,.45);border-radius:50%;background:rgba(0,83,66,.92);color:#fff;font-size:0!important;line-height:1!important;transform:translate(-50%,-50%);box-shadow:0 14px 30px rgba(0,0,0,.22);transition:background .2s ease,color .2s ease,transform .2s ease}
.video-showcase-trigger:hover .video-showcase-play{background:rgba(224,163,41,.96);color:#003f34;transform:translate(-50%,-50%) scale(1.05)}
.video-showcase-trigger .gallery-card-copy{position:absolute;z-index:2;left:18px;right:70px;bottom:28px;color:#fff}
.video-showcase-trigger .gallery-card-copy strong{display:block;margin:0 0 5px;font:800 19px/1.12 Georgia,serif;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.video-showcase-card.is-featured .gallery-card-copy strong{font-size:25px}
.video-showcase-trigger .gallery-card-copy small{display:block;color:#f6f0dc;font-size:11px;font-weight:700}
@media(max-width:1180px){.video-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-showcase-card.is-featured{grid-column:span 1}.video-showcase-trigger,.video-showcase-card.is-featured .video-showcase-trigger{height:260px}}
@media(max-width:760px){.video-showcase-grid{grid-template-columns:1fr;gap:14px}.video-showcase-trigger,.video-showcase-card.is-featured .video-showcase-trigger{height:245px}.video-showcase-trigger .gallery-card-copy strong,.video-showcase-card.is-featured .gallery-card-copy strong{font-size:20px}}

/* Robust icon fallback for video gallery cards */
.video-showcase .gallery-badge i,
.video-showcase .gallery-card-arrow i,
.video-showcase .video-showcase-play i,
.video-showcase .gallery-sort-btn i,
.video-showcase .gallery-grid-btn i{display:inline-grid!important;place-items:center;line-height:1!important;font-style:normal!important;font-family:Arial,sans-serif!important}
.video-showcase .gallery-badge i:before{content:"\25B6"!important;font-family:Arial,sans-serif!important;font-size:8px!important;color:#ffd36a!important}
.video-showcase .video-showcase-play i{width:18px!important;height:22px!important;display:block!important;margin:0 0 0 4px!important;padding:0!important}
.video-showcase .video-showcase-play i:before{content:""!important;display:block!important;width:0!important;height:0!important;border-top:11px solid transparent!important;border-bottom:11px solid transparent!important;border-left:17px solid currentColor!important;font-size:0!important;line-height:0!important}
.video-showcase .gallery-card-arrow i:before{content:"\2192"!important;font-family:Arial,sans-serif!important;font-size:18px!important;color:currentColor!important}
.video-showcase .gallery-sort-btn i:before{content:"\2304"!important;font-family:Arial,sans-serif!important;font-size:14px!important;color:currentColor!important}
.video-showcase .gallery-grid-btn i:before{content:"\25A6"!important;font-family:Arial,sans-serif!important;font-size:17px!important;color:currentColor!important}
.video-showcase .video-showcase-play{background:rgba(0,83,66,.92);border:1px solid rgba(255,211,106,.45)}

/* Aset Sekolah */
.aset-table-section{background:#f8fbf9}
.aset-table-panel{padding:28px;border:1px solid rgba(0,70,58,.09);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(0,48,40,.07)}
.aset-table-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.aset-title-wrap{display:flex;align-items:center;gap:16px}
.aset-title-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#79c84d;color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(121,200,77,.28)}
.aset-title-icon i:before{color:#fff!important}
.ptn-title-icon{width:58px;height:58px;background:linear-gradient(145deg,#006b57,#003f34);border:1px solid var(--gold);color:var(--gold);font-size:34px;line-height:1;box-shadow:0 12px 28px rgba(0,75,61,.22)}
.ptn-title-icon i:before{color:var(--gold)!important}
.alumni-title-icon{width:58px;height:58px;background:linear-gradient(145deg,#006b57,#003f34);border:1px solid var(--gold);color:var(--gold);font-size:31px;line-height:1;box-shadow:0 12px 28px rgba(0,75,61,.22)}
.aset-title-wrap h2{margin:0 0 5px;font:800 21px/1.15 "Inter","Segoe UI",sans-serif;color:#1b2f39}
.aset-title-wrap p{margin:0;color:#71818b;font-size:13px}
.aset-tools{display:flex;align-items:center;gap:14px}
.aset-search,.aset-select-wrap{height:44px;border:1px solid #dce6e4;border-radius:10px;background:#fff;color:#6d7b86;box-shadow:0 7px 16px rgba(25,53,62,.03)}
.aset-search{position:relative;display:flex;align-items:center;min-width:260px}
.aset-search input{width:100%;height:100%;padding:0 42px 0 15px;border:0;background:transparent;outline:0;color:#1d343d;font-size:13px}
.aset-search i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#667985}
.aset-select-wrap{position:relative;display:inline-flex;align-items:center;min-width:170px}
.aset-select-wrap>i{position:absolute;left:13px;color:#71818b;font-size:13px;pointer-events:none}
.aset-select-wrap select{width:100%;height:100%;padding:0 36px 0 36px;border:0;background:transparent;outline:0;color:#2d434c;font-size:13px;font-weight:800;appearance:none;cursor:pointer}
.aset-select-wrap:after{content:"\2304";position:absolute;right:13px;top:50%;transform:translateY(-54%);color:#687983;font-size:15px;pointer-events:none}
.aset-table-scroll{overflow-x:auto;border:1px solid #e3ece9;border-radius:14px}
.aset-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;color:#263b45;font-size:13px}
.aset-table th{height:54px;background:#f0faf5;color:#0b5b4b;font-size:12px;font-weight:900;text-align:left}
.aset-table th,.aset-table td{padding:12px 18px;border-bottom:1px solid #e8efed;vertical-align:middle}
.aset-table th:first-child,.aset-table td:first-child{text-align:center;width:60px}
.aset-table tbody tr:last-child td{border-bottom:0}
.aset-table tbody tr:hover{background:#fbfdfc}
.aset-name{display:flex;align-items:center;gap:13px;min-width:210px}
.aset-photo-zoom{display:block;width:54px;height:42px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#eef4f1;cursor:zoom-in}
.aset-photo-zoom img{width:100%;height:100%;object-fit:cover;transition:.2s ease}
.aset-photo-zoom:hover img{transform:scale(1.08)}
.aset-name strong{display:block;color:#213641;font-size:14px;line-height:1.15}
.aset-name small{display:block;margin-top:4px;color:#7a8890;font-size:11px}
.ptn-name{min-width:235px}
.alumni-name{min-width:235px}
.aset-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:800}
.aset-badge.green{background:#e5f8e8;border:1px solid #5ec66d;color:#13812e}
.aset-badge.blue{background:#e8f0ff;border:1px solid #88aefb;color:#2b62da}
.aset-badge.orange{background:#fff3d8;border:1px solid #f3ad31;color:#cf7600}
.aset-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#77848d;font-size:12px}
.aset-pagination>div{display:flex;align-items:center;gap:8px}
.aset-pagination button{min-width:34px;height:32px;border:1px solid #e0e8e5;border-radius:7px;background:#fff;color:#6f7e87;font-weight:700}
.aset-pagination button.active{background:#00896d;color:#fff;border-color:#00896d}
.aset-pagination button:disabled{opacity:.45}
.aset-empty{padding:26px;text-align:center;color:#77848d;font-size:13px;background:#fff}
.aset-photo-lightbox{background:radial-gradient(circle at 50% 42%,rgba(0,88,70,.26),rgba(0,20,17,.94) 58%,rgba(0,14,12,.98));}
.aset-photo-lightbox .lightbox-close{top:26px;right:28px;width:48px;height:48px;border:1px solid rgba(244,183,59,.72);background:rgba(255,255,255,.08);color:#fff;font-size:36px;font-weight:300;line-height:42px;padding:0 0 5px;box-shadow:0 14px 36px rgba(0,0,0,.25)}
.aset-photo-lightbox .lightbox-close:hover{background:var(--gold);color:var(--green-950)}
.aset-photo-lightbox figure{display:flex;flex-direction:column;align-items:center;gap:16px}
.aset-photo-lightbox figure img{border:1px solid rgba(244,183,59,.22);border-radius:14px;box-shadow:0 26px 80px rgba(0,0,0,.48)}
.aset-photo-lightbox figcaption{position:relative;margin-top:0;padding:12px 28px;border:1px solid rgba(244,183,59,.56);border-radius:999px;background:linear-gradient(135deg,rgba(0,77,63,.95),rgba(0,48,40,.95));color:var(--gold);font:800 17px/1.1 Georgia,serif;letter-spacing:.02em;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.aset-photo-lightbox figcaption:before,.aset-photo-lightbox figcaption:after{content:"";position:absolute;top:50%;width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));transform:translateY(-50%)}
.aset-photo-lightbox figcaption:before{right:100%;margin-right:12px}
.aset-photo-lightbox figcaption:after{left:100%;margin-left:12px;transform:translateY(-50%) rotate(180deg)}
@media(max-width:900px){.aset-table-head{display:block}.aset-tools{margin-top:16px}.aset-search{min-width:0;flex:1}.aset-select-wrap{white-space:nowrap}.aset-pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.aset-table-panel{padding:16px;border-radius:16px}.aset-title-wrap{align-items:flex-start}.aset-title-icon{width:44px;height:44px;font-size:20px}.aset-title-wrap h2{font-size:18px}.aset-title-wrap p{font-size:12px;line-height:1.5}.aset-tools{display:grid;grid-template-columns:1fr}.aset-search,.aset-select-wrap{width:100%}.aset-table{min-width:900px}.aset-pagination>div{flex-wrap:wrap}.aset-photo-lightbox .lightbox-close{top:14px;right:14px;width:42px;height:42px;font-size:32px}.aset-photo-lightbox figcaption{font-size:14px;padding:10px 20px}.aset-photo-lightbox figcaption:before,.aset-photo-lightbox figcaption:after{width:28px}}

/* Hero extra CTA */
.hero-actions{flex-wrap:wrap}
.hero-actions .hero-snbp-link{
  background:linear-gradient(135deg,#ff4d55 0%,#e81f2d 45%,#b80f1c 100%);
  border-color:#ffcf6a;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(220,31,45,.36),inset 0 1px 0 rgba(255,255,255,.42);
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.hero-actions .hero-snbp-link i{color:#fff}
.hero-actions .hero-snbp-link:hover{
  background:linear-gradient(135deg,#ff6870 0%,#f22a38 45%,#c81422 100%);
  box-shadow:0 14px 32px rgba(220,31,45,.46),inset 0 1px 0 rgba(255,255,255,.55);
}
@media(max-width:760px){.hero-actions .hero-snbp-link{grid-column:1/-1;width:100%;justify-content:center}}

/* Homepage SNBP student gallery */
.snbp-showcase{position:relative;margin:0 0 24px;padding:36px 48px 30px;border:1px solid rgba(0,63,52,.11);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(4,50,42,.07);overflow:visible}
.snbp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}
.snbp-title-wrap{display:flex;align-items:flex-start;gap:22px;max-width:980px}
.snbp-title-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e7f6ea;color:#00604d;font-size:0}
.snbp-title-icon:before{content:"🎓";font-size:31px;line-height:1}
.snbp-title-icon-trophy:before{content:"🏆"}
.snbp-title-icon i{display:none}
.snbp-title-wrap h3{margin:3px 0 10px;color:#003f34;font:800 27px/1.15 Georgia,serif}
.snbp-title-wrap p{max-width:900px;margin:0;color:#65727d;font-size:15px;line-height:1.65}
.snbp-see-all{display:inline-flex;align-items:center;gap:10px;margin-top:15px;font-size:15px;white-space:nowrap}
.snbp-track{display:flex;gap:24px;overflow:hidden;scroll-behavior:smooth;padding:0 0 8px}
.snbp-card{flex:0 0 calc((100% - 96px)/5);min-width:0;overflow:hidden;border:1px solid rgba(0,63,52,.1);border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(3,43,36,.07);contain:layout paint}
.snbp-photo{position:relative;height:215px;overflow:hidden;background:#eef5f2;cursor:zoom-in}
.snbp-photo:before{content:"";position:absolute;inset:-12px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:blur(16px) brightness(.72);transform:scale(1.15);z-index:0}
.snbp-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transform:translateZ(0)}
.snbp-photo:hover img{transform:scale(1.035) translateZ(0)}
.snbp-photo span{position:absolute;z-index:2;left:16px;top:16px;padding:5px 10px;border:1px solid #70c88e;border-radius:7px;background:#e7faea;color:#00745a;font-size:15px;font-weight:800}
.snbp-card-body{padding:14px 15px 15px}
.snbp-card-body h4{margin:0 0 7px;color:#003f34;font:900 17px/1.15 "Inter","Segoe UI",sans-serif}
.snbp-card-body p{margin:0 0 7px;color:#65727d;font-size:14px;line-height:1.3}
.snbp-card-body strong{display:block;margin-bottom:15px;color:#008065;font-size:14px;line-height:1.25}
.snbp-card-body small{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 9px;border-radius:8px;background:#e8f7ea;color:#08745c;font-size:13px;font-weight:700}
.snbp-showcase .carousel-arrow{top:54%;display:grid}
.snbp-showcase .snbp-carousel-prev{left:-18px}
.snbp-showcase .snbp-carousel-next{right:-18px}
.snbp-carousel-dots{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}
.snbp-carousel-dots button{width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#cbd3d0}
.snbp-carousel-dots button.active{background:#00745f}
@media(max-width:1200px){.snbp-card{flex-basis:calc((100% - 72px)/4)}.snbp-photo{height:205px}}
@media(max-width:760px){.snbp-showcase{padding:18px 14px 20px;border-radius:15px}.snbp-head{display:grid;grid-template-columns:1fr auto;margin-bottom:18px}.snbp-title-wrap{gap:10px}.snbp-title-icon{width:35px;height:35px;flex-basis:35px;font-size:18px}.snbp-title-wrap h3{font-size:20px;margin:0 0 5px}.snbp-title-wrap p{display:none}.snbp-see-all{margin:2px 0 0;font-size:12px}.snbp-track{gap:11px;overflow:hidden}.snbp-card{flex-basis:calc((100% - 22px)/3);box-shadow:none}.snbp-photo{height:145px}.snbp-photo span{left:8px;top:8px;padding:3px 7px;font-size:10px}.snbp-card-body{padding:10px}.snbp-card-body h4{font-size:12px}.snbp-card-body p,.snbp-card-body strong{font-size:11px}.snbp-card-body strong{margin-bottom:9px}.snbp-card-body small{padding:6px 5px;font-size:10px}.snbp-showcase .carousel-arrow{display:none}.snbp-carousel-dots{gap:7px;margin-top:12px}.snbp-carousel-dots button{width:7px;height:7px}}

/* SNBP compact mode: follow homepage photo gallery rhythm */
.snbp-showcase{padding:22px;margin-bottom:24px;border-radius:18px}
.snbp-head{align-items:center;margin-bottom:18px}
.snbp-title-wrap{gap:12px}
.snbp-title-icon{width:38px;height:38px;flex-basis:38px;font-size:0}
.snbp-title-icon:before{font-size:22px}
.snbp-title-wrap h3{margin:0 0 4px;font-size:19px;line-height:1.15}
.snbp-title-wrap p{max-width:720px;font-size:12px;line-height:1.55}
.snbp-see-all{margin-top:0;font-size:12px}
.snbp-track{gap:12px;padding-bottom:4px}
.snbp-card{flex-basis:calc((100% - 60px)/6);border-radius:10px;box-shadow:none}
.snbp-photo{height:145px}
.snbp-photo span{left:10px;top:10px;padding:4px 8px;border-radius:6px;font-size:10px}
.snbp-card-body{padding:10px 10px 11px}
.snbp-card-body h4{margin-bottom:4px;font-size:12px;line-height:1.2}
.snbp-card-body p{margin-bottom:3px;font-size:11px;line-height:1.25}
.snbp-card-body strong{margin-bottom:9px;font-size:11px;line-height:1.25}
.snbp-card-body small{justify-content:flex-start;gap:5px;padding:5px 7px;border-radius:6px;font-size:10px}
.snbp-carousel-dots{gap:6px;margin-top:12px}
.snbp-carousel-dots button{width:7px;height:7px}
.snbp-carousel-dots button.active{width:7px;height:7px}
@media(max-width:1200px){.snbp-card{flex-basis:calc((100% - 36px)/4)}.snbp-photo{height:138px}}
@media(max-width:760px){.snbp-showcase{padding:16px 14px 18px}.snbp-head{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:14px}.snbp-title-wrap h3{font-size:17px}.snbp-title-wrap p{display:none}.snbp-card{flex-basis:calc((100% - 22px)/3)}.snbp-photo{height:126px}}

/* Homepage teacher carousel replacing Berita Terkini */
.teacher-carousel{padding:30px 34px 36px;border-radius:24px;border:1px solid rgba(0,63,52,.12);box-shadow:0 12px 36px rgba(0,45,38,.07)}
.teacher-panel-head{align-items:flex-start;margin-bottom:28px}
.teacher-panel-head h3{display:flex;align-items:center;gap:14px;margin:0;color:#003f34;font:900 30px/1.12 Georgia,serif;text-transform:uppercase;letter-spacing:.01em}
.teacher-panel-head h3 i{color:#00604d;font-size:32px}
.teacher-panel-head .text-link{margin-top:8px;color:#005342;font-size:16px}
.home-latest-news .article-card{transition:transform .25s,box-shadow .25s}
.home-latest-news .article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.home-latest-news .article-body h2{display:-webkit-box;min-height:57px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-latest-news .article-body p{display:-webkit-box;min-height:66px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-latest-news-footer{display:flex;justify-content:center;margin-top:30px}
.teacher-carousel .teacher-grid{gap:28px;padding-bottom:4px}
.teacher-carousel .teacher-home-card{flex:0 0 calc((100% - 56px)/3)!important;max-width:calc((100% - 56px)/3)!important;border:1px solid rgba(0,63,52,.10);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(0,45,38,.07)}
.teacher-home-photo{height:300px;background:linear-gradient(135deg,#edf5f1,#f8fbf9);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.teacher-home-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.teacher-home-body{padding:22px 24px 24px}
.teacher-role-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:8px 14px;border-radius:7px;background:linear-gradient(135deg,#00604d,#004538);color:#fff;font-size:13px;line-height:1;font-weight:900;text-transform:uppercase}
.teacher-home-body h4{margin:0;color:#003f34;font:900 27px/1.16 Georgia,serif}
.teacher-home-body p{margin:0 0 26px;color:#111;font-size:17px;line-height:1.75}
.teacher-carousel .news-carousel-dots{margin-top:24px}
.teacher-carousel .news-carousel-dots button.active{background:#00604d}
@media(max-width:1200px){.teacher-panel-head h3{font-size:24px}.teacher-home-photo{height:260px}.teacher-home-body h4{font-size:22px}.teacher-home-body p{font-size:14px}}
@media(max-width:980px){.teacher-carousel .teacher-home-card{flex-basis:calc((100% - 20px)/2)!important;max-width:calc((100% - 20px)/2)!important}}
@media(max-width:600px){.teacher-carousel{border-radius:16px}.stats + .section + .section .teacher-carousel{padding:18px 14px 20px}.teacher-panel-head{align-items:center;margin-bottom:14px}.news-panel .teacher-panel-head h3{gap:8px;font:900 17px/1.1 Inter,sans-serif;white-space:normal}.teacher-panel-head h3 i{font-size:18px}.teacher-panel-head .text-link{font-size:12px;margin-top:0}.teacher-carousel .teacher-grid{gap:16px}.teacher-carousel .teacher-home-card{flex-basis:100%!important;max-width:100%!important}.teacher-home-photo{height:210px}.teacher-carousel .teacher-home-photo img{height:100%!important}.teacher-home-body{padding:14px}.teacher-role-badge{font-size:10px;padding:7px 10px;margin-bottom:10px}.teacher-home-body h4{font-size:19px}}

/* Teacher carousel compact alignment with principal card */
@media(min-width:981px){
  .stats + .section + .section .teacher-carousel{
    height:452px;
    padding:18px 20px 14px;
    display:flex;
    flex-direction:column;
  }
  .teacher-carousel .teacher-panel-head{
    flex:0 0 auto;
    align-items:center;
    margin-bottom:12px;
  }
  .teacher-carousel .teacher-panel-head h3{
    gap:10px;
    font-size:17px;
    line-height:1;
    white-space:nowrap;
  }
  .teacher-carousel .teacher-panel-head h3 i{
    font-size:27px;
  }
  .teacher-carousel .teacher-panel-head .text-link{
    margin-top:0;
    font-size:13px;
    white-space:nowrap;
  }
  .teacher-carousel .teacher-grid{
    flex:1 1 auto;
    gap:16px;
    min-height:0;
    overflow:hidden;
  }
  .teacher-carousel .teacher-home-card{
    flex-basis:calc((100% - 32px)/3)!important;
    max-width:calc((100% - 32px)/3)!important;
    height:auto;
    box-shadow:0 7px 18px rgba(0,45,38,.06);
  }
  .teacher-home-photo{
    height:250px;
  }
  .teacher-home-body{
    padding:12px 14px 13px;
  }
  .teacher-role-badge{
    margin-bottom:10px;
    padding:7px 12px;
    border-radius:6px;
    font-size:11px;
  }
  .teacher-home-body h4{
    margin-bottom:0;
    font-size:15px;
    line-height:1.15;
  }
  .teacher-carousel .news-carousel-dots{
    flex:0 0 auto;
    margin-top:10px;
  }
}

/* Hero slideshow integrity: prevent inactive slides from bleeding/splitting into the active hero */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero > .hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
}
.hero > .hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
}

/* Clean header top edge: remove old translucent blur/shine strip above the navbar */
.site-header{
  top:0!important;
  margin:0!important;
  height:72px!important;
  min-height:72px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header::before,
.site-header::after{
  content:none!important;
  display:none!important;
}
.site-header .nav-wrap{
  height:72px!important;
  min-height:72px!important;
  margin-top:0!important;
}
.site-header .brand img{
  width:50px!important;
  height:50px!important;
}
.site-header .site-nav > a,
.site-header .nav-dropdown > button{
  padding-top:25px!important;
  padding-bottom:25px!important;
}
.site-header .site-nav > a.active:after{
  bottom:14px!important;
}
.site-header .nav-dropdown-menu{
  top:62px!important;
  background:#fff!important;
  opacity:0;
}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown.open .nav-dropdown-menu{
  opacity:1!important;
  visibility:visible!important;
}
.site-header.scrolled{
  background:rgba(0,63,52,.94)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:600px){
  .site-header{background:rgba(0,63,52,.96)!important}
}

/* Home viewport edge: close the legacy 24px gap that exposed the white body
   above the first hero slide. Keep this scoped to the direct home hero so
   inner-page spacing is not affected. */
html,
body.site-body{
  margin:0!important;
  padding-top:0!important;
}
body.site-body > .site-header + .hero{
  margin-top:-24px!important;
  margin-bottom:0!important;
}

/* PPDB form pages */
.ppdb-form-card{background:#fff;border-radius:14px;padding:32px;margin-bottom:22px;box-shadow:0 10px 30px rgba(0,39,33,.08);border:1px solid #eef2ef}
.ppdb-form-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eef2ef}
.ppdb-step-badge{width:32px;height:32px;border-radius:50%;background:#003f34;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none}
.ppdb-form-card-head h2{margin:0;font-size:18px;color:#003f34}
.ppdb-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px}
@media(min-width:1400px){.ppdb-field-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.ppdb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ppdb-field-full{grid-column:1/-1}
.ppdb-field label{font-size:13px;font-weight:700;color:#375349}
.ppdb-field label .req{color:#c0392b}
.ppdb-field input,.ppdb-field select,.ppdb-field textarea{padding:10px 12px;border:1px solid #dde5e1;border-radius:8px;font-size:14px;font-family:inherit;background:#fbfdfc;width:100%}
.ppdb-field input:focus,.ppdb-field select:focus,.ppdb-field textarea:focus{outline:none;border-color:#003f34;box-shadow:0 0 0 3px rgba(0,63,52,.1)}
.ppdb-field small{font-size:11px;color:#7c8b85}
.ppdb-field textarea{min-height:80px;resize:vertical}
.ppdb-form-subhead{font-size:13px;font-weight:800;color:#003f34;margin:4px 0 2px;text-transform:uppercase;letter-spacing:.03em}
.ppdb-form-submit-wrap{text-align:center;margin-top:8px}
.ppdb-alert{padding:14px 18px;border-radius:10px;margin-bottom:18px;font-size:14px}
.ppdb-alert ul{margin:0;padding-left:18px}
.ppdb-alert-danger{background:#fdeaea;border:1px solid #e57373;color:#c0392b}
.ppdb-alert-warning{background:#fff8e1;border:1px solid #f3ad31;color:#8a5b00}
.ppdb-alert-success{background:#e5f8e8;border:1px solid #5ec66d;color:#13812e}
.ppdb-login-card{max-width:440px;margin:0 auto}
.ppdb-data-heading{margin:22px 0 10px;padding-bottom:6px;border-bottom:2px solid #eef2f0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--green-800)}
.ppdb-data-heading:first-of-type{margin-top:0}
.ppdb-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px}
.ppdb-data-item{display:flex;flex-direction:column;gap:3px;min-width:0}
.ppdb-data-item-full{grid-column:1/-1}
.ppdb-data-item small{font-size:11px;color:#7c8b85;text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.ppdb-data-item strong{font-size:14px;color:var(--ink);word-break:break-word}
.btn-solid-green{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green-800);color:#fff!important;border:1px solid var(--green-800);border-radius:8px;padding:13px 20px;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(8,96,77,.25);transition:background .2s}
.btn-solid-green:hover{background:#064b3c;color:#fff!important}
.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#0fa53c;color:#fff!important;border:1px solid #0fa53c;border-radius:8px;padding:13px 20px;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(15,165,60,.25);transition:background .2s}
.btn-whatsapp:hover{background:#0c8a32;color:#fff!important}
.btn-soft-green{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#e8f5f0;color:var(--green-800)!important;border:1px solid #c7e3d8;border-radius:8px;padding:13px 20px;font-weight:700;font-size:13px;transition:background .2s}
.btn-soft-green:hover{background:#d9eee5}
.btn-soft-red{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fdeaea;color:#c0392b!important;border:1px solid #f3c6c2;border-radius:8px;padding:13px 20px;font-weight:700;font-size:13px;transition:background .2s}
.btn-soft-red:hover{background:#fadbd8}
@media(max-width:600px){.ppdb-form-card{padding:20px}}

/* Mobile flow correction: keep the hero actions, statistics, and following
   section in normal document flow. The previous negative margin covered the
   third hero CTA on narrow phones and made the 3+2 statistic grid uneven. */
@media(max-width:600px){
  body.site-body > .site-header + .hero{
    margin-top:0!important;
  }
  .hero{
    min-height:0;
    padding-bottom:26px;
  }
  .hero-content{
    padding-top:104px;
    padding-bottom:18px;
  }
  .hero-actions{
    position:relative;
    z-index:2;
  }
  .stats{
    z-index:1;
    margin-top:0!important;
    padding:16px 14px 0;
    background:#f7faf8;
  }
  .stats .site-container{
    width:100%;
  }
  .stats-inner{
    grid-template-columns:repeat(6,minmax(0,1fr));
    padding:12px 10px;
  }
  .stat,
  .stat:nth-child(4),
  .stat:nth-child(5){
    grid-column:span 2;
    min-height:88px;
    padding:8px 4px;
    border-right:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(244,183,59,.24);
  }
  .stat:nth-child(3){
    border-right:0;
  }
  .stat:nth-child(4),
  .stat:nth-child(5){
    grid-column:span 3;
    border-bottom:0;
  }
  .stat:nth-child(5){
    border-right:0;
  }
  .stat i{font-size:24px}
  .stat strong{font-size:21px}
  .stat small{font-size:9px}
  .stats + .section{
    padding-top:40px;
  }
}