:root{
  --green-950:#012C11; --green-800:#00551B; --green-700:#006921; --green-600:#0C7A2C;
  --lime-400:#ACCE22; --lime-300:#C3DD57; --lime-100:#EFF6D6;
  --secondary-500:#BBD453; --secondary-700:#8FA83A; --secondary-100:#F1F6DC;
  --tan-400:#CAA169; --tan-700:#835732;
  --ink-900:#2E2622; --ink-600:#5B5148;
  --cream-050:#FBF9F2; --cream-100:#F3EEDF;
  --line:rgba(46,38,34,0.12); --line-dark:rgba(251,249,242,0.16);
  --radius:14px; --radius-lg:22px;
  --shadow:0 10px 30px -12px rgba(1,44,17,.18);
  --shadow-lg:0 24px 60px -20px rgba(1,44,17,.28);
  --ff-disp:'Amiri',Georgia,serif;
  --ff-body:'Plus Jakarta Sans',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--ff-body);color:var(--ink-900);background:var(--cream-050);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;}
.container{max-width:1180px;margin:0 auto;padding:0 28px;}
h1,h2,h3,h4{font-family:var(--ff-disp);font-weight:700;letter-spacing:-0.005em;}
.eyebrow{font-weight:700;font-size:.82rem;color:var(--green-700);display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--lime-400);display:inline-block;}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;padding:13px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.25s cubic-bezier(.2,.8,.2,1);}
.btn-primer{background:var(--green-700);color:var(--cream-050);}
.btn-primer:hover{background:var(--green-800);transform:translateY(-2px);box-shadow:var(--shadow);}
.btn:active{transform:translateY(0) scale(.97);}
.btn-primer:active{background:var(--secondary-700);}
.btn-emas:active{background:var(--secondary-500);}
.btn-garis:active{border-color:var(--secondary-700);color:var(--secondary-700);background:var(--secondary-100);}
.btn-garis-terang:active{background:var(--secondary-500);border-color:var(--secondary-500);color:var(--green-950);}
.btn-garis{border-color:var(--green-950);color:var(--green-950);background:transparent;}
.btn-garis:hover{border-color:var(--green-700);color:var(--green-700);}
.btn-emas{background:var(--lime-400);color:var(--green-950);}
.btn-emas:hover{background:var(--lime-300);}
.btn-garis-terang{border-color:var(--line-dark);color:var(--cream-100);background:transparent;}
.btn-garis-terang:hover{background:var(--line-dark);}

.fade-up{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);}
.fade-up.in{opacity:1;transform:translateY(0);}

