@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--green:#075b3a;--green2:#0b7650;--light:#f4f7f4;--ink:#10221a;--muted:#718078;--gold:#c7a65a;--line:#e3e9e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}.site-page{background-color:#fff;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.site-page .section,.site-page .page{background:rgba(255,255,255,.82);border-radius:28px}.site-page .tinted{background:rgba(244,247,244,.88)}a{text-decoration:none;color:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-weight:700;font-family:Georgia;font-size:21px}.brand b{display:block;letter-spacing:1.5px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;text-transform:uppercase}.topbar nav{display:flex;gap:28px;font-size:14px;color:#52625b}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{max-width:1120px;margin:auto;min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:55px 20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green2)}h1,h2{font-family:"Playfair Display",serif}h1{font-size:64px;line-height:.98;margin:16px 0}h1 span{color:var(--green2)}h2{font-size:34px;margin:7px 0 0}.hero-copy p{max-width:480px;color:var(--muted);line-height:1.7}.btn{display:inline-flex;gap:14px;align-items:center;background:var(--green);color:white;border:0;padding:13px 19px;border-radius:12px;font-weight:700;margin-top:12px;cursor:pointer}.hero-art{min-height:360px;position:relative;background:linear-gradient(145deg,#eaf3ec,#d7e8dc);border-radius:38px;overflow:hidden;display:grid;place-items:center}.circle{width:310px;height:310px;border-radius:50%;background:#0a5c3b;position:absolute;right:10%;bottom:-90px;opacity:.12}.hero-badge{width:210px;height:210px;border-radius:50%;background:#fff;box-shadow:0 20px 60px #0a3b2622;display:grid;place-items:center;text-align:center;font-family:Georgia;font-size:29px;font-weight:bold;color:var(--green);z-index:1}.hero-badge small{font:700 11px "DM Sans";letter-spacing:3px}.quick-grid{max-width:1080px;margin:-25px auto 30px;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.quick-grid a{background:white;border:1px solid var(--line);border-radius:16px;padding:15px 10px;text-align:center;box-shadow:0 8px 30px #12341b0b}.quick-grid i{display:block;margin:auto auto 8px;width:34px;height:34px;border-radius:10px;background:#e8f3ec;color:var(--green);font-style:normal;display:grid;place-items:center}.quick-grid b{display:block;font-size:12px}.quick-grid small{color:var(--muted);font-size:10px}.section{max-width:1120px;margin:auto;padding:70px 20px}.tinted{max-width:none;background:var(--light);padding-left:max(20px,calc((100% - 1080px)/2));padding-right:max(20px,calc((100% - 1080px)/2))}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head>a{color:var(--green);font-weight:700;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.activity-card img{width:100%;height:190px;object-fit:cover;background:#dfe9e2}.card-body{padding:17px}.pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#e9f4ed;color:var(--green);font-size:10px;font-weight:700}.card-body h3{font-size:18px;margin:10px 0}.card-body p{font-size:12px;color:var(--muted);line-height:1.5}.card-body a{color:var(--green);font-size:12px;font-weight:700}.program-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.program-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.program-icon{font-size:25px;color:var(--green)}.program-card h3{font-size:16px}.program-card p{font-size:12px;line-height:1.6;color:var(--muted)}.news-list{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:105px 1fr 25px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.news-item img{width:105px;height:75px;object-fit:cover;border-radius:12px;background:#e6eee8}.news-item span{font-size:10px;color:var(--green2);font-weight:700}.news-item h3{font-size:15px;margin:5px 0}.news-item p{font-size:12px;color:var(--muted);margin:0}.news-item>b{color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:190px;object-fit:cover;border-radius:16px;background:#e6eee8}.profile-strip{background:var(--green);color:white;padding:55px max(20px,calc((100% - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}.profile-strip .eyebrow{color:#b8d9c6}.profile-strip h2{font-size:34px}.profile-strip p{max-width:650px;color:#d3e4da}.btn.light{background:white;color:var(--green);white-space:nowrap}footer{background:#083d29;color:#d6e6dc;padding:45px max(20px,calc((100% - 1080px)/2));display:flex;justify-content:space-between;gap:40px;font-size:12px;line-height:1.7}.bottom-nav{display:none}.page{max-width:1080px;margin:auto;padding:55px 20px}.page>h1{font-size:48px;margin-bottom:35px}.detail{max-width:820px}.detail-img{width:100%;max-height:460px;object-fit:cover;border-radius:22px;margin:18px 0 24px;background:#e6eee8}.back{color:var(--green);font-weight:700;font-size:13px}.meta{color:var(--muted);font-size:13px}.prose{font-size:16px;line-height:1.9;color:#425149;margin-top:25px}.profile-box{background:var(--light);padding:30px;border-radius:22px;line-height:1.8}.empty{padding:30px;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.admin-body{background:#f4f7f4;min-height:100vh}.admin-wrap{max-width:1050px;margin:auto;padding:25px 20px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-head>a{color:var(--green);font-weight:700}.login-box{width:min(420px,calc(100% - 30px));margin:80px auto;background:#fff;padding:35px;border-radius:24px;border:1px solid var(--line)}.center{justify-content:center;margin-bottom:25px}.login-box h1{font-size:35px}.login-box label,.admin-form label{display:block;font-size:12px;font-weight:700;margin:14px 0}.login-box input,.admin-form input,.admin-form select,.admin-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8e1db;border-radius:10px;padding:12px;font:inherit;background:#fff}.full{width:100%;justify-content:center}.hint,.alert,.success{font-size:12px;color:var(--muted)}.alert{background:#fbeaea;color:#a33;padding:10px;border-radius:10px}.success{background:#e8f5ed;color:var(--green);padding:10px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px}.stats strong{font-size:34px;display:block;color:var(--green)}.stats span{font-size:12px;color:var(--muted)}.admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.admin-actions a{background:var(--green);color:#fff;padding:20px;border-radius:15px;font-weight:700}.notice{margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.admin-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin:20px 0}.admin-table{background:#fff;border-radius:18px;border:1px solid var(--line)}.admin-table div{padding:15px 18px;border-bottom:1px solid var(--line)}.admin-table span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:700px){.topbar{height:64px;padding:0 16px}.topbar nav{display:none}.menu-btn{display:block}.hero{display:block;padding:32px 16px 25px;min-height:0}.hero h1{font-size:45px}.hero-art{height:260px;min-height:0;margin-top:25px;border-radius:25px}.hero-badge{width:155px;height:155px;font-size:22px}.quick-grid{grid-template-columns:repeat(3,1fr);margin:0;padding:10px 16px 25px}.quick-grid a{padding:12px 5px}.section{padding:45px 16px}.section-head{align-items:start}.section-head h2{font-size:27px}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.activity-card{min-width:82%;scroll-snap-align:start}.activity-card img{height:180px}.program-grid{grid-template-columns:repeat(2,1fr)}.program-card{padding:15px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:130px}.profile-strip{padding:42px 20px;display:block}.profile-strip .btn{margin-top:15px}.page{padding:35px 16px}.page>h1{font-size:40px}.news-item{grid-template-columns:82px 1fr 15px;gap:10px}.news-item img{width:82px;height:65px}.news-item p{display:none}footer{display:block;padding:35px 20px 95px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:67px;background:#fff;border-top:1px solid var(--line);z-index:20;justify-content:space-around}.bottom-nav a{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;color:#7a877f}.bottom-nav a small{font-size:9px;margin-top:3px}.bottom-nav a.active{color:var(--green);font-weight:700}.stats{grid-template-columns:repeat(2,1fr)}.admin-actions{grid-template-columns:1fr}.admin-wrap{padding-bottom:40px}}

