:root{--green:#08623a;--deep:#063a24;--mint:#edf7f1;--ink:#14251b;--muted:#6e7d75;--line:#dce8e0}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f8fbf9}.page-hero{background:linear-gradient(135deg,#063a24,#0c7247);color:#fff;padding:75px 0}.wrap{width:min(1160px,calc(100% - 30px));margin:auto}.eyebrow{font-size:9px;letter-spacing:.18em;color:#bfe1cb;font-weight:800}.page-hero h1{font:800 clamp(36px,5vw,58px) "Plus Jakarta Sans";letter-spacing:-.05em;max-width:850px;margin:12px 0}.page-hero p{color:#c7ddd0;max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:60px 0}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(5,53,31,.05)}.card img,.thumb{width:100%;height:190px;object-fit:cover;background:linear-gradient(135deg,#dcece2,#3f8762)}.card-body{padding:20px}.card-body small{font-size:8px;color:#87968e;letter-spacing:.1em}.card-body h2{font:700 20px "Plus Jakarta Sans";line-height:1.25;margin:7px 0}.card-body p{font-size:12px;color:var(--muted)}.card-body a{font-size:10px;color:var(--green);font-weight:800}.detail{padding:70px 0;background:#fff}.detail h1{font:800 clamp(34px,5vw,54px) "Plus Jakarta Sans";line-height:1.08;letter-spacing:-.05em}.meta{font-size:10px;color:#87968e}.detail-body{max-width:800px;font-size:15px;line-height:1.9;color:#4e5e56}.detail-image{width:100%;max-height:560px;object-fit:cover;border-radius:20px;margin:20px 0 35px}.empty{padding:70px 0;text-align:center;color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.page-hero{padding:55px 0}}

.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-bar select{border:1px solid #dce8e0;background:#fff;border-radius:10px;padding:11px 14px;font:inherit;font-size:11px;color:#34463c}.doc-card{background:#fff;border:1px solid #dce8e0;border-radius:18px;padding:18px;display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;box-shadow:0 10px 35px rgba(5,53,31,.05)}.doc-icon{width:58px;height:58px;border-radius:14px;background:#eaf5ee;color:#08623a;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.06em}.doc-main small{font-size:8px;color:#7a8a81;letter-spacing:.08em}.doc-main h2{font:700 16px "Plus Jakarta Sans";margin:5px 0}.doc-main p{font-size:11px;color:#728078;margin:4px 0}.doc-main span{font-size:9px;color:#99a59f}.download-btn{background:#08623a;color:#fff;padding:11px 14px;border-radius:9px;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}@media(max-width:700px){.doc-card{grid-template-columns:52px 1fr}.download-btn{grid-column:2;justify-self:start}.doc-icon{width:50px;height:50px}}

/* ==================================================
   PERBAIKAN FOTO GURU & STAF
   Menampilkan foto tanpa memotong bagian kepala
   ================================================== */

.grid .card > img {
    width: 100%;
    height: 400px;
    object-fit: contain;
    object-position: center center;
    display: block;
    background: #e7f1eb;
}
/* Sembunyikan guru setelah enam orang pertama */
.teacher-hidden {
    display: none !important;
}

/* Tampilkan guru tambahan ketika tombol diklik */
.teacher-hidden.teacher-visible {
    display: block !important;
}

.teachers-view-all {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}
.teacher-hidden {
    display: none !important;
}

.teacher-hidden.teacher-visible {
    display: block !important;
}

.teachers-view-all {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.btn-view-all-teachers {
    cursor: pointer;
}