/* ===== Home / Beranda ===== */
.home-hero{
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);
  display:grid; grid-template-columns:1.4fr .9fr; gap:18px; padding:18px; align-items:center; margin:18px 0 12px;
}
.home-hero .hero-text h1{ margin:0 0 6px; font-size:28px; }
.home-hero .hero-text p{ margin:0; color:#44546b; }
.home-hero img{ width:100%; height:240px; object-fit:cover; border-radius:10px; }
.hero-actions{ display:flex; gap:8px; margin-top:10px; }
.btn-outline{
  display:inline-block; background:#fff; color:#1f2a44; border:1px solid var(--line); padding:10px 12px; border-radius:10px; text-decoration:none; font-weight:600;
}
.btn-outline:hover{ border-color:#cbd8ee; }

.home-section{ margin:20px 0; }
.section-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.section-head h2{ margin:0; }
.link-underline{ position:relative; text-decoration:none; color:#2f76ff; }
.link-underline:hover{ text-decoration:underline; }

.cards-3{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px;
}
.card{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:12px;
}
.card .thumb{ width:100%; height:160px; object-fit:cover; border-radius:10px; margin-bottom:8px; }
.card .meta{ color:#6b7a90; font-size:13px; margin-bottom:6px; }
.card .ttl{ margin:0 0 6px; font-size:18px; }
.card p{ margin:0 0 8px; color:#334057; }
.card .btn-primary, .card .btn-outline{ margin-top:4px; }

.agenda-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.agenda-item{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow);
  display:grid; grid-template-columns:70px 1fr; gap:12px; padding:10px;
}
.agenda-item .date{
  width:70px; height:70px; border:1px solid var(--line); border-radius:10px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; background:#f8fbff;
}
.agenda-item .date .d{ font-size:22px; font-weight:700; line-height:1; }
.agenda-item .date .m{ font-size:12px; color:#6b7a90; }
.agenda-item .info .title{ font-weight:700; }
.agenda-item .info .sub{ color:#6b7a90; font-size:13px; margin:2px 0; }
.agenda-item .info .desc{ color:#334057; }

.gallery-inline{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px;
}
.g-thumb{ height:130px; border-radius:10px; overflow:hidden; border:1px solid var(--line); }
.g-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.ppdb-cta{
  background:#0b1b3a; color:#d7e6ff; border-radius:14px; padding:18px; text-align:center; margin:24px 0 8px;
}
.ppdb-cta .btn-primary{ margin-top:8px; }

@media (max-width: 900px){
  .home-hero{ grid-template-columns:1fr; }
  .home-hero img{ height:200px; }
}