/* Modern school theme: safe overrides for legacy Lokomedia layout */
:root{--school-blue:#123b70;--school-blue2:#1769aa;--school-green:#27a56b;--school-ink:#18324b;--school-muted:#63758b;--school-bg:#f3f7fc;--school-card:#fff;--school-line:#e4ebf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--school-bg)!important;color:var(--school-ink);font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:14px;line-height:1.65;overflow-x:hidden}
#head.wrap,.wrap,#wrapper,#container{max-width:1200px;width:calc(100% - 36px);margin-left:auto!important;margin-right:auto!important}
#head{min-height:110px;padding:18px 24px!important;background:linear-gradient(120deg,#123b70,#1769aa 60%,#27a56b);border-radius:0 0 22px 22px;box-shadow:0 12px 30px #123b7022;display:flex;align-items:center}
#logo{max-width:min(100%,320px);max-height:90px;object-fit:contain;filter:drop-shadow(0 2px 3px #0002)}
#menu-atas, .menu-atas, #topnav, .menu{max-width:1200px;margin:12px auto!important;border-radius:14px;overflow:visible}
a{transition:color .2s ease,background .2s ease,transform .2s ease}img{max-width:100%;height:auto}iframe,video{max-width:100%}
/* Neutralize old fixed/float columns which caused overlapping blocks */
#content,#main,#primary,.content,.main-content,#sidebar,.sidebar,.widget-area{min-width:0;max-width:100%}
#content,#main,#primary{float:none;position:relative}
#content:after,#main:after,.wrap:after{content:"";display:block;clear:both}
#content{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}
#sidebar,.sidebar,.widget-area{float:none!important;width:auto!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}
.box,.widget,.post,.entry,.berita,.agenda,.panel,.content-box{border:1px solid var(--school-line);border-radius:16px;background:#fff;box-shadow:0 8px 26px #193b6310;padding:18px;margin:0 0 20px;overflow-wrap:anywhere}
h1,h2,h3,h4{color:#142f4e;line-height:1.25;font-weight:750;letter-spacing:-.02em}h1{font-size:clamp(25px,3vw,38px)}h2{font-size:clamp(21px,2.2vw,29px)}h3{font-size:20px}
button,.button,input[type=submit],input[type=button]{border:0;border-radius:9px;background:var(--school-blue2);color:#fff;padding:10px 16px;transition:transform .2s,box-shadow .2s}button:hover,.button:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1769aa33}
input,select,textarea{max-width:100%;border:1px solid #d7e1ed;border-radius:8px;padding:9px 11px}table{width:100%;max-width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--school-line);vertical-align:top}th{background:#edf4fb;color:#23496f}
/* Gentle entrance animation */
.school-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.school-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes schoolFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.school-float{animation:schoolFloat 5s ease-in-out infinite}
@media(max-width:900px){#content{grid-template-columns:minmax(0,1fr)}#head.wrap,.wrap,#wrapper,#container{width:calc(100% - 24px)}#head{min-height:80px;padding:14px!important}#logo{max-height:65px}}
@media(max-width:600px){body{font-size:14px}.wrap,#head.wrap,#wrapper,#container{width:calc(100% - 16px)}#head{border-radius:0 0 16px 16px}.box,.widget,.post,.entry,.berita,.agenda,.panel,.content-box{padding:13px;margin-bottom:14px}table{display:block;overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.school-reveal{opacity:1;transform:none}}

/* Clean school-inspired motion background: no decorative photos or busy textures */
:root{--school-green:#2f8b52;--school-green-dark:#245b3b;--school-bg:#f7faf5}
html,body{min-height:100%;background:#f7faf5!important}
body{position:relative;isolation:isolate;background:transparent!important}
body::before{content:"";position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 25%,rgba(117,190,94,.13) 0,transparent 32%),radial-gradient(ellipse at 85% 68%,rgba(247,203,99,.12) 0,transparent 29%),radial-gradient(ellipse at 52% 100%,rgba(47,139,82,.08) 0,transparent 35%);animation:schoolAmbientMove 24s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(47,139,82,.13) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent)}
@keyframes schoolAmbientMove{0%{transform:translate3d(-1%,0,0) scale(1)}50%{transform:translate3d(1%,1%,0) scale(1.04)}100%{transform:translate3d(0,-1%,0) scale(1.02)}}
#head{background:rgba(255,255,255,.97)!important;color:#214b32;border:1px solid rgba(49,120,65,.13);box-shadow:0 8px 24px rgba(35,76,43,.07)}
#head h1,#head h2,#head a{color:#214b32}
.box,.widget,.post,.entry,.berita,.agenda,.panel,.content-box{background:rgba(255,255,255,.97)}
/* Initial page loader */
#school-page-loader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#f8fbf6;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
#school-page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.school-loader-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 34px;text-align:center}
.school-loader-emblem{width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#fff,#eaf5e8);border:1px solid #d9ead5;display:grid;place-items:center;color:#2f8b52;font-size:30px;box-shadow:0 10px 30px rgba(47,139,82,.12);animation:schoolLoaderBob 1.4s ease-in-out infinite}
.school-loader-ring{width:32px;height:32px;border:3px solid #dcebd8;border-top-color:#2f8b52;border-right-color:#7bbf68;border-radius:50%;animation:schoolLoaderSpin .8s linear infinite}
.school-loader-title{font-size:16px;font-weight:800;letter-spacing:.02em;color:#245b3b}
.school-loader-caption{font-size:12px;color:#71816f}
@keyframes schoolLoaderSpin{to{transform:rotate(360deg)}}
@keyframes schoolLoaderBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important;transform:none!important}#school-page-loader{transition:none}.school-loader-ring,.school-loader-emblem{animation:none!important}}

/* Animated school-photo atmosphere and visible motion across the public website */
body::before{inset:-15%;background-image:radial-gradient(ellipse at 15% 25%,rgba(117,190,94,.16) 0,transparent 32%),radial-gradient(ellipse at 85% 68%,rgba(247,203,99,.14) 0,transparent 29%),linear-gradient(125deg,rgba(255,255,255,.15),rgba(238,248,232,.25));background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.95;filter:none;animation:schoolAmbientMove 24s ease-in-out infinite alternate;will-change:transform}
body::after{opacity:.18;background-image:radial-gradient(circle,rgba(47,139,82,.3) 1px,transparent 1.5px),radial-gradient(circle,rgba(240,183,67,.26) 1px,transparent 1.5px);background-size:38px 38px,57px 57px;background-position:0 0,18px 20px;animation:schoolDotsDrift 28s linear infinite}

@keyframes schoolDotsDrift{from{background-position:0 0,18px 20px}to{background-position:150px 90px,-80px 140px}}
#head{position:relative;overflow:hidden}
#head:after{content:"";position:absolute;top:-80%;left:-35%;width:24%;height:260%;background:linear-gradient(90deg,transparent,rgba(126,201,74,.12),transparent);transform:rotate(22deg);animation:schoolShine 10s ease-in-out infinite;pointer-events:none}
@keyframes schoolShine{0%,55%{left:-35%}100%{left:125%}}
.school-float{will-change:transform}
@media(prefers-reduced-motion:reduce){body::before,body::after,#head:after{animation:none!important}}

/* Typography refresh: clean wordmark replaces the image-based logo/title */
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:.005em}
.school-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none!important;position:relative;z-index:1;padding:7px 2px}
.school-wordmark-title{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:clamp(25px,3.2vw,38px);font-weight:900;letter-spacing:.045em;line-height:1.12;color:#287b3e;text-shadow:0 1px 0 #fff,0 4px 14px rgba(40,123,62,.10)}
.school-wordmark-subtitle{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#71816f}
#head{min-height:112px!important;padding:18px 26px!important}
#head:after{opacity:.55}
h1,h2,h3,h4,.block-title{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif!important;letter-spacing:-.025em}
@media(max-width:600px){.school-wordmark-title{font-size:clamp(21px,6vw,30px);letter-spacing:.025em}.school-wordmark-subtitle{font-size:9px;letter-spacing:.13em}#head{min-height:82px!important;padding:12px 15px!important}}

/* Gallery and album layout refresh: responsive cards, consistent image crops, subtle motion */
.school-album-grid,.school-photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 0 24px;margin:0!important;width:100%;box-sizing:border-box}
.school-album-card,.school-photo-card{min-width:0;margin:0!important;overflow:hidden;background:#fff;border:1px solid rgba(42,112,57,.13);border-radius:16px;box-shadow:0 8px 24px rgba(32,74,42,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;animation:schoolGalleryIn .65s both}
.school-album-card:nth-child(3n+2),.school-photo-card:nth-child(3n+2){animation-delay:.08s}
.school-album-card:nth-child(3n),.school-photo-card:nth-child(3n){animation-delay:.16s}
.school-album-card:hover,.school-photo-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(32,74,42,.15);border-color:rgba(67,153,75,.4)}
.school-album-cover{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(135deg,#e8f3e4,#f7faf5)}
.school-album-cover img,.school-photo-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.school-album-cover:hover img,.school-photo-card:hover img{transform:scale(1.07);filter:saturate(1.08)}
.school-album-count{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:999px;color:#fff;background:rgba(32,101,49,.9);font-size:12px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.school-album-info{padding:15px 16px 17px}.school-album-info h2{margin:0 0 7px!important;font-size:17px!important;line-height:1.35}.school-album-info h2 a{color:#245b35;text-decoration:none}.school-album-info h2 a:hover{color:#58a832}.school-album-info p{margin:0;color:#788477;font-size:12px;line-height:1.5}
.school-photo-card{display:flex;flex-direction:column}.school-photo-card>a{display:block;aspect-ratio:4/3;overflow:hidden;background:#edf4e9}.school-photo-card figcaption{padding:12px 14px;color:#294e32;font-weight:700;font-size:13px;line-height:1.4;min-height:42px}
#content-wrap #content{min-width:0;box-sizing:border-box}#content-wrap #header-int{display:none!important}.breadcrumb{margin-bottom:14px!important}.page-title{margin-top:8px!important;color:#2b773c!important}.school-album-grid:empty,.school-photo-grid:empty{display:none!important}
@keyframes schoolGalleryIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.school-album-grid,.school-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:540px){.school-album-grid,.school-photo-grid{grid-template-columns:1fr;gap:14px;padding:8px 0 18px}.school-album-cover{aspect-ratio:16/9}.school-album-info{padding:13px}.school-photo-card>a{aspect-ratio:16/11}}
@media(prefers-reduced-motion:reduce){.school-album-card,.school-photo-card{animation:none!important;transition:none!important}.school-album-cover img,.school-photo-card img{transition:none!important}}

/* Navigation cleanup: consistent spacing for Beranda through Hubungi Kami */
.navbar,
.navbar-default,
.navbar-inverse{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 5px 18px rgba(35,76,43,.08);margin:0!important;min-height:0!important}
.navbar .container,
.navbar .container-fluid{max-width:1240px;width:100%;padding-left:18px;padding-right:18px;margin:0 auto}
.navbar-collapse{padding-left:0!important;padding-right:0!important;border:0!important;box-shadow:none!important}
.navbar-nav{display:flex!important;align-items:stretch;flex-wrap:wrap;float:none!important;gap:3px;margin:0!important;padding:6px 0!important}
.navbar-nav>li{float:none!important;display:flex;align-items:stretch;margin:0!important}
.navbar-nav>li>a{display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 13px!important;border-radius:8px;color:#245b35!important;font-size:12px;font-weight:750;line-height:1.25;text-transform:uppercase;white-space:normal;transition:background .2s ease,color .2s ease,transform .2s ease}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>.open>a,.navbar-nav>.active>a{background:#eaf5e7!important;color:#247a3c!important;transform:translateY(-1px)}
.navbar-nav .dropdown-menu{min-width:210px;padding:7px;border:1px solid #e2ecdf;border-radius:12px;box-shadow:0 14px 30px rgba(29,68,37,.13)}
.navbar-nav .dropdown-menu>li>a{padding:10px 12px;border-radius:7px;color:#34543a;font-size:13px;white-space:normal}
.navbar-nav .dropdown-menu>li>a:hover{background:#eef7eb;color:#247a3c}
.navbar-toggle{border:1px solid #d8e8d4!important;border-radius:9px;background:#fff!important;margin:8px 0!important}
.navbar-toggle .icon-bar{background:#2f8b52!important}
@media(min-width:768px){.navbar-collapse.collapse{display:block!important;height:auto!important;overflow:visible!important}.navbar-nav.navbar-right{margin-left:auto!important}.navbar .container-fluid{display:flex;align-items:center;justify-content:space-between}}
@media(max-width:1100px){.navbar-nav>li>a{padding:9px 10px!important;font-size:11px}}
@media(max-width:767px){.navbar .container,.navbar .container-fluid{padding-left:12px;padding-right:12px}.navbar-header{display:flex;justify-content:flex-end;min-height:48px}.navbar-collapse{max-height:70vh!important;overflow-y:auto!important}.navbar-nav{display:flex!important;flex-direction:column;gap:3px;padding:7px 0!important}.navbar-nav>li{display:block;width:100%}.navbar-nav>li>a{justify-content:flex-start;min-height:40px;padding:11px 13px!important;font-size:12px;border-radius:8px}.navbar-nav .dropdown-menu{position:static!important;float:none;width:100%;box-shadow:none;border:0;background:#f7fbf5;margin:0 0 5px;padding-left:14px}.navbar-nav.navbar-right{float:none!important;margin:0!important}}
@media(prefers-reduced-motion:reduce){.navbar-nav>li>a{transition:none!important}}

/* Center all public content pages: Profil, Agenda, Gallery, Video, Lowongan,
   Pengumuman, Download, and Hubungi Kami. Override legacy float/grid layout. */
#content-container.wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:22px!important;
  width:min(1180px,calc(100% - 36px))!important;
  max-width:1180px!important;
  margin:22px auto!important;
  padding:0!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
}
#content-container>#sidebar,
#content-container>#content-wrap{
  display:block!important;
  float:none!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}
#content-container>#sidebar{order:1!important}
#content-container>#content-wrap{order:2!important}
#content-container #header-int{display:none!important}
#content-container #content{
  display:block!important;
  float:none!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:clamp(20px,3vw,38px)!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #e5eee1!important;
  border-radius:18px!important;
  box-shadow:0 12px 34px rgba(35,76,43,.08)!important;
  box-sizing:border-box!important;
}
#content-container #content .breadcrumb,
#content-container #content .page-title,
#content-container #content .date,
#content-container #content .sosnet,
#content-container #content>.post,
#content-container #content>.entry{
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#content-container #content .page-title{
  width:100%!important;
  margin:12px 0 22px!important;
  text-align:center!important;
  color:#287b3e!important;
}
#content-container #content .breadcrumb{margin:0 0 14px!important;text-align:center!important}
#content-container #content>.post,
#content-container #content>.entry{
  width:100%!important;
  margin:0 auto!important;
  padding:clamp(16px,2.5vw,30px)!important;
  line-height:1.85!important;
  color:#344638!important;
  overflow-wrap:anywhere!important;
}
#content-container #content>.post img,
#content-container #content>.entry img{max-width:100%!important;height:auto!important}
#content-container #content iframe{max-width:100%!important}
#content-container #content .sosnet{margin:12px 0!important}
#content-container #sidebar .widget,
#content-container #sidebar .box{width:100%!important;max-width:100%!important}
@media(max-width:767px){
  #content-container.wrap{width:calc(100% - 20px)!important;margin:14px auto!important;gap:14px!important}
  #content-container #content{padding:16px!important;border-radius:13px!important}
  #content-container #content>.post,
  #content-container #content>.entry{padding:8px 0!important}
  #content-container #content .page-title{font-size:clamp(22px,6vw,30px)!important}
}

/* Premium centered layout for all inner pages: Profil through Hubungi Kami */
#content-container.wrap{
  width:min(1160px,calc(100% - 40px))!important;
  max-width:1160px!important;
  margin:24px auto 44px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;
}
#content-container>#sidebar,#content-container>#content-wrap{
  width:100%!important;max-width:100%!important;min-width:0!important;
  float:none!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;
}
#content-container>#sidebar{order:1!important}
#content-container>#content-wrap{order:2!important}
#content-container #header-int{display:none!important}
/* Side navigation becomes a compact, balanced menu grid instead of long green bars */
#content-container #mainnav{
  width:100%!important;max-width:100%!important;float:none!important;position:relative!important;
  margin:0!important;padding:12px!important;background:rgba(255,255,255,.92)!important;
  border:1px solid #e4eddf!important;border-radius:18px!important;
  box-shadow:0 10px 28px rgba(36,91,59,.07)!important;overflow:visible!important;
}
#content-container #mainnav .menu-main-nav-container{width:100%!important;float:none!important}
#content-container #mainnav ul#menu-main-nav{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
  width:100%!important;margin:0!important;padding:0!important;list-style:none!important;float:none!important;
}
#content-container #mainnav ul#menu-main-nav>li{
  display:block!important;float:none!important;position:relative!important;width:auto!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
#content-container #mainnav ul#menu-main-nav>li>a{
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  min-height:43px!important;height:100%!important;padding:10px 12px!important;border-radius:10px!important;
  background:#f0f7ed!important;color:#2d683a!important;border:1px solid #e1efdc!important;
  font-size:12px!important;font-weight:750!important;line-height:1.35!important;text-decoration:none!important;
  white-space:normal!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
#content-container #mainnav ul#menu-main-nav>li>a:hover,
#content-container #mainnav ul#menu-main-nav>li>a:focus{
  background:linear-gradient(135deg,#398e49,#69b943)!important;color:#fff!important;
  transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(55,137,65,.18)!important;
}
#content-container #mainnav ul#menu-main-nav .sub-menu{
  display:none;position:absolute!important;left:0;top:calc(100% + 3px);z-index:1000;min-width:210px;
  margin:0!important;padding:7px!important;list-style:none!important;background:#fff!important;
  border:1px solid #e1ecdc!important;border-radius:12px!important;box-shadow:0 14px 30px rgba(31,71,37,.16)!important;
}
#content-container #mainnav ul#menu-main-nav li:hover>.sub-menu,
#content-container #mainnav ul#menu-main-nav li:focus-within>.sub-menu{display:block!important}
#content-container #mainnav ul#menu-main-nav .sub-menu li{display:block!important;float:none!important;width:100%!important;border:0!important}
#content-container #mainnav ul#menu-main-nav .sub-menu a{display:block!important;padding:10px 12px!important;border-radius:7px!important;color:#315b38!important;background:#fff!important;white-space:normal!important}
#content-container #mainnav ul#menu-main-nav .sub-menu a:hover{background:#eff7eb!important;color:#24783a!important}
/* Related links become attractive compact cards */
#content-container #pmb-block-title{
  margin:18px 0 0!important;padding:15px 18px!important;border-radius:14px 14px 0 0!important;
  color:#fff!important;background:linear-gradient(110deg,#2e7f40,#65b83c)!important;
  font-size:15px!important;letter-spacing:.02em!important;
}
#content-container #pmb-block-title a{color:#fff!important;text-decoration:none!important}
#content-container .pmb-list{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
  margin:0!important;padding:14px!important;list-style:none!important;background:rgba(255,255,255,.85)!important;
  border:1px solid #e4eddf!important;border-top:0!important;border-radius:0 0 16px 16px!important;
}
#content-container .pmb-list li{display:block!important;float:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#content-container .pmb-list li>a{
  display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:106px!important;
  height:100%!important;padding:17px!important;border:1px solid #e6efdf!important;border-radius:13px!important;
  background:linear-gradient(145deg,#fff,#f7fbf4)!important;text-decoration:none!important;
  box-shadow:0 5px 15px rgba(40,90,48,.045)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
#content-container .pmb-list li>a:hover{transform:translateY(-4px)!important;box-shadow:0 13px 25px rgba(40,90,48,.12)!important;border-color:#b9dcae!important}
#content-container .pmb-title{display:block!important;color:#286d3a!important;font-weight:800!important;font-size:14px!important;line-height:1.4!important;margin-bottom:6px!important}
#content-container .pmb-desc{display:block!important;color:#6b7d68!important;font-size:11px!important;line-height:1.55!important}
/* Main article card centered and readable */
#content-container #content-wrap #content{
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;
  padding:clamp(22px,4vw,48px)!important;background:rgba(255,255,255,.98)!important;
  border:1px solid #e5eee1!important;border-radius:22px!important;
  box-shadow:0 15px 40px rgba(35,76,43,.08)!important;box-sizing:border-box!important;
}
#content-container #content .breadcrumb{margin:0 auto 14px!important;text-align:center!important;color:#8a9887!important;font-size:11px!important;letter-spacing:.025em!important}
#content-container #content .page-title{width:100%!important;margin:10px auto 24px!important;text-align:center!important;color:#287b3e!important;font-size:clamp(25px,3.2vw,36px)!important;line-height:1.25!important;font-weight:850!important}
#content-container #content .date{margin:0 auto 16px!important;color:#8b9a89!important;text-align:center!important}
#content-container #content .sosnet{margin:12px auto 18px!important;text-align:center!important;color:#7c8d79!important}
#content-container #content .post,#content-container #content .entry{
  width:100%!important;max-width:920px!important;margin:0 auto!important;padding:clamp(12px,2vw,24px)!important;
  background:#fff!important;border:1px solid #edf2e9!important;border-radius:16px!important;
  color:#3d5140!important;line-height:1.9!important;font-size:15px!important;box-sizing:border-box!important;
}
#content-container #content .post p,#content-container #content .entry p{margin:0 0 1.15em!important;line-height:1.9!important}
#content-container #content .post img,#content-container #content .entry img{display:block;max-width:100%!important;height:auto!important;border-radius:12px!important;margin:18px auto!important;box-shadow:0 8px 22px rgba(35,76,43,.08)!important}
#content-container #content iframe{display:block;max-width:100%!important;border:0!important;border-radius:14px!important;margin:12px auto 24px!important}
#content-container #formku{max-width:760px;margin:20px auto!important;padding:clamp(16px,3vw,28px)!important;background:#f8fbf6!important;border:1px solid #e4eddf!important;border-radius:16px!important}
#content-container #formku .field{margin-bottom:16px!important}
#content-container #formku label{display:block!important;margin-bottom:6px!important;color:#31583a!important;font-weight:700!important}
#content-container #formku input[type=text],#content-container #formku input[type=email],#content-container #formku textarea{width:100%!important;min-height:44px;padding:11px 13px!important;border:1px solid #d9e7d4!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
#content-container #formku textarea{min-height:130px!important}
#content-container #formku input[type=submit]{background:linear-gradient(120deg,#328849,#69b944)!important;border-radius:10px!important;padding:12px 24px!important;font-weight:800!important}
#content-container #formku input:focus,#content-container #formku textarea:focus{outline:3px solid rgba(91,174,65,.15)!important;border-color:#65b943!important}
@media(max-width:900px){
 #content-container #mainnav ul#menu-main-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #content-container .pmb-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 #content-container.wrap{width:calc(100% - 20px)!important;margin:14px auto 28px!important;gap:14px!important}
 #content-container #mainnav{padding:8px!important;border-radius:13px!important}
 #content-container #mainnav ul#menu-main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 #content-container #mainnav ul#menu-main-nav>li>a{font-size:11px!important;min-height:40px!important;padding:9px 7px!important}
 #content-container #pmb-block-title{margin-top:12px!important;padding:12px!important}
 #content-container .pmb-list{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important}
 #content-container .pmb-list li>a{min-height:0!important;padding:14px!important}
 #content-container #content{padding:16px!important;border-radius:15px!important}
 #content-container #content .post,#content-container #content .entry{padding:13px!important;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){#content-container #mainnav a,#content-container .pmb-list li>a{transition:none!important}}


/* Animated homepage hero — school green, clean and responsive */
.school-home-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:28px;min-height:340px;margin:22px auto 28px!important;padding:clamp(26px,4vw,54px)!important;overflow:hidden;border:1px solid #e0edd9;border-radius:26px;background:linear-gradient(115deg,#ffffff 0%,#f6fff1 55%,#e8f8df 100%);box-shadow:0 18px 48px rgba(41,100,48,.10)}
.school-intro-content{position:relative;z-index:2;animation:schoolIntroIn .8s both}
.school-intro-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #dcefd3;border-radius:999px;background:#fff;color:#357d3c;font-size:10px;font-weight:850;letter-spacing:.12em}
.school-live-dot{width:8px;height:8px;border-radius:50%;background:#70bd42;box-shadow:0 0 0 5px rgba(112,189,66,.14);animation:schoolPulse 1.8s infinite}
.school-home-intro h1{margin:19px 0 12px!important;color:#1e4d2b!important;font-size:clamp(30px,4.2vw,52px)!important;font-weight:900!important;line-height:1.12!important;letter-spacing:-.045em!important}
.school-home-intro h1 span{color:#55a83b;background:linear-gradient(90deg,#3e8e39,#7abe48,#398e55);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.school-home-intro p{max-width:550px;margin:0;color:#61745e;font-size:clamp(14px,1.4vw,17px);line-height:1.85}
.school-intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
.school-intro-btn{display:inline-flex;align-items:center;gap:18px;padding:13px 19px;border-radius:12px;background:linear-gradient(120deg,#2f8543,#6dbb40);color:#fff!important;font-weight:800;box-shadow:0 9px 20px rgba(63,145,54,.22);transition:transform .25s,box-shadow .25s}
.school-intro-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(63,145,54,.30)}.school-intro-link{color:#387643!important;font-weight:800}.school-intro-link:hover{color:#75b843!important}
.school-intro-art{position:relative;z-index:1;display:grid;place-items:center;min-height:240px;animation:schoolArtFloat 6s ease-in-out infinite}
.school-art-orbit{position:absolute;width:230px;height:230px;border:1px dashed rgba(84,164,59,.35);border-radius:50%;animation:schoolOrbit 24s linear infinite}.orbit-two{width:185px;height:185px;border-color:rgba(84,164,59,.22);animation-direction:reverse}
.school-art-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(230px,80%);height:190px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,#fff,#f0fae9);box-shadow:0 22px 45px rgba(45,98,38,.14);transform:rotate(-5deg);animation:schoolCardTilt 7s ease-in-out infinite}
.school-art-cap{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#e1f4d6,#a9dc83);color:#398744;font-size:42px;box-shadow:0 8px 18px rgba(62,142,57,.12)}
.school-art-book{display:flex;gap:5px;margin-top:17px}.school-art-book span{display:block;width:28px;height:5px;border-radius:6px;background:#74b84b}.school-art-book span:nth-child(2){width:43px;background:#b8dca2}.school-art-label{margin-top:12px;color:#688361;font-size:8px;font-weight:900;letter-spacing:.11em}
.school-art-bubble{position:absolute;padding:10px 13px;border:1px solid #e5f0df;border-radius:12px;background:#fff;color:#477643;font-size:11px;font-weight:800;box-shadow:0 10px 25px rgba(45,98,38,.10);animation:schoolBubble 4s ease-in-out infinite}.bubble-one{top:15%;right:0}.bubble-two{bottom:12%;left:0;animation-delay:-2s}
.school-intro-glow{position:absolute;z-index:-1;width:200px;height:200px;border-radius:50%;filter:blur(2px);background:rgba(128,201,93,.15);animation:schoolGlow 9s ease-in-out infinite alternate}.school-intro-glow-one{top:-100px;right:15%}.school-intro-glow-two{bottom:-130px;left:30%;animation-delay:-4s}
@keyframes schoolIntroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes schoolPulse{0%,100%{box-shadow:0 0 0 4px rgba(112,189,66,.12)}50%{box-shadow:0 0 0 8px rgba(112,189,66,.02)}}@keyframes schoolArtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes schoolCardTilt{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-7px)}}@keyframes schoolOrbit{to{transform:rotate(360deg)}}@keyframes schoolBubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes schoolGlow{from{transform:translate(0,0) scale(.9)}to{transform:translate(35px,-20px) scale(1.15)}}
/* Animate existing homepage sections and headline image slider */
#hero{animation:schoolIntroIn .7s both}#hero #rotator img{display:block;width:100%!important;max-width:100%;height:clamp(190px,30vw,350px)!important;object-fit:cover;border-radius:18px;transition:transform 1s ease,filter .8s ease}#hero #rotator img:hover{transform:scale(1.025);filter:saturate(1.08)}#a_middle .col_42,#event,.pmb-list li,#content-container .block{animation:schoolIntroIn .75s both}#a_middle .col_42:nth-child(2){animation-delay:.08s}#a_middle .col_42:nth-child(3){animation-delay:.16s}#a_middle .col_42:nth-child(4){animation-delay:.24s}
@media(max-width:760px){.school-home-intro{grid-template-columns:1fr;gap:8px;min-height:0;margin:16px auto 22px!important;padding:25px!important;border-radius:20px}.school-intro-art{min-height:205px;margin-top:2px}.school-art-orbit{width:190px;height:190px}.orbit-two{width:155px;height:155px}.school-art-card{height:165px}.school-art-bubble{font-size:10px}.school-home-intro h1{font-size:clamp(29px,8vw,42px)!important}.school-intro-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.school-home-intro *,#hero,#a_middle .col_42,#event,.pmb-list li,#content-container .block{animation:none!important;transition:none!important}}


/* Homepage layout repair: balanced news column and tidy right sidebar */
.school-home-content#content-container.wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr)!important;
  grid-template-areas:"news notice" "news social";
  align-items:start!important;
  gap:22px!important;
  width:min(1180px,calc(100% - 36px))!important;
  max-width:1180px!important;
  margin:26px auto 34px!important;
  padding:0!important;
  float:none!important;
}
.school-home-content #berita{grid-area:news;min-width:0;width:100%!important;float:none!important;margin:0!important;padding:20px!important;border:1px solid #e2eddd!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(35,76,43,.07)!important;}
.school-home-content #pengumuman{grid-area:notice;min-width:0;width:100%!important;float:none!important;margin:0!important;padding:18px!important;border:1px solid #e2eddd!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(35,76,43,.07)!important;}
.school-home-content #lowongan{grid-area:social;min-width:0;width:100%!important;float:none!important;margin:0!important;padding:18px!important;border:1px solid #e2eddd!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(35,76,43,.07)!important;overflow:hidden!important;}
.school-home-content .block-title{margin:0 0 16px!important;padding:13px 15px!important;border-radius:10px!important;background:linear-gradient(120deg,#328b43,#65b83c)!important;color:#fff!important;font-size:15px!important;font-weight:850!important;line-height:1.35!important;}
.school-home-content #berita .berita-item{display:block!important;margin:0 0 16px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid #edf2e9!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;}
.school-home-content #berita .berita-item:last-of-type{border-bottom:0!important;}
.school-home-content #berita .berita-item h4{margin:0 0 7px!important;font-size:16px!important;line-height:1.5!important;font-weight:800!important;}
.school-home-content #berita .berita-item h4 a{color:#2e7d3e!important;text-decoration:none!important;}
.school-home-content #berita .berita-item h4 a:hover{color:#58a83b!important;}
.school-home-content #berita .date{margin:0 0 10px!important;color:#8a9887!important;font-size:12px!important;line-height:1.5!important;}
.school-home-content #berita .post{display:flex!important;align-items:flex-start!important;gap:14px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#526451!important;}
.school-home-content #berita .thumb{flex:0 0 150px!important;width:150px!important;max-width:38%!important;margin:0!important;float:none!important;}
.school-home-content #berita .thumb a{display:block!important;}
.school-home-content #berita .school-news-thumb{width:100%;height:112px;overflow:hidden;border-radius:10px;background:#f1f7ed;}
.school-home-content #berita .thumb img{display:block!important;width:100%!important;height:112px!important;object-fit:cover!important;border-radius:10px!important;margin:0!important;}
.school-home-content #berita .post p{flex:1;min-width:0;margin:0!important;color:#536651!important;font-size:13px!important;line-height:1.75!important;text-align:left!important;overflow-wrap:anywhere!important;}
.school-home-content #pengumuman .block-list{margin:0!important;padding:0!important;list-style:none!important;}
.school-home-content #pengumuman .block-list li{margin:0!important;padding:11px 0!important;border-bottom:1px solid #edf2e9!important;line-height:1.55!important;}
.school-home-content #pengumuman .block-list li a{color:#385c3c!important;text-decoration:none!important;font-weight:650!important;}
.school-home-content #pengumuman .block-list li a:hover{color:#5cae3c!important;}
.school-home-content .block-title-arsip{margin:14px 0 0!important;padding:10px 12px!important;border-radius:8px!important;background:#eff8e9!important;font-size:12px!important;}
.school-home-content .block-title-arsip a{color:#2f7f3e!important;text-decoration:none!important;}
.school-home-content #lowongan .fb-page,.school-home-content #lowongan iframe{display:block!important;max-width:100%!important;margin:0 auto 18px!important;}
.school-home-content #lowongan ul{margin:0!important;padding:0 0 0 18px!important;}
.school-home-content #lowongan li{padding:7px 0!important;border-bottom:1px solid #edf2e9!important;line-height:1.5!important;}
.school-home-content #lowongan li a{color:#385c3c!important;text-decoration:none!important;}
.school-home-content .wp-pagenavi{margin:18px 0 0!important;}
.school-home-content .wp-pagenavi a,.school-home-content .wp-pagenavi span{display:inline-block;padding:6px 10px!important;margin:2px!important;border:1px solid #dce9d6!important;border-radius:7px!important;}
@media(max-width:800px){
 .school-home-content#content-container.wrap{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"news" "notice" "social";width:calc(100% - 24px)!important;gap:16px!important;margin:18px auto 26px!important;}
 .school-home-content #berita,.school-home-content #pengumuman,.school-home-content #lowongan{padding:14px!important;border-radius:14px!important;}
 .school-home-content #berita .thumb{flex-basis:112px!important;width:112px!important;}
 .school-home-content #berita .school-news-thumb,.school-home-content #berita .thumb img{height:92px!important;}
 .school-home-content #berita .berita-item h4{font-size:14px!important;}
}
@media(max-width:480px){.school-home-content #berita .post{gap:10px!important}.school-home-content #berita .thumb{flex-basis:92px!important;width:92px!important}.school-home-content #berita .school-news-thumb,.school-home-content #berita .thumb img{height:82px!important}.school-home-content #berita .post p{font-size:12px!important}.school-home-content .block-title{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.school-home-content #berita .berita-item{animation:none!important;transition:none!important}}