/* TOPBAR */
.topbar{background:var(--green-950);color:#CFE6C9;font-size:.78rem;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px;}
.topbar-info{display:flex;gap:22px;}
.topbar-info span{display:flex;align-items:center;gap:6px;opacity:.85;}
.topbar-sosial{display:flex;gap:14px;}
.topbar-sosial a{opacity:.75;transition:.2s;}
.topbar-sosial a:hover{opacity:1;color:var(--lime-300);}
@media(max-width:820px){.topbar{display:none;}}

/* NAVBAR */
header.nav-wrap{position:sticky;top:0;z-index:200;background:rgba(251,249,242,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(46,38,34,.08);}
.navbar{display:flex;align-items:center;justify-content:space-between;height:78px;}
.brand{display:flex;align-items:center;gap:12px;cursor:pointer;background:none;border:none;}
.brand img{width:42px;height:42px;flex-shrink:0;object-fit:contain;}
.brand-text{text-align:left;display:flex;flex-direction:column;white-space:nowrap;}
.brand-text .t1{letter-spacing:.04em;font-family:var(--ff-disp);font-weight:700;font-size:1.08rem;line-height:1.05;color:var(--green-950);}
.brand-text .t2{font-size:.66rem;color:var(--ink-600);letter-spacing:.02em;}
nav.links{display:flex;align-items:center;gap:0;flex:none;white-space:nowrap;}
.navbar{gap:18px;}
nav.links a{display:flex;align-items:center;gap:6px;padding:10px 9px;white-space:nowrap;flex:none;font-weight:600;font-size:.82rem;color:var(--ink-900);border-radius:8px;transition:.2s;cursor:pointer;}
nav.links a:hover{color:var(--green-700);background:var(--cream-100);}
nav.links a.active{color:var(--green-800);background:var(--secondary-100);border-bottom:2px solid var(--secondary-500);}
.nav-cta{display:flex;align-items:center;gap:10px;}
.nav-cta{flex:none;}
.nav-cta .btn{padding:10px 18px;font-size:.8rem;white-space:nowrap;flex-shrink:0;width:max-content;}
.brand{flex-shrink:0;}
.burger{display:none;background:none;border:none;font-size:1.5rem;color:var(--green-950);cursor:pointer;}
@media(max-width:1180px){
  nav.links{display:none;position:fixed;top:78px;left:0;right:0;bottom:0;background:var(--cream-050);flex-direction:column;align-items:flex-start;padding:30px 28px;gap:6px;overflow-y:auto;z-index:150;}
  nav.links.open{display:flex;}
  nav.links a{width:100%;font-size:1.02rem;padding:13px 10px;}
  .nav-cta .btn-garis{display:none;}
  .burger{display:block;}
}

/* PAGE SWITCH */
.page{display:none;}
.page.active{display:block;animation:pgIn .45s ease;}
@keyframes pgIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

.ps-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:center;}
.ps-card{background:var(--green-950);border-radius:18px;padding:12px 28px;}
.ps-card div{padding:18px 0;border-bottom:1px solid rgba(251,249,242,.15);}
.ps-card div:last-child{border-bottom:none;}
.ps-card b{display:block;font-family:var(--ff-disp);font-size:1.4rem;color:var(--lime-300);}
.ps-card span{font-size:.82rem;color:rgba(251,249,242,.75);}
@media(max-width:900px){.badge-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.ps-grid{grid-template-columns:1fr;}}

/* HOME HERO */
.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 88% -10%,var(--cream-100),var(--cream-050) 60%);padding:70px 0 84px;}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
@media(max-width:900px){.hero .container{grid-template-columns:1fr;}}
.hero h1{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.1;color:var(--green-950);margin:14px 0 20px;}
.hero p.lede{font-size:1.05rem;color:var(--ink-600);max-width:500px;margin-bottom:28px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;}
.hero-stats{display:flex;gap:30px;flex-wrap:wrap;}
.hero-stats div{border-left:3px solid var(--lime-400);padding-left:12px;}
.hero-stats b{display:block;font-family:var(--ff-disp);font-size:1.4rem;color:var(--green-700);}
.hero-stats span{font-size:.76rem;color:var(--ink-600);}
.hero-visual{position:relative;padding-bottom:22px;max-width:480px;margin:0 auto;width:100%;}
.badge-wrap{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.badge-wrap svg.disc{position:absolute;inset:0;width:100%;height:100%;}
.badge-wrap svg.pattern{position:absolute;inset:0;width:100%;height:100%;opacity:.5;clip-path:circle(50% at 50% 50%);}
.badge-wrap img{width:78%;max-width:400px;position:relative;z-index:2;}
.hero-badge{position:relative;margin:-100px 0 0 -2%;width:max-content;z-index:3;background:var(--cream-050);border-radius:16px;box-shadow:var(--shadow-lg);padding:16px 20px;display:flex;align-items:center;gap:12px;max-width:300px;}
.hero-badge .hb-t{font-weight:700;font-size:.85rem;color:var(--green-950);}
.hero-badge .hb-s{font-size:.72rem;color:var(--ink-600);}

/* SECTION */
.sec{padding:84px 0;}
@media(max-width:640px){.sec{padding:56px 0;}}
.sec-head{max-width:640px;margin-bottom:44px;}
.sec-head h2{font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--green-950);}
.sec-head p{color:var(--ink-600);margin-top:12px;font-size:1rem;}
.sec.alt{background:var(--cream-100);}