.brand-logo-img{width:40px;height:40px;object-fit:contain;border-radius:10px}.admin-shell button{font-family:inherit}

.page-lead{color:var(--muted);max-width:650px;line-height:1.7;margin-top:-20px;margin-bottom:30px}
.pengurus-grid{display:flex;flex-direction:column;gap:28px}
.pengurus-card{border:1px solid var(--line);border-radius:30px;background:#fff;padding:28px;display:flex;gap:32px;align-items:center;box-shadow:0 16px 42px #12341b0b}
.pengurus-card img,.pengurus-avatar{width:210px;height:210px;min-width:210px;border-radius:28px;object-fit:cover;background:#e7f1ea}
.pengurus-avatar{display:grid;place-items:center;color:var(--green);font:700 68px Georgia}
.pengurus-card span{font-size:10px;color:var(--green2);font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.pengurus-card h3{font-size:30px;margin:8px 0 12px;line-height:1.2}
@media(max-width:700px){.pengurus-grid{grid-template-columns:1fr;gap:18px}.pengurus-card{padding:16px;gap:18px}.pengurus-card img,.pengurus-avatar{width:115px;height:115px;min-width:115px;border-radius:20px}.pengurus-avatar{font-size:38px}.pengurus-card h3{font-size:18px}.pengurus-card span{font-size:9px}}

.pengurus-info{flex:1}.pengurus-quote{font-size:18px;line-height:1.65;color:var(--muted);margin:0;max-width:760px;font-style:italic}.pengurus-admin-row em{display:block;color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:700px){.pengurus-card{padding:18px;gap:20px;border-radius:24px}.pengurus-card img,.pengurus-avatar{width:150px;height:150px;min-width:150px;border-radius:22px}.pengurus-avatar{font-size:48px}.pengurus-card h3{font-size:23px;margin-bottom:8px}.pengurus-quote{font-size:15px;line-height:1.5}.pengurus-card span{font-size:9px}}

/* v6 - quick menu dibuat satu baris */
.quick-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-width:1120px}
.quick-grid a{min-width:0;padding:15px 7px}
.quick-grid b{font-size:12px;white-space:nowrap}
@media(max-width:900px) and (min-width:701px){.quick-grid{grid-template-columns:repeat(7,minmax(110px,1fr));overflow-x:auto;max-width:100%;padding-left:20px;padding-right:20px}.quick-grid a{min-width:110px}}
@media(max-width:700px){.quick-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;margin:0;padding:10px 16px 25px;scrollbar-width:none}.quick-grid::-webkit-scrollbar{display:none}.quick-grid a{flex:0 0 105px;padding:12px 5px}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px}}


