/* SMKN1 Kupang V16: extracted from V15 inline CSS; source order retained. */
/* Inline CSS group 1 */

/* =====================================================
SECTION 03A : HERO SLIDER FULL WIDTH PRESISI
Catatan: hanya mengatur area slider, navbar/logo/menu tidak disentuh.
===================================================== */
.home-hero-final{
  width:100%!important;
  height:650px!important;
  min-height:650px!important;
  max-height:650px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:0 0 26px 26px!important;
  background:#06275a!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
}
.home-hero-final .hero-slides,
.home-hero-final .slide{
  position:absolute!important;
  inset:0!important;
}
.home-hero-final .slide{
  opacity:0!important;
  visibility:hidden!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:scale(1.045)!important;
  transition:opacity .85s ease, visibility .85s ease, transform 6.4s ease!important;
  z-index:0!important;
}
.home-hero-final .slide.active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
}
.home-hero-final .slide:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:transparent!important;
}
.home-hero-final .hero-content{
  position:relative!important;
  z-index:3!important;
  color:#fff!important;
  width:min(1180px, calc(100% - 48px))!important;
  max-width:none!important;
  height:100%!important;
  margin:0 auto!important;
  padding-top:92px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.home-hero-final .hero-copy{
  display:none!important;
  opacity:0!important;
  transform:translateY(16px)!important;
}
.home-hero-final .hero-copy.active{
  display:block!important;
  animation:heroTextIn .72s ease forwards!important;
}
.home-hero-final .tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:min(760px, 90vw)!important;
  margin-bottom:14px!important;
  padding:8px 14px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.17)!important;
  backdrop-filter:blur(8px)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.home-hero-final h1{
  max-width:880px!important;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(34px, 3.4vw, 54px)!important;
  line-height:1.1!important;
  letter-spacing:-1px!important;
  text-shadow:0 10px 30px rgba(0,0,0,.30)!important;
}
.home-hero-final p{
  max-width:760px!important;
  margin:0!important;
  color:#f1f8ff!important;
  font-size:clamp(14px, 1.1vw, 17px)!important;
  font-weight:700!important;
  line-height:1.58!important;
}
.home-hero-final .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:22px!important;
}
.home-hero-final .hero-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:178px!important;
  padding:13px 22px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
/* =====================================================
SECTION 03B : RUNNING TEXT KEUNGGULAN DI BAWAH SLIDER
Catatan: dipisah dari slider supaya foto hero tetap bersih dan presisi.
===================================================== */
.running-text-section{
  width:100%!important;
  margin:-28px 0 30px!important;
  padding:0 18px!important;
  position:relative!important;
  z-index:10!important;
}
.running-text-section .running-text-box{
  width:min(1180px, 100%)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(7,88,201,.14)!important;
  box-shadow:0 18px 38px rgba(8,32,68,.14)!important;
  backdrop-filter:blur(10px)!important;
}
.running-text-section .running-text-track{
  display:flex!important;
  width:max-content!important;
  min-width:100%!important;
  white-space:nowrap!important;
  animation:heroTicker 28s linear infinite!important;
}
.running-text-section .running-text-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:13px 34px!important;
  color:#082044!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}