/* SUB-PAGE HERO */
.breadcrumb{font-size:.78rem;color:var(--lime-300);display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
.breadcrumb a{background:none;border:none;color:rgba(251,249,242,.75);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit;}
.breadcrumb a:hover{color:var(--lime-300);}
.page-hero{position:relative;padding:56px 0 46px;background:linear-gradient(rgba(1,44,17,.35),rgba(1,44,17,.35)),url("/img/pola-islami.png") center/55px 73px repeat,var(--green-950);color:#fff;overflow:hidden;}
.page-hero .pattern{position:absolute;inset:0;opacity:.35;}
.page-hero .container{position:relative;z-index:2;}
.page-hero h1{color:#fff;font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:10px;}
.page-hero p{color:rgba(251,249,242,.82);max-width:620px;font-size:1rem;}

/* PROGRAM / LIST ROWS */
.program-list{border-top:1px solid var(--line);}
.program-row{display:grid;grid-template-columns:.3fr 1.4fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center;}
@media(max-width:800px){.program-row{grid-template-columns:1fr;gap:10px;padding:24px 0;}}
.program-row .jenjang{font-family:var(--ff-disp);font-size:1.08rem;color:var(--tan-700);}
.program-row h3{font-size:1.2rem;color:var(--green-950);margin-bottom:6px;}
.program-row p{color:var(--ink-600);font-size:.94rem;}
.program-row .meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.pill{font-size:.76rem;color:var(--green-700);border:1px solid var(--green-700);padding:5px 12px;border-radius:20px;}

/* KEGIATAN */
.kegiatan-flex{display:flex;flex-wrap:wrap;gap:14px;}
.kegiatan-chip{display:flex;align-items:center;gap:12px;background:var(--cream-050);border:1px solid var(--line);padding:15px 20px;border-radius:30px;font-size:.9rem;font-weight:500;}
.kegiatan-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--lime-400);flex-shrink:0;}
.kegiatan-jadwal{margin-top:44px;}
.kegiatan-jadwal .row{display:grid;grid-template-columns:.5fr 1.5fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);border-left:3px solid var(--secondary-500);padding-left:16px;}
.kegiatan-jadwal .row strong{color:var(--green-800);font-size:.9rem;}
.kegiatan-jadwal .row span{color:var(--ink-600);font-size:.92rem;}

/* KEUNGGULAN */
.adv-wrap{background:var(--green-950);color:var(--cream-100);}
.adv-wrap .sec-head h2,.adv-wrap .eyebrow{color:var(--cream-100);}
.adv-wrap .eyebrow{color:var(--lime-300);}
.adv-wrap .eyebrow::before{background:var(--lime-300);}
.adv-wrap .sec-head p{color:rgba(251,249,242,.72);}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);}
@media(max-width:800px){.adv-grid{grid-template-columns:1fr;}}
.adv-cell{background:var(--green-950);padding:36px 30px;}
.adv-cell h4{font-size:1.08rem;color:var(--cream-100);margin:18px 0 10px;}
.adv-cell p{color:rgba(251,249,242,.7);font-size:.92rem;}

/* PRESTASI */
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:52px;}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr;}}
.stat-card{background:var(--lime-100);border-left:3px solid var(--lime-400);border-radius:var(--radius);padding:22px 22px;}
.stat-card:nth-child(2){background:var(--secondary-100);border-left-color:var(--secondary-500);}
.stat-card b{display:block;font-family:var(--ff-disp);font-size:1.15rem;color:var(--tan-700);}
.stat-card span{font-size:.85rem;color:var(--ink-900);}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:800px){.testi-grid{grid-template-columns:1fr;}}
.testi-card{background:var(--cream-050);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;}
.testi-card p.quote{font-size:.98rem;color:var(--ink-900);margin-bottom:18px;}
.testi-card .who strong{color:var(--green-950);display:block;font-size:.92rem;}
.testi-card .who{font-size:.84rem;color:var(--ink-600);}

/* GALERI */
.gallery-cat{margin:0 0 16px;font-weight:700;font-size:.86rem;color:var(--tan-700);}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:10px;margin-bottom:46px;}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;}}
.gallery-grid .g1{grid-column:span 2;grid-row:span 2;}
.gallery-grid .g4{grid-column:span 2;}
.gallery-grid>div{position:relative;overflow:hidden;border-radius:var(--radius);}
.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);}
.gallery-grid .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;font-size:.74rem;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(1,44,17,.78));}

