@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--green:#16845b;--dark:#174d3c;--yellow:#ffd45e;--coral:#ff806d;--blue:#78c9df;--cream:#fff9ec;--ink:#29483e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Nunito',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{background:#16845b;color:white;text-align:center;padding:9px 16px;font-size:13px;font-weight:800}.topbar span{color:#ffdf7c;margin-left:14px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),5%);background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #234b3510}.logo{display:flex;gap:12px;align-items:center}.logo-icon{font-size:36px}.logo b,.logo small{display:block}.logo b{font-size:17px;color:var(--dark)}.logo small{font-size:11px;color:#7b9489}.nav{display:flex;gap:27px;font-size:14px;font-weight:800}.nav a:hover{color:var(--green)}.menu-toggle{display:none;border:0;background:var(--cream);padding:9px;border-radius:8px}.hero{max-width:1160px;margin:auto;min-height:510px;padding:65px 5%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.hero-content h1{font-size:clamp(36px,5vw,57px);line-height:1.08;color:var(--dark);margin:18px 0}.hero-content p{font-size:17px;line-height:1.8;color:#60776c;max-width:520px}.pill,.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:900;color:var(--green)}.pill{background:#e7f6e9;border-radius:30px;padding:9px 14px;letter-spacing:.5px}.btn{display:inline-block;border:0;background:var(--green);color:white;padding:13px 22px;border-radius:12px;font:800 14px Nunito;cursor:pointer;box-shadow:0 5px 12px #16845b25}.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff2cc;color:#70551a;margin-left:8px}.hero-note{margin-top:22px;color:#b68b25;font-weight:800}.hero-art{height:360px;border-radius:48% 52% 43% 57%/45% 40% 60% 55%;background:#e7f7e9;position:relative;display:grid;place-items:center}.sun{position:absolute;right:12%;top:7%;font-size:58px}.rainbow{font-size:145px;filter:drop-shadow(0 10px 2px #0000000a)}.kids{position:absolute;bottom:47px;font-size:62px}.art-card{position:absolute;bottom:14px;right:2%;background:white;padding:12px 18px;border-radius:16px;box-shadow:0 7px 25px #0001}.star{position:absolute;color:#f1b93f;font-size:32px}.s1{left:12%;top:20%}.s2{right:12%;bottom:25%}.s3{left:18%;bottom:15%}.feature-strip{max-width:1080px;margin:0 auto 50px;background:white;box-shadow:0 12px 35px #183c2812;border-radius:18px;padding:22px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-strip div{font-size:23px}.feature-strip b,.feature-strip small{display:block}.feature-strip b{font-size:14px;margin-top:6px}.feature-strip small{font-size:11px;color:#81948b}.section{padding:80px max(calc((100% - 1100px)/2),5%)}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.section-visual{height:320px;background:#fff1d1;border-radius:40% 60% 57% 43%;display:grid;place-items:center;position:relative}.blob{font-size:135px}.floating{position:absolute;font-size:42px}.f1{top:20px;right:35px}.f2{bottom:20px;left:35px}.section h2,.contact-section h2{font-size:36px;line-height:1.15;color:var(--dark);margin:12px 0}.section h2 em{font-style:normal;color:#ed9273}.section-copy>p,.section-heading p{line-height:1.8;color:#6d8177}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.vision-grid div{background:#f0f8ef;padding:18px;border-radius:15px}.vision-grid p{font-size:13px;line-height:1.6;margin-bottom:0}.colored{background:#fff9ec}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-heading h2{margin:8px 0}.heading-emoji{font-size:54px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{border-radius:18px;overflow:hidden;background:white;box-shadow:0 7px 25px #4a654015}.news-card>img,.news-placeholder{width:100%;height:190px;object-fit:cover}.news-placeholder{display:grid;place-items:center;font-size:70px;background:#e5f5e9}.card-body{padding:20px}.category{background:#e8f5e9;color:var(--green);font-size:11px;font-weight:900;border-radius:30px;padding:6px 10px}.card-body>small{float:right;color:#99a79f}.card-body h3{font-size:18px;margin:18px 0 8px}.card-body p{font-size:13px;line-height:1.7;color:#71847a}.card-body summary{font-size:12px;color:var(--green);font-weight:900;cursor:pointer}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.filter{border:1px solid #dce9df;background:white;border-radius:30px;padding:9px 15px;color:#61796d;font:700 12px Nunito;cursor:pointer}.filter.active,.filter:hover{background:var(--green);color:white;border-color:var(--green)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{margin:0;border-radius:16px;overflow:hidden;background:#f6f8f4;position:relative;min-height:190px}.gallery-item img{width:100%;height:210px;object-fit:cover;display:block;transition:.3s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item figcaption{padding:12px 14px}.gallery-item figcaption b,.gallery-item figcaption small{display:block}.gallery-item figcaption small{color:#8b9a91;margin-top:3px}.apps-section{background:#f2f9f1}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.app-card{padding:22px;background:white;border-radius:17px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 20px #00000008}.app-card>span{font-size:30px}.app-card small{color:#7c8f84;line-height:1.5}.app-card i{font-size:12px;color:var(--green);font-style:normal;font-weight:900;margin-top:5px}.contact-section{padding:75px max(calc((100% - 1100px)/2),5%);background:#e7f5eb;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.contact-section h2{font-size:32px}.contact-section p{line-height:1.7;color:#627b6d}.contact-info{margin-top:25px;font-weight:700}.contact-form,.login-card{background:white;padding:28px;border-radius:20px;box-shadow:0 12px 35px #1d573315}.contact-form h3{margin-top:0}.contact-form label,.form-grid label,.login-card label{display:block;font-size:12px;font-weight:900;margin-bottom:14px}.contact-form input,.contact-form textarea,.form-grid input,.form-grid textarea,.form-grid select,.login-card input{display:block;width:100%;padding:12px;border:1px solid #dce7df;border-radius:9px;margin-top:7px;font:14px Nunito;outline-color:#16845b}.site-footer{background:#174d3c;color:#e6f5e9;text-align:center;padding:35px 15px}.footer-logo{font-size:20px;font-weight:900}.site-footer p{font-size:13px}.site-footer small{display:block;color:#b6d0c0;margin:15px}.site-footer>a{font-size:12px;color:#ffdf7c}.empty{padding:25px;color:#789087}.login-bg{min-height:100vh;background:linear-gradient(135deg,#e4f7e9,#fff3d4);display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);text-align:center}.brand-mark{font-size:55px}.login-card h1{color:var(--dark);margin-bottom:0}.login-card>p{color:#789087;margin-top:5px}.login-card form{text-align:left;margin:25px 0}.full{width:100%}.login-card>a{font-size:13px;color:var(--green)}.admin-body{background:#f4f7f3;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#174d3c;color:white;padding:25px 17px;display:flex;flex-direction:column;gap:7px}.side-brand{font-weight:900;font-size:17px;margin:0 0 30px}.sidebar small{font-size:10px;letter-spacing:1.5px;color:#a9cdb8;margin:0 10px 8px}.sidebar>a:not(.side-brand){padding:12px;border-radius:10px;font-size:14px}.sidebar>a.active,.sidebar>a:hover{background:#ffffff20}.admin-main{margin-left:245px;padding:30px;max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{margin:4px 0;color:var(--dark)}.admin-top>div:last-child{text-align:right}.admin-top small{color:#81948a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.panel{background:white;border-radius:16px;padding:22px;box-shadow:0 4px 18px #1c49300a}.stat b,.stat span{display:block}.stat b{font-size:32px;color:var(--green)}.stat span{font-size:13px;color:#809188}.panel{margin-bottom:20px}.panel h2{font-size:19px;color:var(--dark);margin-top:0}.panel p{line-height:1.7;color:#6d8177}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1ed}th{color:#71877b}.btn.small{padding:7px 12px;font-size:11px}.danger{background:#d85d56}.success,.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#e2f6e8;color:#17633d}.alert{background:#fff0eb;color:#a13f32}.admin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-gallery>div{border:1px solid #edf1ed;border-radius:12px;padding:10px}.admin-gallery img{width:100%;height:125px;object-fit:cover;border-radius:8px}.admin-gallery b{display:block;margin:7px 0;font-size:13px}.list-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ed;font-size:13px}.admin-footer{text-align:center;color:#9aa9a0;font-size:12px;padding:20px}
@media(max-width:800px){.nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px;flex-direction:column;gap:15px;box-shadow:0 10px 20px #0001}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:270px}.feature-strip{margin:0 5% 30px;grid-template-columns:1fr 1fr}.about-section,.contact-section{grid-template-columns:1fr;gap:30px}.section{padding-top:55px;padding-bottom:55px}.cards{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:190px}.admin-main{margin-left:190px;padding:20px}.stats{grid-template-columns:1fr 1fr}.admin-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.logo b{font-size:14px}.logo small{font-size:9px}.hero-art{height:230px}.hero-content h1{font-size:38px}.hero-content p{font-size:15px}.feature-strip{padding:18px;gap:18px}.feature-strip div{font-size:19px}.feature-strip b{font-size:12px}.cards{grid-template-columns:1fr}.section h2{font-size:29px}.vision-grid{grid-template-columns:1fr}.gallery-grid{gap:9px}.gallery-item img{height:145px}.app-grid{grid-template-columns:1fr 1fr}.contact-section{padding-left:6%;padding-right:6%}.sidebar{position:static;width:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr}.side-brand{grid-column:1/-1;margin-bottom:8px}.sidebar small{grid-column:1/-1}.admin-main{margin:0;padding:15px}.admin-top{align-items:flex-start}.admin-top>div:last-child{font-size:12px}.stats{gap:9px}.stat{padding:15px}.stat b{font-size:25px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.admin-gallery{grid-template-columns:1fr 1fr}}
/* Penyempurnaan panel pengelola dan halaman berita */
.site-logo-img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff;padding:3px}.read-more{display:inline-block;margin-top:8px;color:var(--green);font-size:13px;font-weight:900}.article-wrap{max-width:900px;margin:45px auto;padding:0 22px 70px}.article-full{background:#fff;border-radius:20px;padding:clamp(22px,5vw,48px);box-shadow:0 8px 30px #1c493012}.article-full h1{font-size:clamp(30px,5vw,46px);line-height:1.15;color:var(--dark);margin:18px 0}.article-full>small{float:right;color:#87988e}.article-full>img{width:100%;max-height:480px;object-fit:cover;border-radius:15px;margin:18px 0}.article-excerpt{font-size:18px;font-weight:700;color:#63796d;line-height:1.7}.article-content{font-size:16px;line-height:1.9;color:#52695d;white-space:normal}.school-logo-preview{width:130px;height:130px;object-fit:contain;border:1px solid #e7eee8;border-radius:14px;padding:8px}.menu-edit{display:grid;grid-template-columns:1fr 1.4fr .6fr .8fr auto;gap:10px;align-items:end;padding:13px 0;border-bottom:1px solid #edf1ed}.menu-edit label,.category-edit{font-size:12px;font-weight:800}.menu-edit input:not([type=checkbox]),.category-edit input[name=name],.reset-pass input{width:100%;padding:9px;border:1px solid #dce7df;border-radius:8px;margin-top:5px;font:13px Nunito}.checkline{display:flex!important;align-items:center;gap:7px;padding:10px 0}.checkline input{width:auto!important}.delete-inline{margin:5px 0 14px}.category-edit{display:flex;gap:10px;align-items:center;flex:1}.category-edit input[name=name]{max-width:280px}.user-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #edf1ed;font-size:13px}.reset-pass{display:flex;gap:7px;align-items:center;margin-left:auto}.reset-pass input{max-width:220px}.admin-gallery small{display:block;color:#83958a;margin:2px 0 8px}.admin-gallery form{margin-top:7px}
@media(max-width:850px){.menu-edit{grid-template-columns:1fr 1fr}.menu-edit button{justify-self:start}.reset-pass{margin-left:0}.category-edit{flex-wrap:wrap}.article-wrap{margin-top:25px}}
@media(max-width:520px){.menu-edit{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.reset-pass{width:100%;margin:0}.reset-pass input{flex:1;max-width:none}.site-logo-img{width:42px;height:42px}}

/* Perbaikan final: logo dibatasi dan tautan berita selalu terlihat */
.site-header .logo{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;max-width: min(520px, 72vw)!important;overflow:hidden!important}
.site-header .logo img.site-logo-img{display:block!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;flex:0 0 54px!important}
.read-more-wrap{display:block!important;margin:12px 0 0!important}
.news-card a.read-more,.card-body a.read-more{display:inline-block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;background:#16845b!important;color:#fff!important;padding:10px 15px!important;border-radius:9px!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important}
@media(max-width:520px){.site-header .logo img.site-logo-img{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px!important}.site-header .logo{max-width:72vw!important}}

/* Slide foto beranda */
.hero-slider{height:360px!important;display:block!important;overflow:hidden!important;border-radius:28px!important;background:#e7f7e9!important;position:relative!important;isolation:isolate}.hero-slider .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}.hero-slider .slide.active{opacity:1;visibility:visible}.hero-slider .slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slider .slide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10251bb8)}.slide-caption{position:absolute;z-index:2;bottom:38px;left:22px;right:22px;color:white;text-shadow:0 1px 5px #0008;display:flex;flex-direction:column;gap:5px}.slide-caption b{font-size:20px}.slide-caption span{font-size:13px}.slide-dots{position:absolute;z-index:3;bottom:13px;left:0;right:0;display:flex;justify-content:center;gap:7px}.slide-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#ffffff99;cursor:pointer}.slide-dots button.active{background:white;transform:scale(1.25)}.contact-form input[type=tel]{display:block;width:100%;padding:12px;border:1px solid #dce7df;border-radius:9px;margin-top:7px;font:14px Nunito}.site-header{position:relative;z-index:10}
@media(max-width:800px){.hero-slider{height:270px!important}}@media(max-width:520px){.hero-slider{height:230px!important}}

/* Update 3.1: panel admin dapat discroll dan komponen visual memiliki batas ukuran */
@media(min-width:801px){.sidebar{height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6f9b83 #174d3c}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#6f9b83;border-radius:8px}.sidebar .side-brand{flex:0 0 auto}}
.hero-art.hero-slider{width:min(100%,470px)!important;max-width:470px!important;height:auto!important;aspect-ratio:4/3!important;max-height:352px!important;min-height:0!important;justify-self:end!important;align-self:center!important;border-radius:24px!important;overflow:hidden!important}
.hero-slider .slide,.hero-slider .slide img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
.hero-slider .slide img{object-fit:cover!important;object-position:center!important}
.app-icon{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:14px!important;background:#f2f8f2!important;font-size:32px!important}
.app-icon img{display:block!important;width:100%!important;height:100%!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important}
.app-edit-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #edf1ed}
.app-edit-icon{width:64px;height:64px;border-radius:14px;background:#f2f8f2;display:grid;place-items:center;overflow:hidden;font-size:30px}
.app-edit-icon img{width:64px;height:64px;object-fit:contain}
.app-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.app-edit-fields label{font-size:12px;font-weight:800}
.app-edit-fields input{display:block;width:100%;padding:10px;border:1px solid #dce7df;border-radius:8px;margin-top:5px;font:13px Nunito}
.slide-admin-list{display:grid;gap:16px}
.slide-admin-item{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;gap:15px;align-items:start;padding:14px 0;border-bottom:1px solid #edf1ed}
.slide-admin-item>img{width:100%;aspect-ratio:4/3;height:auto;max-height:165px;object-fit:cover;border-radius:10px}
.slide-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.slide-edit-form label{font-size:12px;font-weight:800}
.slide-edit-form input{display:block;width:100%;padding:9px;border:1px solid #dce7df;border-radius:8px;margin-top:5px;font:13px Nunito}
.slide-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
@media(max-width:800px){.hero-art.hero-slider{width:100%!important;max-width:470px!important;max-height:none!important;aspect-ratio:4/3!important;height:auto!important;justify-self:center!important}.slide-admin-item{grid-template-columns:130px minmax(0,1fr)}.slide-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.app-edit-fields{grid-template-columns:1fr}}
@media(max-width:520px){.hero-art.hero-slider{width:100%!important;aspect-ratio:4/3!important;height:auto!important}.slide-admin-item{grid-template-columns:1fr}.slide-admin-item>img{max-width:260px}.slide-edit-form{grid-template-columns:1fr}}