.running-text-section .running-text-item i{
  color:#0758c9!important;
}
.running-text-section .running-text-box:hover .running-text-track{
  animation-play-state:paused!important;
}
.home-hero-final .hero-nav{
  position:absolute!important;
  top:50%!important;
  z-index:5!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  color:#0758c9!important;
  font-size:32px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 14px 32px rgba(8,32,68,.22)!important;
  transform:translateY(-50%)!important;
}
.home-hero-final .hero-nav:hover{
  background:#fff!important;
  transform:translateY(-50%) scale(1.06)!important;
}
.home-hero-final .hero-prev{left:20px!important;}
.home-hero-final .hero-next{right:20px!important;}
.home-hero-final .hero-dots{
  position:absolute!important;
  left:50%!important;
  bottom:16px!important;
  z-index:5!important;
  display:flex!important;
  gap:8px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(10px)!important;
  transform:translateX(-50%)!important;
}
.home-hero-final .hero-dot{
  width:10px!important;
  height:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(7,88,201,.38)!important;
  cursor:pointer!important;
  transition:.25s!important;
}
.home-hero-final .hero-dot.active{
  width:30px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0758c9,#23c7ff)!important;
}
@keyframes heroTicker{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
@keyframes heroTextIn{
  to{opacity:1;transform:translateY(0);}
}
.navbar{z-index:999!important;}
.navbar .mobile{pointer-events:auto!important;}
.navbar .menu{pointer-events:auto!important;}
@media(max-width:1180px){
  .navbar .menu{display:none;}
  .navbar .menu.open{display:flex!important;}
  .navbar .mobile{display:block!important;}
}
@media(min-width:1181px){
  .navbar .menu{display:flex!important;}
  .navbar .mobile{display:none!important;}
}
@media(max-width:900px){
  .home-hero-final{height:560px!important;min-height:560px!important;max-height:560px!important;}
  .home-hero-final .hero-content{width:calc(100% - 34px)!important;padding-top:76px!important;}
  .home-hero-final .hero-nav{display:none!important;}
  .home-hero-final h1{max-width:94vw!important;font-size:clamp(28px, 7vw, 40px)!important;}
  .home-hero-final .tag{max-width:88vw!important;}
  .running-text-section{margin:-24px 0 26px!important;padding:0 14px!important;}
  .running-text-section .running-text-item{font-size:14px!important;padding:11px 24px!important;}
}
@media(max-width:520px){
  .home-hero-final{height:560px!important;min-height:560px!important;max-height:560px!important;border-radius:0 0 20px 20px!important;}
  .home-hero-final .hero-content{width:calc(100% - 28px)!important;padding-top:58px!important;}
  .home-hero-final .hero-actions{gap:10px!important;width:100%!important;}
  .home-hero-final .hero-actions .btn{width:100%!important;min-width:0!important;text-align:center!important;}
  .running-text-section{margin:-22px 0 24px!important;padding:0 12px!important;}
  .running-text-section .running-text-item{font-size:13px!important;gap:12px!important;padding:10px 20px!important;}
}

/* =====================================================
LAYOUT FINAL PROFESIONAL - PRESISI & RESPONSIVE
===================================================== */
.section{padding:72px 0!important;}
.modern-section-head.center{max-width:880px!important;margin:0 auto 30px!important;text-align:center!important;}
.modern-section-head h2,.title h2{letter-spacing:-.04em!important;line-height:1.05!important;}
.modern-section-head p,.title p{max-width:760px!important;color:#5f7396!important;line-height:1.75!important;}
.home-hero-final{height:clamp(430px,48vw,680px)!important;min-height:430px!important;max-height:680px!important;}
.home-hero-final .hero-content{padding-top:clamp(70px,8vw,120px)!important;}
.baliho-section{padding:70px 0 82px!important;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)!important;}
.baliho-slider{width:min(1180px,100%)!important;margin:0 auto!important;aspect-ratio:21/9!important;min-height:330px!important;max-height:500px!important;border-radius:34px!important;overflow:hidden!important;box-shadow:0 30px 80px rgba(10,52,118,.18)!important;background:#0b3a76!important;}
.baliho-slide{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;display:flex!important;align-items:center!important;}
.baliho-content{max-width:620px!important;padding:clamp(28px,5vw,64px)!important;color:#fff!important;}
.baliho-content span{display:inline-flex!important;padding:8px 14px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;font-weight:800!important;margin-bottom:14px!important;}
.baliho-content h3{font-size:clamp(30px,4.4vw,58px)!important;line-height:1.03!important;margin:0 0 12px!important;color:#fff!important;letter-spacing:-.045em!important;}
.baliho-content p{font-size:clamp(15px,1.3vw,19px)!important;line-height:1.75!important;max-width:540px!important;color:rgba(255,255,255,.92)!important;}
.baliho-nav{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.18)!important;color:#fff!important;backdrop-filter:blur(12px)!important;}
.premium-info-strip{margin:0!important;padding:38px 0!important;background:#fff!important;}
.premium-info-card{max-width:980px!important;margin:0 auto!important;border-radius:28px!important;}
.principal-compact-section{padding-top:52px!important;}
.principal-card.principal-compact{display:grid!important;grid-template-columns:minmax(250px,360px) 1fr!important;gap:46px!important;align-items:center!important;max-width:1120px!important;}
.principal-photo img{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;}
.pro-media-layout{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr)!important;gap:26px!important;align-items:start!important;}
.pdf-embed-card,.media-video-sidebar{border-radius:28px!important;overflow:hidden!important;}
.pdf-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin:18px 0!important;}
.pdf-title-row h3{font-size:clamp(22px,2vw,30px)!important;line-height:1.18!important;margin:0 0 4px!important;}
.pdf-frame-wrap{height:clamp(430px,58vw,760px)!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(15,82,186,.18)!important;background:#f2f6fd!important;}
.pdf-frame-wrap iframe{width:100%!important;height:100%!important;border:0!important;background:#fff!important;}
.pdf-empty-state{min-height:360px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:36px!important;background:#f8fbff!important;border-radius:22px!important;}
.pdf-empty-state i{font-size:58px!important;color:#1976d2!important;margin-bottom:10px!important;}
.pdf-list-mini{margin-top:22px!important;display:grid!important;gap:10px!important;}
.gallery-premium-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.gallery-premium-card{border-radius:24px!important;overflow:hidden!important;min-height:230px!important;box-shadow:0 18px 45px rgba(7,40,90,.12)!important;}
.gallery-premium-card:nth-child(1),.gallery-premium-card:nth-child(6){grid-column:span 2!important;}
.gallery-premium-card img{width:100%!important;height:100%!important;min-height:230px!important;object-fit:cover!important;transition:transform .45s ease!important;}
.gallery-premium-card:hover img{transform:scale(1.06)!important;}
.news-info-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important;align-items:start!important;}
@media(max-width:1024px){
 .baliho-slider{aspect-ratio:16/9!important;min-height:300px!important;border-radius:26px!important;}
 .principal-card.principal-compact,.pro-media-layout,.news-info-layout{grid-template-columns:1fr!important;}
 .gallery-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .gallery-premium-card:nth-child(1),.gallery-premium-card:nth-child(6){grid-column:span 1!important;}
}
@media(max-width:640px){
 .section{padding:48px 0!important;}
 .home-hero-final{height:520px!important;min-height:520px!important;}
 .baliho-section{padding:42px 0 52px!important;}
 .baliho-slider{aspect-ratio:auto!important;min-height:420px!important;border-radius:22px!important;}
 .baliho-content{padding:30px 24px!important;}
 .baliho-nav{display:none!important;}
 .principal-card.principal-compact{gap:26px!important;}
 .pdf-title-row{display:block!important;}
 .pdf-title-row .btn{margin-top:14px!important;width:100%!important;text-align:center!important;}
 .pdf-frame-wrap{height:520px!important;border-radius:18px!important;}
 .gallery-premium-grid{grid-template-columns:1fr!important;}
 .gallery-premium-card,.gallery-premium-card img{min-height:240px!important;}
}



/* =====================================================
FINAL OVERRIDE - UI HALAMAN DEPAN RAPI, CENTER, RESPONSIVE
===================================================== */
body{overflow-x:hidden!important;}
.section .container > .title,
.section .container > .modern-section-head,
.section .container > .gradient-title,
.section .container > .section-head,
.tefa-head,
.kelas-industri-head{
  max-width:920px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
  display:block!important;
}
.section .container > .title > div,
.tefa-head > div,
.kelas-industri-head > div{
  display:block!important;
  text-align:center!important;
  margin:0 auto!important;
}
.section .container > .title h1,
.section .container > .title h2,
.section .container > .modern-section-head h1,
.section .container > .modern-section-head h2,
.section .container > .gradient-title h1,
.section .container > .gradient-title h2,
.tefa-head h2,
.kelas-industri-head h2{
  text-align:center!important;
  margin:10px auto 12px!important;
  max-width:880px!important;
  font-size:clamp(30px,3.4vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  color:#09295a!important;
}
.section .container > .title p,
.section .container > .modern-section-head p,
.section .container > .gradient-title p,
.tefa-head p,
.kelas-industri-head p{
  text-align:center!important;
  margin:0 auto 18px!important;
  max-width:760px!important;
  color:#5f7396!important;
  line-height:1.75!important;
  font-size:clamp(15px,1.2vw,18px)!important;
}
.section .container > .title .btn{margin:10px auto 0!important;display:inline-flex!important;}
.badge,.modern-section-badge{justify-content:center!important;margin-left:auto!important;margin-right:auto!important;}
.baliho-section .modern-section-head.center{text-align:center!important;margin-bottom:28px!important;}
.baliho-slider{height:auto!important;width:min(1180px,calc(100vw - 32px))!important;aspect-ratio:21/9!important;min-height:360px!important;max-height:520px!important;}
.baliho-content{margin:0!important;text-align:left!important;}
.mitra-pkl-section{background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%)!important;}
.mitra-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 auto 24px!important;max-width:1080px!important;}
.mitra-summary-grid article{text-align:center!important;border-radius:22px!important;padding:22px 16px!important;background:#fff!important;box-shadow:0 16px 40px rgba(7,40,90,.08)!important;border:1px solid rgba(15,82,186,.10)!important;}
.mitra-summary-grid b{display:block!important;font-size:clamp(26px,2.5vw,40px)!important;color:#0f52ba!important;line-height:1!important;}
.mitra-summary-grid small{display:block!important;margin-top:8px!important;color:#607494!important;font-weight:800!important;}
.dudi-table-wrap{max-width:1160px!important;margin:0 auto 28px!important;border-radius:28px!important;background:#fff!important;box-shadow:0 24px 70px rgba(7,40,90,.12)!important;border:1px solid rgba(15,82,186,.12)!important;overflow:hidden!important;}
.dudi-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:24px 26px!important;border-bottom:1px solid rgba(15,82,186,.10)!important;background:linear-gradient(135deg,#f8fbff,#ffffff)!important;}
.dudi-table-head h3{margin:4px 0 0!important;font-size:clamp(22px,2vw,30px)!important;color:#09295a!important;letter-spacing:-.03em!important;}
.mini-label{display:inline-flex!important;border-radius:999px!important;background:#e8f2ff!important;color:#0f52ba!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.table-responsive{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.dudi-table{width:100%!important;border-collapse:collapse!important;min-width:760px!important;background:#fff!important;}
.dudi-table th{background:#0f52ba!important;color:#fff!important;text-align:left!important;padding:15px 16px!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important;}
.dudi-table td{padding:15px 16px!important;border-bottom:1px solid #e8eef8!important;color:#29405f!important;vertical-align:middle!important;}
.dudi-table tbody tr:hover{background:#f8fbff!important;}
.dudi-table td:first-child,.dudi-table th:first-child{text-align:center!important;width:70px!important;}
.status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:70px!important;border-radius:999px!important;background:#e8fff1!important;color:#0b7a3b!important;font-weight:900!important;padding:7px 12px!important;font-size:12px!important;}
.empty-cell{text-align:center!important;padding:28px!important;color:#607494!important;font-weight:800!important;background:#fbfdff!important;}
.pro-media-layout{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)!important;gap:24px!important;align-items:start!important;}
.pdf-frame-wrap{height:clamp(460px,56vw,740px)!important;}
.media-video-sidebar iframe,.yt-card iframe{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:18px!important;}
.gallery-premium-grid{align-items:stretch!important;}
@media(max-width:1024px){
  .baliho-slider{aspect-ratio:16/9!important;min-height:320px!important;}
  .mitra-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pro-media-layout{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .section .container > .title h1,.section .container > .title h2,.section .container > .modern-section-head h1,.section .container > .modern-section-head h2,.section .container > .gradient-title h1,.section .container > .gradient-title h2{font-size:clamp(26px,8vw,34px)!important;}
  .baliho-slider{width:calc(100vw - 24px)!important;min-height:380px!important;border-radius:22px!important;}
  .baliho-content{text-align:center!important;margin:0 auto!important;}
  .mitra-summary-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .dudi-table-head{display:block!important;text-align:center!important;padding:22px 18px!important;}
  .dudi-table-head .btn{margin-top:14px!important;width:100%!important;justify-content:center!important;}
  .pdf-frame-wrap{height:500px!important;}
}

/* FINAL UX CLEANUP 2026-06-09: satu informasi, berita+video, pengumuman+PDF */
.modern-section-head.center,.school-stats-heading,.gradient-title{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
.modern-section-head.center p,.school-stats-heading p,.gradient-title p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;}
.section{scroll-margin-top:110px;}
.home-hero-final{margin-bottom:0!important;}
.home-hero-final .slide{background-color:#07346f!important;}
.news-media-home{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;}
.news-media-layout{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)!important;gap:28px!important;align-items:start!important;}
.news-main-col{display:grid!important;gap:18px!important;}
.news-headline{overflow:hidden!important;border-radius:28px!important;}
.news-headline>img{width:100%!important;height:320px!important;object-fit:cover!important;background:#eef6ff!important;}
.news-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.mini-news{display:flex!important;gap:14px!important;align-items:center!important;padding:12px!important;text-decoration:none!important;border-radius:20px!important;}
.mini-news img{width:92px!important;height:74px!important;border-radius:14px!important;object-fit:cover!important;background:#eef6ff!important;}
.media-video-sidebar{border-radius:28px!important;padding:24px!important;}
.yt-card{display:grid!important;gap:10px!important;margin-bottom:16px!important;}
.yt-card iframe{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:18px!important;background:#eef6ff!important;}
.media-center-section{background:#fff!important;}
.media-center-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:24px!important;align-items:start!important;}
.pdf-embed-card,.info-only-sidebar{border-radius:28px!important;padding:24px!important;}
.pdf-frame-wrap iframe{width:100%!important;height:min(72vh,720px)!important;border:0!important;border-radius:18px!important;background:#f5f9ff!important;}
.pdf-empty-state{min-height:280px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px dashed #bcd7ff!important;border-radius:22px!important;background:#f7fbff!important;padding:32px!important;}
.pdf-list-mini{display:grid!important;gap:12px!important;}
.media-file-item{display:grid!important;grid-template-columns:44px 1fr auto!important;gap:12px!important;align-items:center!important;padding:14px!important;border:1px solid #d7e8ff!important;border-radius:18px!important;text-decoration:none!important;background:#fff!important;}
.school-stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.school-stat-card{text-align:center!important;border-radius:24px!important;min-height:150px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.dudi-table-wrap{overflow:hidden!important;border-radius:28px!important;}
.table-responsive{width:100%!important;overflow-x:auto!important;}
.dudi-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:760px!important;}
.dudi-table th,.dudi-table td{padding:14px 16px!important;text-align:left!important;border-bottom:1px solid #e6efff!important;}
.dudi-table th{background:#f1f7ff!important;color:#09285a!important;font-weight:900!important;}
@media(max-width:980px){
  .news-media-layout,.media-center-layout{grid-template-columns:1fr!important;}
  .news-list{grid-template-columns:1fr!important;}
  .school-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .news-headline>img{height:240px!important;}
}
@media(max-width:560px){
  .school-stats-grid{grid-template-columns:1fr!important;}
  .modern-section-head.center h2,.school-stats-heading h2{font-size:clamp(28px,8vw,40px)!important;}
  .media-file-item{grid-template-columns:40px 1fr!important;}
  .media-file-item small{grid-column:2!important;}
  .pdf-frame-wrap iframe{height:520px!important;}
}

/* FINAL PATCH 2026-06-30 - TEKS BANNER PROFIL & FORM JELAS */
.section .container > .gradient-title{
  width:min(100%,980px)!important;margin:52px auto 34px!important;padding:46px 34px!important;
  border-radius:32px!important;background:radial-gradient(circle at 92% 12%,rgba(255,211,61,.30),transparent 26%),linear-gradient(135deg,#06306f 0%,#0758c9 58%,#23a8f2 100%)!important;
  box-shadow:0 28px 85px rgba(7,88,201,.22)!important;border:1px solid rgba(255,255,255,.28)!important;overflow:hidden!important;text-align:center!important;
}
.section .container > .gradient-title h1,.section .container > .gradient-title h2{
  color:#fff!important;text-shadow:0 10px 28px rgba(0,0,0,.22)!important;max-width:900px!important;margin:0 auto 14px!important;font-size:clamp(30px,4.2vw,56px)!important;line-height:1.08!important;letter-spacing:-1.2px!important;word-break:normal!important;overflow-wrap:break-word!important;
}
.section .container > .gradient-title p{
  color:#eef7ff!important;max-width:760px!important;margin:0 auto!important;font-weight:700!important;line-height:1.75!important;font-size:clamp(15px,1.4vw,18px)!important;
}
.profile-action-card b,.identity-modern-card strong{color:#071b3a!important}.profile-action-card small,.identity-modern-card small{color:#52657f!important}
@media(max-width:760px){.section .container > .gradient-title{margin:28px auto 26px!important;padding:30px 20px!important;border-radius:24px!important}.section .container > .gradient-title h1,.section .container > .gradient-title h2{font-size:clamp(26px,8vw,36px)!important}}

/* FINAL PATCH PDF MOBILE 2026-07-02 */
.pdf-responsive-viewer{width:100%!important;max-width:100%!important;overflow:hidden!important;background:#f7fbff!important;border-radius:22px!important;}
.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{display:block!important;width:100%!important;min-height:680px!important;height:min(78vh,760px)!important;border:0!important;background:#fff!important;border-radius:18px!important;}
.pdf-viewer-box.pdf-responsive-viewer{padding:12px!important;border:1px solid #d7e8ff!important;box-shadow:0 18px 45px rgba(10,77,157,.08)!important;}
.pdf-mobile-helper{display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0 0 12px!important;padding:12px 14px!important;border-radius:16px!important;background:#eef7ff!important;color:#0a4d9d!important;font-weight:800!important;line-height:1.5!important;}
.pdf-mobile-helper i{margin-top:3px!important;}
.pdf-fallback-panel{min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:28px!important;color:#0f2749!important;background:#fff!important;}
.pdf-fallback-panel i{font-size:48px!important;color:#d32f2f!important;}
.pdf-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:14px!important;}
@media(max-width:768px){.pdf-embed-card,.info-only-sidebar{padding:16px!important;border-radius:22px!important}.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{min-height:74vh!important;height:74vh!important;border-radius:14px!important}.pdf-viewer-box.pdf-responsive-viewer{padding:8px!important;margin-left:-4px!important;margin-right:-4px!important}.pdf-mobile-helper{font-size:13px!important;padding:10px 12px!important}.pdf-title-row .btn{width:100%!important;justify-content:center!important}.article-wrap{grid-template-columns:1fr!important}.article{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:420px){.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{min-height:70vh!important;height:70vh!important}.pdf-mobile-helper{font-size:12.5px!important}.pdf-fallback-panel{padding:22px 14px!important}}

/* Inline CSS group 2 */

.cek-seleksi-page{position:relative;overflow:hidden;background:radial-gradient(circle at 9% 6%,rgba(59,130,246,.13),transparent 24%),radial-gradient(circle at 92% 90%,rgba(245,158,11,.20),transparent 25%),linear-gradient(180deg,#f8fbff 0%,#fff 46%,#f8fbff 100%)!important;padding-top:76px!important;padding-bottom:88px!important}.cek-seleksi-page:before{content:'';position:absolute;left:-90px;bottom:-150px;width:330px;height:330px;border-radius:50%;background:rgba(96,165,250,.18)}.cek-seleksi-page:after{content:'';position:absolute;right:-120px;top:-170px;width:360px;height:360px;border-radius:50%;background:rgba(219,234,254,.95)}.cek-container{position:relative;z-index:2}.cek-bg-shape{position:absolute;color:#bfdbfe;opacity:.65;z-index:1;pointer-events:none}.cek-shape-left{left:6%;top:112px;font-size:82px;transform:rotate(-14deg)}.cek-shape-right{right:8%;top:175px;font-size:58px;transform:rotate(12deg);opacity:.42}.cek-title{max-width:960px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:32px}.cek-badge{display:inline-flex!important;align-items:center;gap:9px;border:1px solid #bfdbfe!important;background:rgba(255,255,255,.9)!important;color:#0057c2!important;box-shadow:0 10px 24px rgba(10,77,157,.08);padding:10px 18px!important;font-size:13px!important;letter-spacing:.03em}.cek-badge i{font-size:17px}.cek-title h2{margin-top:22px!important;font-size:clamp(42px,5.4vw,68px)!important;line-height:.98!important;letter-spacing:-.045em;color:#082f69!important;text-wrap:balance}.cek-title p{max-width:820px;margin:22px auto 0!important;color:#334155!important;font-size:clamp(16px,1.45vw,19px)!important;line-height:1.78!important}.cek-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(270px,.92fr);gap:24px;align-items:stretch}.cek-card,.cek-info,.cek-principal-card{min-height:430px;border-radius:30px!important;box-shadow:0 24px 70px rgba(8,47,105,.10)!important;border:1px solid #d7e8ff!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);transition:transform .22s ease,box-shadow .22s ease}.cek-card:hover,.cek-info:hover,.cek-principal-card:hover{transform:translateY(-4px);box-shadow:0 32px 90px rgba(8,47,105,.14)!important}.cek-form-card,.cek-info-card{padding:38px!important}.cek-card-head{display:flex;align-items:center;gap:16px;margin-bottom:26px}.cek-card-head h3{margin:0;color:#082f69;font-size:25px;line-height:1.1;letter-spacing:-.02em}.cek-icon{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}.cek-icon-blue{background:linear-gradient(135deg,#1d74e8,#0057c2);color:#fff;box-shadow:0 14px 28px rgba(0,87,194,.24)}.cek-icon-soft{background:linear-gradient(135deg,#eaf4ff,#cfe4ff);color:#0057c2;box-shadow:0 14px 30px rgba(10,77,157,.14)}.cek-input-wrap{display:flex;align-items:center;gap:13px;border:1px solid #c9def8;border-radius:16px;padding:0 18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);height:58px}.cek-input-wrap:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.18)}.cek-input-wrap i{color:#64748b;font-size:18px}.cek-input{border:0!important;box-shadow:none!important;padding:0!important;height:54px!important;width:100%;background:transparent!important;font-size:16px!important}.cek-input:focus{outline:none!important}.cek-btn-primary{margin-top:26px;width:100%;height:62px;border-radius:16px!important;background:linear-gradient(135deg,#1d74e8,#0057c2)!important;box-shadow:0 16px 32px rgba(0,87,194,.25)!important;font-size:18px!important;font-weight:900!important;justify-content:center}.cek-btn-primary i{font-size:21px}.cek-safe-note{margin-top:34px;padding-top:28px;border-top:1px solid #dbeafe;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center}.cek-safe-note span{width:48px;height:48px;border-radius:50%;background:#eef6ff;color:#0057c2;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(10,77,157,.10)}.cek-safe-note p{margin:0;color:#465a78;font-size:14.5px;line-height:1.75}.cek-info-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.cek-info-card .cek-card-head em{display:block;width:38px;height:4px;border-radius:999px;background:#f5b30b;margin-top:12px}.cek-info-card p{color:#253858;font-size:17px;line-height:1.75;margin:0}.cek-info-card b{color:#0057c2}.cek-doc-illustration{margin:auto auto 22px;position:relative;width:176px;height:126px;display:flex;align-items:center;justify-content:center;color:#bfdbfe}.cek-doc-illustration>i{font-size:106px;opacity:.62}.cek-doc-illustration span{position:absolute;right:18px;bottom:6px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#0057c2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 18px 36px rgba(0,87,194,.22)}.cek-btn-gold{width:100%;height:58px;border-radius:15px!important;background:linear-gradient(135deg,#ffd765,#f5a400)!important;color:#082f69!important;font-weight:950!important;box-shadow:0 18px 36px rgba(245,164,0,.22)!important;justify-content:center}.cek-principal-card{position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,#eff7ff 0%,#fff 58%,#f8fbff 100%)!important;padding:34px 24px 26px!important}.principal-decoration{position:absolute;color:#b8d7ff;opacity:.8;z-index:1}.principal-cap{left:26px;top:34px;font-size:52px;transform:rotate(-12deg)}.principal-book{right:28px;top:48px;font-size:42px;transform:rotate(12deg)}.cek-principal-photo{position:relative;z-index:2;margin:0 auto 20px;width:min(100%,226px);height:250px;border-radius:28px;background:linear-gradient(135deg,#dbeafe,#ffffff);padding:7px;box-shadow:0 22px 50px rgba(8,47,105,.18)}.cek-principal-photo:before,.cek-principal-photo:after{content:'';position:absolute;top:82px;width:52px;height:104px;border:4px solid #c7ddff;border-left:0;border-bottom:0;border-radius:0 60px 0 0;opacity:.75}.cek-principal-photo:before{left:-56px;transform:scaleX(-1) rotate(-10deg)}.cek-principal-photo:after{right:-56px;transform:rotate(-10deg)}.cek-principal-photo img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:22px;background:#fff;display:block}.cek-principal-body{position:relative;z-index:2}.cek-principal-body .mini-label{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1d74e8,#0057c2);color:#fff;border:0;padding:9px 18px;font-size:12px;box-shadow:0 12px 28px rgba(0,87,194,.22);margin-bottom:14px}.cek-principal-body h3{margin:0 0 8px;color:#082f69;font-size:22px;line-height:1.18;letter-spacing:-.025em}.cek-principal-body p{margin:0 0 14px;color:#0057c2;font-size:17px;font-weight:950}.cek-principal-body small{display:block;border-top:2px solid rgba(245,179,11,.55);padding-top:16px;color:#53627d;line-height:1.6;font-size:14px}.cek-alert{margin-top:22px;padding:18px 20px;border-radius:20px;font-weight:850}.cek-alert.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.hasil-seleksi-wrap{margin-top:28px;display:grid;gap:18px}.hasil-card{display:flex;gap:18px;padding:26px;border-radius:30px;background:#fff;border:1px solid #dbeafe;box-shadow:0 24px 70px rgba(15,82,186,.12)}.hasil-card.approved{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#ffffff)}.hasil-icon{font-size:42px;line-height:1}.hasil-body h3{margin:8px 0 16px;font-size:28px;color:#082f69}.hasil-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hasil-meta span{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:13px;color:#334155}.hasil-meta b{display:block;color:#0A4D9D;font-size:12px;text-transform:uppercase;margin-bottom:5px}.status-big{display:inline-flex;padding:11px 16px;border-radius:999px;background:#16a34a;color:#fff;font-weight:950;letter-spacing:.04em}.wajib{font-size:16px;line-height:1.7;color:#334155}.sr-label{display:block;margin:0 0 10px;color:#082f69;font-weight:900;font-size:14px}@media(max-width:1180px){.cek-grid{grid-template-columns:1fr 1fr}.cek-principal-card{grid-column:1/-1;display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center;text-align:left;min-height:auto}.cek-principal-photo{margin:0}.cek-principal-body small{max-width:560px}.principal-cap{left:22px}.principal-book{right:28px}}@media(max-width:850px){.cek-seleksi-page{padding-top:46px!important;padding-bottom:58px!important}.desktop-break{display:none}.cek-grid{grid-template-columns:1fr;gap:18px}.cek-form-card,.cek-info-card,.cek-principal-card{padding:24px!important;min-height:auto}.cek-title{margin-bottom:24px}.cek-title h2{font-size:clamp(34px,10vw,54px)!important;line-height:1.06!important}.cek-title p{font-size:15.5px!important;line-height:1.7!important}.cek-card-head h3{font-size:22px}.cek-principal-card{display:flex;text-align:center}.cek-principal-photo{width:min(78vw,226px);height:248px;margin:0 auto 18px}.cek-principal-photo:before,.cek-principal-photo:after{display:none}.cek-btn-gold,.cek-btn-primary{width:100%;justify-content:center}.cek-info-card p{font-size:16px}.cek-doc-illustration{margin:28px auto 22px}.hasil-card{flex-direction:column}.hasil-meta{grid-template-columns:1fr}.principal-decoration{display:none}}@media(max-width:480px){.cek-form-card,.cek-info-card,.cek-principal-card{border-radius:24px!important;padding:20px!important}.cek-badge{font-size:11.5px!important;padding:8px 12px!important}.cek-input-wrap{height:54px;padding:0 14px}.cek-btn-primary,.cek-btn-gold{height:auto;min-height:54px;padding:13px 14px!important;font-size:15px!important}.cek-safe-note{grid-template-columns:1fr;text-align:center;justify-items:center}.cek-principal-photo{height:232px}.cek-principal-body h3{font-size:20px}.cek-shape-left,.cek-shape-right{display:none}}

/* Inline CSS group 3 */

/* === FINAL FIX NAVBAR HP: modern, tidak keluar samping, klik aktif === */
.navbar{overflow:visible!important;z-index:5000!important;position:sticky!important;top:0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 14px 35px rgba(7,27,66,.08)!important}
.navbar .navwrap{position:relative!important;overflow:visible!important;min-width:0!important}
.navbar .brand{min-width:0!important;max-width:calc(100% - 76px)!important}
.navbar .brand span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.navbar .menu a.active,.navbar .menu a:hover{background:linear-gradient(135deg,#0A4D9D,#1E88E5)!important;color:#fff!important;box-shadow:0 12px 24px rgba(10,77,157,.20)!important}
.navbar .mobile{width:56px!important;height:56px!important;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#0A4D9D,#1E88E5)!important;color:#fff!important;font-size:0!important;box-shadow:0 16px 34px rgba(10,77,157,.28)!important;cursor:pointer!important;flex:0 0 auto!important;position:relative!important}
.navbar .mobile:before{content:"☰";font-size:26px;line-height:1;font-weight:900}
.navbar .mobile.active:before{content:"×";font-size:34px}
@media(max-width:1080px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.mobile-nav-open{overflow:hidden!important}
  .navbar .container,.navbar .navwrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .navbar .navwrap{padding-left:14px!important;padding-right:14px!important;gap:12px!important}
  .navbar .brand img{width:54px!important;height:54px!important;flex:0 0 54px!important}
  .navbar .brand span{font-size:15px!important;line-height:1.15!important;white-space:normal!important}
  .navbar .brand small{font-size:11px!important;line-height:1.2!important;display:block!important}
  .navbar .mobile{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}
  .navbar .menu{display:flex!important;position:fixed!important;left:12px!important;right:12px!important;top:calc(var(--nav-top, 92px) + env(safe-area-inset-top))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 112px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:14px!important;border-radius:26px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(10,77,157,.14)!important;box-shadow:0 30px 80px rgba(7,27,66,.24)!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-12px) scale(.98)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;z-index:6000!important}
  .navbar .menu.open,body.mobile-nav-open .navbar .menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
  .navbar .menu a,.navbar .menu-item>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;box-sizing:border-box!important;padding:14px 16px!important;border-radius:18px!important;color:#071B42!important;font-weight:900!important;text-decoration:none!important;background:#f6faff!important;border:1px solid #e2efff!important}
  .navbar .nav-ppdb{border-radius:18px!important;background:linear-gradient(135deg,#0A4D9D,#20A8F7)!important;color:#fff!important;justify-content:center!important}
  .navbar .menu-item{display:block!important;width:100%!important}
  .navbar .dropdown-menu{position:static!important;display:none!important;grid-template-columns:1fr!important;gap:7px!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;margin:7px 0 0!important;padding:0!important;min-width:0!important;width:100%!important}
  .navbar .menu-item.drop-open .dropdown-menu{display:grid!important}
  .navbar .dropdown-menu a{padding:12px 14px!important;background:#eef7ff!important;color:#0A4D9D!important;margin:0!important}
}
@media(max-width:390px){
  .navbar .brand span{font-size:13px!important}.navbar .brand small{font-size:10px!important}.navbar .mobile{width:50px!important;height:50px!important;border-radius:16px!important}.navbar .brand img{width:48px!important;height:48px!important;flex-basis:48px!important}
}

/* Inline CSS group 4 */

@media(max-width:1080px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .navbar,.navbar *{box-sizing:border-box!important;}
  .navbar{position:sticky!important;top:0!important;z-index:2147483000!important;overflow:visible!important;isolation:isolate!important;}
  .navbar:before,.navbar:after{pointer-events:none!important;}
  .navbar .navwrap{position:relative!important;z-index:2147483001!important;overflow:visible!important;}
  .navbar .brand{position:relative!important;z-index:1!important;pointer-events:auto!important;max-width:calc(100% - 72px)!important;}
  #mobileMenuBtn,.navbar .mobile{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:2147483647!important;pointer-events:auto!important;touch-action:manipulation!important;
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;margin-left:auto!important;
    border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#0756b7,#22aaf8)!important;color:#fff!important;
    box-shadow:0 16px 34px rgba(8,89,190,.34)!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }
  #mobileMenuBtn:before,.navbar .mobile:before{content:'☰'!important;font-size:28px!important;font-weight:900!important;line-height:1!important;color:#fff!important;}
  #mobileMenuBtn.active:before,.navbar .mobile.active:before{content:'×'!important;font-size:38px!important;line-height:.8!important;}
  #mainMenu.navbar-mobile-open,.navbar .menu.navbar-mobile-open,.navbar .menu.open{
    display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;
  }
  #mainMenu,.navbar .menu{
    position:fixed!important;left:12px!important;right:12px!important;top:calc(var(--nav-top, 118px) + env(safe-area-inset-top))!important;
    width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 140px)!important;overflow-y:auto!important;
    padding:14px!important;border-radius:26px!important;background:rgba(255,255,255,.99)!important;border:1px solid rgba(8,89,190,.18)!important;
    box-shadow:0 34px 95px rgba(7,27,66,.34)!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;
    z-index:2147483600!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-14px) scale(.98)!important;
  }
  #mainMenu a,#mainMenu .menu-item>a{display:flex!important;align-items:center!important;width:100%!important;min-height:50px!important;padding:14px 16px!important;border-radius:18px!important;background:#f5f9ff!important;border:1px solid #e0efff!important;color:#071b42!important;font-weight:900!important;text-decoration:none!important;}
  #mainMenu a.active,#mainMenu a:hover{background:linear-gradient(135deg,#0756b7,#22aaf8)!important;color:#fff!important;}
  #mainMenu .dropdown-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;margin-top:8px!important;padding:0!important;width:100%!important;}
  #mainMenu .menu-item.drop-open .dropdown-menu{display:grid!important;gap:7px!important;}
  body.mobile-nav-open{overflow:hidden!important;}
  .home-hero-final,.hero,.slider,.hero-slider{z-index:1!important;position:relative!important;}
}
@media(min-width:1081px){#mobileMenuBtn,.navbar .mobile{display:none!important;}#mainMenu,.navbar .menu{display:flex!important;}}

/* Inline CSS group 5 */

/* =====================================================
   FINAL FRONTEND PROFESSIONAL FIX - HOSTINGER READY
   Tujuan: semua menu depan rapi, aktif, presisi, responsif HP/tablet/desktop.
===================================================== */
:root{--smk-blue:#0A4D9D;--smk-sky:#22aaf8;--smk-dark:#071b42;--smk-soft:#f5f9ff;--smk-border:#dbeafe;--smk-gold:#f6c453;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden;}
body{max-width:100%;overflow-x:hidden;text-rendering:optimizeLegibility;}
a,button,input,select,textarea{font-family:inherit;}
img,video,iframe,object,embed{max-width:100%;}
.container{width:min(1180px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important;}
.section{padding:78px 0!important;}
.section.white{background:#fff!important;}
.title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin-bottom:28px!important;}
.title h1,.title h2{line-height:1.12!important;letter-spacing:-.025em!important;margin:0 0 8px!important;color:#082f69!important;}
.title p{max-width:760px!important;line-height:1.72!important;color:#475569!important;margin:0!important;}
.badge{display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:100%!important;white-space:normal!important;line-height:1.25!important;}
.btn,.button,button.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:12px 18px!important;border-radius:999px!important;text-decoration:none!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;cursor:pointer!important;}
.navbar{width:100%!important;}
.topbar-premium{font-size:13px!important;}
.topflex{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;}
.topflex span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.navbar .navwrap{display:flex!important;align-items:center!important;gap:16px!important;min-height:78px!important;}
.navbar .brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--smk-dark)!important;min-width:0!important;}
.navbar .brand img{width:56px!important;height:56px!important;object-fit:contain!important;flex:0 0 auto!important;}
.navbar .brand span{font-weight:950!important;line-height:1.12!important;letter-spacing:-.02em!important;}
.navbar .brand small{font-size:12px!important;font-weight:800!important;color:#64748b!important;}
.navbar .menu{margin-left:auto!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.navbar .menu>a,.navbar .menu .menu-item>a{min-height:42px!important;padding:10px 12px!important;border-radius:999px!important;white-space:nowrap!important;text-decoration:none!important;}
.navbar .menu .menu-item{position:relative!important;display:inline-flex!important;}
.navbar .dropdown-menu{min-width:230px!important;max-width:300px!important;border-radius:20px!important;overflow:hidden!important;}
.grid,.grid-2,.grid-3,.grid-4,.kelas-industri-grid,.tefa-grid,.gallery-premium-grid,.announcement-grid,.lsp-scheme-grid,.ki-info-grid,.ki-photo-grid,.final-news-grid{min-width:0!important;}
.card,.lux-card,.tefa-card,.kelas-industri-card,.kelas-industri-detail,.gallery-premium-card,.announcement-card,.hasil-card{overflow:hidden!important;min-width:0!important;}
.card img,.lux-card img,.tefa-img img,.kelas-industri-img img,.gallery-premium-card img,.announcement-card img{width:100%!important;display:block!important;object-fit:cover!important;}
.card-body h3,.tefa-body h3,.kelas-industri-body h3,.article h1,.article h2,.article h3{overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.2!important;}
.card-body p,.tefa-body p,.kelas-industri-body p,.article p,.sidebar p{overflow-wrap:anywhere!important;line-height:1.72!important;}
.article-wrap,.news-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:28px!important;align-items:start!important;}
.article,.sidebar{min-width:0!important;}
.article>img{width:100%!important;max-height:560px!important;object-fit:cover!important;border-radius:24px!important;margin:18px 0!important;}
.sidebar{position:sticky!important;top:104px!important;}
.side-link{display:block!important;overflow-wrap:anywhere!important;}
.form{max-width:100%!important;}
.input,input,select,textarea{max-width:100%!important;width:100%!important;border-radius:16px!important;}
.hero-actions,.news-action-bar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.home-hero-final .hero-content{width:min(780px,calc(100% - 32px))!important;max-width:100%!important;}
.home-hero-final .hero-content h1{overflow-wrap:anywhere!important;}
.pdf-viewer-box,.pdf-responsive-viewer{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:24px!important;}
.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{width:100%!important;min-height:72vh!important;border:0!important;display:block!important;background:#fff!important;}
.footer{overflow:hidden!important;}
.footer-grid{display:grid!important;grid-template-columns:1.25fr repeat(3,1fr)!important;gap:28px!important;}
.footer a{display:block!important;overflow-wrap:anywhere!important;}
.footer-map-card{display:grid!important;grid-template-columns:0.9fr 1.1fr!important;gap:22px!important;align-items:center!important;}
.footer-map-frame iframe{width:100%!important;height:280px!important;border:0!important;border-radius:22px!important;}
.wa-float{z-index:2147482500!important;max-width:calc(100vw - 24px)!important;}
@media(max-width:1180px){
  .navbar .brand span{max-width:260px!important;}
  .navbar .menu>a,.navbar .menu .menu-item>a{font-size:13px!important;padding:9px 10px!important;}
}
@media(max-width:1080px){
  .topbar-premium{display:none!important;}
  .container{width:min(100% - 24px, 760px)!important;}
  .section{padding:54px 0!important;}
  .navbar .navwrap{min-height:74px!important;}
  .navbar .brand img{width:50px!important;height:50px!important;}
  .navbar .brand span{font-size:15px!important;max-width:calc(100vw - 120px)!important;}
  .navbar .brand small{font-size:11px!important;}
  #mainMenu .nav-ppdb{background:linear-gradient(135deg,var(--smk-blue),var(--smk-sky))!important;color:#fff!important;}
  .title{display:block!important;text-align:left!important;}
  .title .btn{margin-top:16px!important;}
  .home-hero-final{height:auto!important;min-height:620px!important;max-height:none!important;border-radius:0 0 22px 22px!important;}
  .home-hero-final .hero-content{padding-top:86px!important;padding-bottom:60px!important;}
  .home-hero-final .hero-content h1{font-size:clamp(34px,8vw,56px)!important;line-height:1.05!important;}
  .home-hero-final .hero-content p{font-size:16px!important;line-height:1.65!important;}
  .hero-actions .btn{width:100%!important;}
  .grid,.grid-2,.grid-3,.grid-4,.kelas-industri-grid,.tefa-grid,.gallery-premium-grid,.announcement-grid,.lsp-scheme-grid{grid-template-columns:1fr 1fr!important;gap:18px!important;}
  .article-wrap,.news-layout,.footer-map-card,.cek-grid{grid-template-columns:1fr!important;}
  .sidebar{position:static!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
  .lsp-page-hero,.kelas-industri-page-hero,.alumni-hero{border-radius:26px!important;}
}
@media(max-width:700px){
  .container{width:calc(100% - 20px)!important;}
  .section{padding:42px 0!important;}
  .navbar .navwrap{min-height:68px!important;}
  .navbar .brand img{width:46px!important;height:46px!important;}
  .navbar .brand span{font-size:14px!important;}
  #mobileMenuBtn,.navbar .mobile{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border-radius:16px!important;}
  #mainMenu,.navbar .menu{left:10px!important;right:10px!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 96px)!important;top:calc(var(--nav-top, 78px) + env(safe-area-inset-top))!important;border-radius:22px!important;}
  .grid,.grid-2,.grid-3,.grid-4,.kelas-industri-grid,.tefa-grid,.gallery-premium-grid,.announcement-grid,.lsp-scheme-grid,.ki-info-grid,.ki-photo-grid,.final-news-grid{grid-template-columns:1fr!important;}
  .card-body{padding:18px!important;}
  .title h2{font-size:clamp(26px,7vw,36px)!important;}
  .article{padding:18px!important;border-radius:24px!important;}
  .article h1{font-size:clamp(28px,7vw,42px)!important;}
  .news-action-bar .btn,.cek-card .btn,.cek-info .btn,.ppdb-section .btn{width:100%!important;}
  .hasil-card{padding:20px!important;border-radius:24px!important;}
  .hasil-body h3{font-size:24px!important;}
  .hasil-meta{grid-template-columns:1fr!important;}
  .pdf-responsive-viewer object,.pdf-responsive-viewer iframe{min-height:68vh!important;}
  .footer-grid{grid-template-columns:1fr!important;text-align:left!important;}
  .footer-map-frame iframe{height:240px!important;}
  .wa-float{right:12px!important;bottom:14px!important;}
  .wa-float span{display:none!important;}
}
@media(max-width:420px){
  .navbar .brand span{font-size:13px!important;}
  .navbar .brand small{display:none!important;}
  .home-hero-final{min-height:560px!important;}
  .home-hero-final .hero-content h1{font-size:32px!important;}
  .btn{width:100%!important;}
}


/* ===== PENGUMUMAN PDF + RESPONSIVE IMAGE FIX 20260709 ===== */
.announcement-card-media{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;aspect-ratio:16/10!important;background:linear-gradient(135deg,#f8fbff,#eff6ff)!important;border-radius:24px 24px 0 0!important;overflow:hidden!important;}
.announcement-card-media img,.announcement-card>a>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#f8fbff!important;}
.announcement-card{display:flex!important;flex-direction:column!important;height:100%!important;}
.announcement-detail-article{overflow:visible!important;}
.article.announcement-detail-article>img.announcement-detail-image{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:26px!important;background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;border:1px solid #dbeafe!important;padding:6px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;}
.pdf-mini-badge{background:#dbeafe!important;color:#0754a6!important;margin-left:6px!important;}
.pdf-list-preview-box{margin:28px 0!important;padding:22px!important;border:1px solid #bfdbfe!important;border-radius:26px!important;background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;}
.pdf-list-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important;}
.pdf-list-head h3{margin:8px 0 4px!important;color:#0f172a!important;}
.pdf-list-head p{margin:0!important;color:#64748b!important;line-height:1.65!important;}
.pdf-file-preview-card{background:#fff!important;border:1px solid #dbeafe!important;border-radius:22px!important;padding:16px!important;margin-top:16px!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;overflow:hidden!important;}
.pdf-file-preview-card h4{margin:0 0 4px!important;color:#082f69!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.pdf-file-preview-card h4 i{color:#dc2626!important;margin-right:8px!important;}
.pdf-mini-viewer object,.pdf-mini-viewer iframe{min-height:620px!important;height:70vh!important;}
.pdf-frame-wrap,.pdf-viewer-box{background:#fff!important;border:1px solid #dbeafe!important;padding:10px!important;}
.pdf-frame-wrap object,.pdf-frame-wrap iframe,.pdf-viewer-box object,.pdf-viewer-box iframe{border-radius:18px!important;overflow:hidden!important;}
@media(max-width:1080px){
  .announcement-card-media{aspect-ratio:16/11!important;}
  .article.announcement-detail-article>img.announcement-detail-image{border-radius:22px!important;padding:4px!important;}
}
@media(max-width:760px){
  .announcement-card-media{aspect-ratio:auto!important;min-height:210px!important;}
  .announcement-card-media img,.announcement-card>a>img{height:auto!important;max-height:none!important;}
  .pdf-list-head,.pdf-title-row{flex-direction:column!important;align-items:stretch!important;}
  .pdf-list-preview-box{padding:16px!important;border-radius:22px!important;}
  .pdf-file-preview-card{padding:12px!important;border-radius:18px!important;}
  .pdf-mini-viewer object,.pdf-mini-viewer iframe,.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{min-height:72vh!important;height:72vh!important;}
}
@media(max-width:430px){
  .announcement-card-media{min-height:170px!important;}
  .pdf-mini-viewer object,.pdf-mini-viewer iframe,.pdf-responsive-viewer object,.pdf-responsive-viewer iframe{min-height:68vh!important;height:68vh!important;}
}


/* Inline CSS group 6 */

.excel-mini-badge{background:#dcfce7!important;color:#166534!important;margin-left:6px}.excel-preview-box{margin:26px 0;padding:22px;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#ecfdf5);box-shadow:0 18px 45px rgba(15,23,42,.08)}.excel-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.excel-preview-head h3{margin:8px 0 4px;color:#0f172a}.excel-preview-head p,.excel-note{margin:0;color:#64748b}.excel-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.excel-file-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.excel-file-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.excel-file-title i{font-size:28px;color:#16a34a}.excel-file-title b{display:block;color:#0f172a}.excel-file-title small{color:#64748b}.excel-table-wrap{width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff;margin:14px 0}.excel-table-wrap.small{max-height:240px}.excel-preview-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.excel-preview-table td{border:1px solid #e2e8f0;padding:8px 10px;color:#334155;vertical-align:top}.excel-preview-table tr:first-child td{font-weight:800;background:#f1f5f9;color:#0f172a}@media(max-width:760px){.excel-preview-head{flex-direction:column}.excel-file-grid{grid-template-columns:1fr}.excel-preview-box{padding:16px;border-radius:20px}.excel-preview-table{font-size:12px;min-width:480px}}

/* Inline CSS group 7 */

@media (max-width:1080px){
  body.mobile-nav-open{overflow:hidden!important;touch-action:pan-y}
  #mainMenu{position:fixed!important;inset:auto 10px 10px 10px!important;top:var(--v15-menu-top,80px)!important;display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:none!important;max-height:none!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:12px 12px calc(22px + env(safe-area-inset-bottom,0px))!important;border-radius:20px!important;box-sizing:border-box!important;z-index:2147483600!important;}
  #mainMenu:not(.open):not(.navbar-mobile-open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  #mainMenu.open,#mainMenu.navbar-mobile-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
  #mainMenu > a,#mainMenu > .menu-item{position:relative!important;flex:0 0 auto!important;display:block!important;float:none!important;clear:both!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important}
  #mainMenu > a,#mainMenu > .menu-item > a{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:12px 14px!important}
  #mainMenu .menu-item .dropdown-menu{position:static!important;inset:auto!important;float:none!important;clear:both!important;display:none!important;flex-flow:column nowrap!important;grid-template-columns:1fr!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:6px 0 4px!important;padding:0 0 0 10px!important;box-sizing:border-box!important;transform:none!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;border:0!important;background:transparent!important}
  #mainMenu .menu-item.drop-open > .dropdown-menu{display:flex!important}
  #mainMenu .menu-item:not(.drop-open) > .dropdown-menu{display:none!important}
  #mainMenu .dropdown-menu > a{position:static!important;display:flex!important;flex:0 0 auto!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;height:auto!important;margin:0 0 5px!important;padding:11px 13px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;border-radius:13px!important;background:#edf5ff!important;color:#104981!important}
  body.mobile-nav-open .wa-float,body.mobile-nav-open .social-float,body.mobile-nav-open .floating-social,body.mobile-nav-open .mobile-bottom-nav,body.mobile-nav-open .v3-bottom-nav,body.mobile-nav-open .bottom-nav{visibility:hidden!important;pointer-events:none!important}
}