/* BERITA */
.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:800px){.berita-grid{grid-template-columns:1fr;}}
.berita-card{background:var(--cream-050);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:.25s;cursor:pointer;text-align:left;width:100%;}
.berita-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.berita-img{height:150px;background:linear-gradient(135deg,var(--green-800),var(--green-600));position:relative;}
.berita-tag{position:absolute;top:12px;left:12px;background:var(--lime-400);color:var(--green-950);font-size:.66rem;font-weight:700;padding:5px 12px;border-radius:999px;}
.berita-body{padding:18px 20px 22px;}
.berita-date{font-size:.72rem;color:var(--tan-700);font-weight:700;margin-bottom:8px;}
.berita-body h4{font-weight:700;font-family:var(--ff-body);font-size:.98rem;line-height:1.4;margin-bottom:8px;color:var(--green-950);}
.berita-body p{font-size:.85rem;color:var(--ink-600);}
.berita-article img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius);margin-bottom:32px;}
.berita-article .meta{font-size:.85rem;color:var(--tan-700);font-weight:700;margin-bottom:16px;}
.berita-article .body p{color:var(--ink-600);font-size:1rem;margin-bottom:18px;max-width:70ch;}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--green-700);font-weight:700;margin-bottom:26px;background:none;border:none;cursor:pointer;}

/* PPDB */
.ppdb-wrap{background:var(--green-700);color:var(--cream-050);border-radius:var(--radius-lg);padding:54px;}
@media(max-width:700px){.ppdb-wrap{padding:34px 22px;}}
.ppdb-wrap .eyebrow{color:var(--lime-300);}
.ppdb-wrap .eyebrow::before{background:var(--lime-300);}
.ppdb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0 46px;}
@media(max-width:860px){.ppdb-steps{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.ppdb-steps{grid-template-columns:1fr;}}
.ppdb-step{border-top:2px solid var(--lime-400);padding-top:16px;}
.ppdb-step .num{font-family:var(--ff-disp);font-size:1.5rem;color:var(--lime-300);}
.ppdb-step h4{font-size:.98rem;margin:8px 0 6px;color:#fff;}
.ppdb-step p{font-size:.86rem;color:rgba(251,249,242,.78);}
.ppdb-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px;}
@media(max-width:800px){.ppdb-grid{grid-template-columns:1fr;gap:30px;}}
.ppdb-grid h4{font-size:.92rem;color:var(--lime-300);margin-bottom:14px;}
.ppdb-grid ul li{font-size:.9rem;padding:8px 0;border-bottom:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:10px;color:rgba(251,249,242,.92);}
.ppdb-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* DONASI */
.donasi-list{border-top:1px solid var(--line);}
.donasi-row{display:grid;grid-template-columns:1.4fr 2fr .7fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center;}
@media(max-width:800px){.donasi-row{grid-template-columns:1fr;gap:10px;padding:22px 0;}}
.donasi-row h3{font-size:1.05rem;color:var(--green-950);}
.donasi-row p{color:var(--ink-600);font-size:.9rem;}
.donasi-info{margin-top:46px;display:grid;grid-template-columns:1.3fr .9fr;gap:44px;background:var(--lime-100);border-radius:var(--radius);padding:34px;}
@media(max-width:800px){.donasi-info{grid-template-columns:1fr;}}
.donasi-info h4{font-size:.88rem;color:var(--green-800);margin-bottom:12px;}
.donasi-info .rek{font-family:var(--ff-disp);font-size:1.25rem;color:var(--green-950);}
.donasi-info .qris{width:140px;height:140px;border-radius:var(--radius);background:repeating-linear-gradient(45deg,#ddd,#ddd 6px,#eee 6px,#eee 12px);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ink-600);text-align:center;padding:8px;}

/* CTA */
.cta{text-align:center;padding:64px 0;}
.cta-box{background:var(--green-950);border-radius:var(--radius-lg);padding:56px 36px;color:var(--cream-100);position:relative;overflow:hidden;}
.cta-box::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 15% 0%,rgba(172,206,34,.18),transparent),radial-gradient(600px 240px at 85% 100%,rgba(202,161,105,.18),transparent);}
.cta-box>*{position:relative;}
.cta-box h3{color:#fff;font-size:1.7rem;margin-bottom:12px;}
.cta-box p{color:rgba(251,249,242,.75);max-width:480px;margin:0 auto 24px;}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* KONTAK */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;}}
.contact-info .row{display:flex;gap:14px;margin-bottom:22px;align-items:flex-start;}
.contact-info .row strong{display:block;color:var(--green-950);margin-bottom:2px;}
.contact-info .row p,.contact-info .row a{color:var(--ink-600);font-size:.92rem;}
.map-frame{margin-top:30px;aspect-ratio:16/9;background:var(--cream-100);border-radius:var(--radius);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-600);font-size:.86rem;}
.map-frame iframe{display:block;}
.fld{margin-bottom:0;}
.fld input,.fld textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.92rem;background:var(--cream-050);}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--green-700);box-shadow:0 0 0 3px rgba(0,105,33,.12);}
form.contact-form{display:flex;flex-direction:column;gap:14px;}