/* v10 - identitas warna MARWAH + layout lebih rapi */
:root{--green:#186807;--green2:#145806;--light:#eef2ea;--ink:#10200f;--muted:#687267;--gold:#b69a4a;--line:#d8dfd4}
body{background:#eef1eb}
.site-page{background-color:#eef1eb}
.site-page .section,.site-page .page{background:rgba(250,251,247,.92);border:1px solid rgba(216,223,212,.8)}
.site-page .tinted{background:rgba(231,238,227,.94)}
.topbar{background:rgba(250,251,247,.97);border-bottom-color:#cfd8ca}
.topbar nav{color:#30412f}
.hero{padding-top:62px;padding-bottom:55px}
.hero-art{background:linear-gradient(145deg,#d9e5d3,#b9ceb2);box-shadow:0 18px 50px rgba(24,104,7,.10)}
.hero-badge{color:var(--green);box-shadow:0 20px 60px rgba(10,59,38,.20)}
.circle{background:var(--green);opacity:.18}
.quick-grid a{background:rgba(250,251,247,.96);border-color:#d5ddd2;box-shadow:0 10px 28px rgba(24,104,7,.09)}
.quick-grid i{background:#e2eddf;color:var(--green)}
.btn{background:var(--green);box-shadow:0 8px 20px rgba(24,104,7,.16)}
.cards{align-items:stretch}
.activity-card{height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.96);border-color:#d6ded3}
.activity-card .card-body{flex:1;display:flex;flex-direction:column}
.activity-card .card-body a{margin-top:auto}
.program-grid{align-items:stretch}
.program-card{height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.96);border-color:#d5ddd2;min-height:225px}
.program-card h3{min-height:38px;margin-bottom:8px}
.program-card p{margin-top:0;flex:1}
.news-item{background:rgba(255,255,255,.38);border-bottom-color:#d6ded3}
.gallery img{border:1px solid #d6ded3}
.profile-strip{background:#124f06}
footer{background:#0d3d05}
.pill{background:#e3efdf;color:var(--green)}
.eyebrow,.section-head>a,.back,.card-body a{color:var(--green)}
.page>h1{color:#10200f}
.empty{background:rgba(255,255,255,.72)}

/* Semua kartu program punya tinggi seragam */
.program-grid{grid-auto-rows:1fr}

@media(max-width:700px){
  .hero{padding-top:35px}
  .program-grid{grid-template-columns:1fr 1fr;align-items:stretch}
  .program-card{min-height:205px}
  .program-card h3{min-height:38px}
  .activity-card{min-height:430px}
  .site-page .section,.site-page .page{border-radius:22px}
}


/* v11 - semua section publik dibuat satu sistem layout yang konsisten */
.site-page main > .section{
  width:min(1120px, calc(100% - 40px));
  max-width:1120px;
  margin:24px auto;
  padding:64px 34px;
  border-radius:28px;
  overflow:hidden;
}
.site-page main > .section.tinted{
  width:min(1120px, calc(100% - 40px));
  max-width:1120px;
  margin:24px auto;
  padding:64px 34px;
  background:rgba(231,238,227,.94);
}
.site-page main > .section + .section{margin-top:24px}
.section-head{gap:24px}
.section-head h2{line-height:1.15}
.cards,.program-grid,.gallery,.news-list{width:100%}
.program-card,.activity-card{min-width:0}
.news-item{border-radius:14px;padding:14px 10px;border:1px solid transparent}
.news-item:hover{background:rgba(255,255,255,.75);border-color:#d6ded3}
@media(max-width:700px){
  .site-page main > .section,.site-page main > .section.tinted{
    width:calc(100% - 24px);
    margin:14px auto;
    padding:42px 16px;
    border-radius:22px;
  }
  .site-page main > .section + .section{margin-top:14px}
  .section-head{margin-bottom:20px}
  .program-grid{gap:10px}
  .program-card{min-height:205px}
  .news-item{padding:12px 4px}
}


/* V12 - FULL WIDTH, SATU SISTEM LAYOUT */
.site-page .section, .site-page .page {
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
}
.hero {
  width:100%;
  max-width:none;
  padding-left:clamp(24px,6vw,90px);
  padding-right:clamp(24px,6vw,90px);
}
.hero-copy { max-width:700px; }
.hero-art { width:100%; }
.quick-grid {
  width:100%;
  max-width:none;
  margin:0;
  padding-left:clamp(20px,5vw,80px);
  padding-right:clamp(20px,5vw,80px);
  padding-top:28px;
  padding-bottom:28px;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.section {
  padding:clamp(55px,6vw,85px) clamp(24px,6vw,90px);
}
.section > * { width:100%; }
.tinted {
  width:100%;
  max-width:none;
  padding-left:clamp(24px,6vw,90px);
  padding-right:clamp(24px,6vw,90px);
}
.section-head { width:100%; }
.cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.program-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
.news-list { width:100%; }
.profile-strip { width:100%; padding-left:clamp(24px,6vw,90px); padding-right:clamp(24px,6vw,90px); }
footer { width:100%; padding-left:clamp(24px,6vw,90px); padding-right:clamp(24px,6vw,90px); }
.page { padding-left:clamp(24px,6vw,90px); padding-right:clamp(24px,6vw,90px); }
@media(max-width:1100px) and (min-width:701px){
  .quick-grid{grid-template-columns:repeat(7,minmax(100px,1fr));overflow-x:auto;}
  .program-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
  .hero{padding-left:18px;padding-right:18px;}
  .quick-grid{padding-left:16px;padding-right:16px;}
  .section,.tinted{padding-left:18px;padding-right:18px;}
  .cards{display:flex;overflow-x:auto;}
  .program-grid{grid-template-columns:1fr 1fr;}
  .gallery{grid-template-columns:1fr 1fr;}
  .profile-strip{padding-left:18px;padding-right:18px;}
  footer{padding-left:18px;padding-right:18px;}
  .page{padding-left:18px;padding-right:18px;}
}

/* V13 - FINAL FULL WIDTH CONSISTENT SECTIONS */
.site-page main > section.section,
.site-page main > section.section.tinted,
.site-page main > section.profile-strip {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
}
.site-page main > section.section {
  padding-left:clamp(24px,7vw,120px) !important;
  padding-right:clamp(24px,7vw,120px) !important;
}
.site-page main > section.section.tinted {
  padding-left:clamp(24px,7vw,120px) !important;
  padding-right:clamp(24px,7vw,120px) !important;
}
.site-page main > section.section > .section-head,
.site-page main > section.section > .cards,
.site-page main > section.section > .program-grid,
.site-page main > section.section > .news-list,
.site-page main > section.section > .gallery {
  width:100% !important;
  max-width:none !important;
}
.site-page main > section.section + section.section { margin-top:0 !important; }
.site-page main > section.section { border-top:1px solid rgba(216,223,212,.7) !important; }
.site-page .cards,.site-page .program-grid,.site-page .gallery { align-items:stretch; }
.site-page .news-list { gap:10px; }
.site-page .news-item { min-height:100px; }
.site-page .profile-strip { padding-left:clamp(24px,7vw,120px) !important; padding-right:clamp(24px,7vw,120px) !important; }
.site-page footer { width:100%; }
@media(max-width:700px){
  .site-page main > section.section,
  .site-page main > section.section.tinted,
  .site-page main > section.profile-strip { width:100% !important; border-radius:0 !important; }
  .site-page main > section.section { padding-left:18px !important; padding-right:18px !important; }
  .site-page main > section.section.tinted { padding-left:18px !important; padding-right:18px !important; }
  .site-page main > section.profile-strip { padding-left:18px !important; padding-right:18px !important; }
}