/* NOTE */
.note{margin-top:18px;font-size:.85rem;color:var(--tan-700);background:var(--lime-100);border:1px dashed var(--tan-400);padding:12px 16px;border-radius:8px;max-width:72ch;}


/* UNGGULAN */
.unggul-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:860px){.unggul-grid{grid-template-columns:1fr;}}
.unggul-card{background:var(--cream-050);border:1px solid var(--line);border-top:4px solid var(--lime-400);border-radius:var(--radius);padding:28px 26px;}
.unggul-card:nth-child(2){border-top-color:var(--secondary-500);}
.unggul-card:nth-child(2) .ut{background:var(--secondary-100);}
.unggul-card .ut{display:inline-block;font-size:.7rem;font-weight:700;color:var(--green-800);background:var(--lime-100);padding:4px 12px;border-radius:999px;margin-bottom:14px;}
.unggul-card h3{font-size:1.25rem;color:var(--green-950);margin-bottom:10px;}
.unggul-card p{font-size:.92rem;color:var(--ink-600);}
.sorot{background:var(--green-800);color:var(--cream-100);border-radius:var(--radius-lg);padding:38px 40px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:44px;}
@media(max-width:700px){.sorot{grid-template-columns:1fr;padding:28px 22px;}}
.sorot .big{font-family:var(--ff-disp);font-size:2.4rem;color:var(--lime-300);line-height:1;}
.sorot h3{color:#fff;font-size:1.3rem;margin-bottom:8px;}
.sorot p{color:rgba(251,249,242,.82);font-size:.94rem;max-width:64ch;}
.rutin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:56px;}
@media(max-width:800px){.rutin-grid{grid-template-columns:1fr;}}
.rutin-card{background:var(--lime-100);border-left:3px solid var(--lime-400);border-radius:10px;padding:20px 22px;}
.rutin-card b{display:block;font-family:var(--ff-disp);font-size:1.08rem;color:var(--green-800);margin-bottom:6px;}
.rutin-card span{font-size:.86rem;color:var(--ink-600);}

/* LEGALITAS */
.legalitas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;align-items:stretch;}
@media(max-width:800px){.legalitas-grid{grid-template-columns:1fr 1fr;}}
.legalitas-card{background:var(--cream-100);border-radius:10px;padding:16px 18px;border-left:3px solid var(--green-700);}
.legalitas-card:nth-child(even){border-left-color:var(--secondary-500);}
.legalitas-card b{display:block;word-break:keep-all;font-family:var(--ff-disp);font-size:1.05rem;color:var(--green-800);}
.legalitas-card span{font-size:.78rem;color:var(--ink-600);}

/* NILAI CHIPS */
.nilai-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.nilai-chip{background:var(--green-700);color:#fff;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:999px;letter-spacing:.02em;}

/* BADGE STRIP (home) */
.badge-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.badge-strip .bi{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:20px 24px;border-right:1px solid var(--line);border-bottom:3px solid transparent;transition:border-color .2s;}
.badge-strip .bi:hover{border-bottom-color:var(--secondary-500);}
.badge-strip .bi:last-child{border-right:none;}
.badge-strip .bi b{display:block;font-family:var(--ff-disp);color:var(--green-800);font-size:1.05rem;}
.badge-strip .bi span{font-size:.78rem;color:var(--ink-600);}

/* STRUKTUR ROLES */
.struktur-roles{display:flex;flex-direction:column;gap:2px;}
.struktur-roles .role{padding:16px 0;border-bottom:1px solid var(--line);}
.struktur-roles .role .jbt{font-weight:700;color:var(--green-800);font-size:.94rem;margin-bottom:4px;}
.struktur-roles .role .ds{font-size:.86rem;color:var(--ink-600);}

/* JADWAL TABS */
.jadwal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.jadwal-tab{padding:10px 20px;border-radius:999px;font-size:.86rem;font-weight:700;border:1.5px solid var(--line);background:var(--cream-050);cursor:pointer;color:var(--ink-600);}
.jadwal-tab.active{background:var(--secondary-500);border-color:var(--secondary-500);color:var(--green-950);}
.jadwal-panel{display:none;}
.jadwal-panel.active{display:block;}
table.jadwal-table{width:100%;border-collapse:collapse;}
table.jadwal-table th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tan-700);padding:10px 12px;border-bottom:2px solid var(--line);}
table.jadwal-table td{padding:10px 12px;font-size:.88rem;border-bottom:1px solid var(--line);color:var(--ink-900);}
table.jadwal-table td:first-child{color:var(--ink-600);width:110px;white-space:nowrap;font-variant-numeric:tabular-nums;}
table.jadwal-table tr:hover td{background:var(--secondary-100);}
table.jadwal-table th{border-bottom-color:var(--secondary-500);}

/* FOOTER */
footer{background:var(--green-950);color:#B9C9B4;padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr .9fr .9fr 1.1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(251,249,242,.1);}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.footer-brand img{width:38px;height:38px;}
.footer-brand .t1{color:#fff;font-family:var(--ff-disp);font-weight:700;font-size:1.02rem;}
footer p{font-size:.87rem;line-height:1.7;}
footer h5{color:#fff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
footer .flinks li{margin-bottom:10px;font-size:.87rem;}
footer .flinks a{cursor:pointer;}
footer .flinks a:hover{color:var(--lime-300);}
.fkontak li{display:flex;gap:10px;margin-bottom:12px;font-size:.87rem;align-items:flex-start;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:.78rem;color:#7E9678;flex-wrap:wrap;gap:10px;}
.footer-sosial{display:flex;gap:12px;}
.footer-sosial a{width:34px;height:34px;border-radius:50%;background:rgba(251,249,242,.06);display:flex;align-items:center;justify-content:center;}
.footer-sosial a:hover{background:var(--green-700);}

/* === Tambahan untuk versi dinamis === */
.berita-card{display:block;}
.berita-img{background-size:cover;background-position:center;}
.gallery-grid .g4t{grid-column:span 2;grid-row:span 2;}
.form-status{font-size:.88rem;padding:10px 14px;border-radius:8px;display:none;}
.form-status.ok{display:block;background:var(--lime-100);color:var(--green-800);border:1px solid var(--lime-400);}
.form-status.err{display:block;background:#fbeaea;color:#8a1f1f;border:1px solid #e3b4b4;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.empty-note{color:var(--ink-600);font-size:.95rem;padding:24px 0;}
.donasi-info .qris img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius);background:#fff;}
.donasi-info .qris.has-img{background:#fff;padding:0;}
.berita-article .body{white-space:normal;}

/* HP kecil: cegah tombol menu terdorong keluar layar (header terlalu lebar) */
@media(max-width:480px){
  .navbar{gap:10px;}
  .brand{gap:8px;}
  .brand img{width:36px;height:36px;}
  .brand-text .t1{font-size:.96rem;}
  .nav-cta{gap:6px;}
  .nav-cta .btn{padding:8px 12px;font-size:.74rem;}
}

/* Menu HP: backdrop-filter membuat panel fixed "terjepit" setinggi header; matikan di layar kecil */
@media(max-width:1180px){
  header.nav-wrap{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--cream-050);}
}
.donasi-info.no-qris{grid-template-columns:1fr;}