body.figma-publik{--batas-konten-publik: 1200px;--hijau-publik: #006b50;--hijau-gelap-publik: #054a3b;--latar-publik: #f7f9ff;--teks-publik: #18372e;--teks-sekunder-publik: #5f6f69;--garis-publik: #dde4e8;font-family:Poppins,sans-serif;font-size:16px;color:var(--teks-publik);background:var(--latar-publik)}body.figma-publik .figma-container{width:min(calc(100% - clamp(32px,4vw,64px)),min(var(--batas-konten-publik),82vw));max-width:none;margin-inline:auto}body.figma-publik:has(.beranda-hero){--batas-konten-publik: 1200px}body.figma-publik:has(.sejarah){--batas-konten-publik: 1140px}body.figma-publik:has(.halaman-galeri){--batas-konten-publik: 1160px}body.figma-publik:has(.halaman-informasi),body.figma-publik:has(.detail-informasi){--batas-konten-publik: 1140px}body.figma-publik:has(.halaman-kontak){--batas-konten-publik: 1140px}body.figma-publik:has(.halaman-psb){--batas-konten-publik: 1060px}body.figma-publik .figma-navbar{min-height:clamp(60px,4vw,68px);padding-block:0}body.figma-publik .figma-navbar .navbar-container{min-height:inherit}body.figma-publik .figma-navbar .merek>span{width:clamp(30px,2.35vw,36px);height:clamp(30px,2.35vw,36px)}body.figma-publik .figma-navbar .merek .navbar-logo{width:clamp(30px,2.35vw,36px);height:clamp(30px,2.35vw,36px);border-radius:50%;object-fit:contain;flex:0 0 auto}body.figma-publik .figma-navbar .merek b{font-size:clamp(.95rem,1.1vw,1.1rem);font-weight:700}body.figma-publik .figma-navbar .menu-publik{gap:clamp(18px,2vw,30px)}body.figma-publik .figma-navbar .menu-publik a,body.figma-publik .figma-navbar .panel-menu-mobile a{font-size:clamp(.84rem,.95vw,.94rem);font-weight:500}body.figma-publik .figma-navbar .figma-login,body.figma-publik .figma-navbar .dropdown-button{min-height:38px;padding:8px 18px;font-size:.86rem;font-weight:600}body.figma-publik a:not(.navbar-logo){text-underline-offset:3px}body.figma-publik .tombol,body.figma-publik button[type=submit],body.figma-publik input[type=submit]{min-height:44px;padding:10px 20px;font-size:clamp(.875rem,1vw,.98rem);font-weight:600;line-height:1.2}body.figma-publik .tombol-outline,body.figma-publik .tombol-sekunder,body.figma-publik .link-aksi{min-height:38px;padding:8px 16px;font-size:clamp(.81rem,.95vw,.9rem);font-weight:600}body.figma-publik .tombol svg,body.figma-publik .tombol-outline svg,body.figma-publik .tombol-sekunder svg{width:16px;height:16px;flex:0 0 16px}body.figma-publik input,body.figma-publik select,body.figma-publik textarea,body.figma-publik button{font-family:Poppins,sans-serif}body.figma-publik input:not([type=checkbox]):not([type=radio]),body.figma-publik select{min-height:44px;padding-inline:14px;font-size:.92rem}body.figma-publik textarea{min-height:108px;padding:12px 14px;font-size:.92rem}body.figma-publik .paginasi-informasi a,body.figma-publik .paginasi-informasi span,body.figma-publik .pagination a,body.figma-publik .pagination span{display:inline-grid;min-width:36px;min-height:36px;place-items:center;padding:0 8px;font-size:.84rem;font-weight:600}body.figma-publik .figma-footer{padding-block:clamp(32px,3.5vw,48px)}body.figma-publik .figma-footer .footer-container{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(32px,8vw,128px)}body.figma-publik .figma-footer .footer-deskripsi{flex:0 1 48%;max-width:510px;margin:0;text-align:left}body.figma-publik .figma-footer .footer-kontak{width:fit-content;min-width:min(100%,330px);margin-left:auto;text-align:left}body.figma-publik .figma-footer b{display:block;margin-bottom:14px;font-size:clamp(.94rem,1.1vw,1.05rem);font-weight:700}body.figma-publik .figma-footer p,body.figma-publik .figma-footer .footer-item{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:clamp(.76rem,.9vw,.88rem);line-height:1.6}body.figma-publik .figma-footer .footer-item svg{width:16px;min-width:16px;height:16px;margin-top:3px}body.figma-publik .beranda-hero{min-height:clamp(360px,45vh,500px)}body.figma-publik:has(.beranda-hero) .beranda-hero{background-image:linear-gradient(90deg,#fffffff0,#ffffffc7 35%,#fff6 65%,#ffffff26),url(/gambar/pondok/gerbang-pondok-as-saadiyah.jpg);background-position:55% center;background-size:cover}body.figma-publik .beranda-hero-isi{padding-block:clamp(52px,7vw,84px)}body.figma-publik .beranda-hero h1{max-width:760px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.16}body.figma-publik .beranda-hero p{max-width:590px;font-size:clamp(.875rem,1vw,1rem);line-height:1.65}body.figma-publik .beranda-hero .beranda-cta-psb{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 28px;border-radius:var(--radius-pill);font-size:clamp(.9375rem,1.1vw,1rem);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}body.figma-publik .beranda-hero .beranda-cta-psb:hover{background:#00503c;border-color:#00503c}body.figma-publik .bagian-visi-beranda,body.figma-publik .bagian-pemimpin,body.figma-publik .bagian-kegiatan{padding-block:clamp(48px,5vw,72px)}body.figma-publik .bagian-visi-beranda h2,body.figma-publik .bagian-kegiatan h2{font-size:clamp(1.55rem,2.25vw,2rem)}body.figma-publik .grid-visi>*,body.figma-publik .kartu-pemimpin,body.figma-publik .daftar-kegiatan>*{padding:clamp(18px,2vw,26px)}body.figma-publik .kartu-pemimpin strong,body.figma-publik .daftar-kegiatan span{font-size:.92rem}body.figma-publik .kartu-pemimpin .kartu{display:grid;justify-items:center;align-content:start;gap:8px}body.figma-publik .kartu-pemimpin .kartu img{width:100%;aspect-ratio:1 / 1;border-radius:8px;object-fit:cover;object-position:center}body.figma-publik .gambar-kegiatan{height:clamp(220px,25vw,300px);object-fit:cover}body.figma-publik .sejarah{padding-block:clamp(52px,6vw,78px)}body.figma-publik .sejarah h1{font-size:clamp(2rem,2.7vw,2.65rem);line-height:1.18}body.figma-publik .sejarah p{font-size:clamp(.88rem,1vw,1rem);line-height:1.7}body.figma-publik .sejarah .logo-pesantren{min-height:clamp(280px,25vw,330px)}body.figma-publik .sejarah .logo-pesantren{padding:0;overflow:hidden;background:#050505;display:flex;align-items:center;justify-content:center}body.figma-publik .sejarah .logo-pesantren .konten-logo-profil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#fff;text-align:center}body.figma-publik .sejarah .logo-pesantren .logo-profil-asli{width:clamp(130px,11vw,145px);height:auto;margin-bottom:16px;object-fit:contain;object-position:center}body.figma-publik .sejarah .logo-pesantren .konten-logo-profil h3{margin:0 0 5px;color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;line-height:1.2}body.figma-publik .sejarah .logo-pesantren .konten-logo-profil p{margin:0;color:#ffffffbf;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap}@media(max-width:760px){body.figma-publik .sejarah .logo-pesantren .logo-profil-asli{width:clamp(110px,18vw,130px);margin-bottom:14px}}@media(max-width:440px){body.figma-publik .sejarah .logo-pesantren .logo-profil-asli{width:100px;margin-bottom:12px}}body.figma-publik .bagian-visi-profil,body.figma-publik .bagian-prinsip{padding-block:clamp(52px,6vw,76px)}body.figma-publik .bagian-visi-profil h2,body.figma-publik .bagian-prinsip h2{font-size:clamp(1.7rem,2.3vw,2.15rem)}body.figma-publik .kartu-visi{width:min(100%,960px);margin-inline:auto;padding:clamp(24px,3vw,36px)}body.figma-publik .kartu-visi p,body.figma-publik .foto-prinsip .overlay p{font-size:clamp(.88rem,1vw,1rem);line-height:1.65}body.figma-publik .foto-prinsip{height:clamp(280px,27vw,360px)}body.figma-publik .logo-autentikasi{display:block;width:46px;height:46px;border-radius:50%;object-fit:contain}body.figma-publik .kepala-login .logo-autentikasi{margin:0 auto 12px}body.figma-publik .halaman-galeri{padding-block:clamp(54px,6vw,76px)}body.figma-publik .halaman-galeri h1,body.figma-publik .bagian-hubungi-galeri h2{font-size:clamp(1.8rem,2.5vw,2.3rem)}body.figma-publik .figma-galeri{gap:clamp(14px,1.5vw,20px)}body.figma-publik .figma-galeri img{height:clamp(190px,17vw,230px);object-fit:cover}body.figma-publik .figma-galeri figcaption b{font-size:clamp(.94rem,1.05vw,1.06rem)}body.figma-publik .figma-galeri p,body.figma-publik .kontak-rincian p{font-size:clamp(.78rem,.9vw,.9rem);line-height:1.6}body.figma-publik .bagian-hubungi-galeri{padding-block:clamp(52px,6vw,76px)}body.figma-publik .lokasi-mini{padding:clamp(18px,2vw,26px)}body.figma-publik .lokasi-mini iframe,body.figma-publik .lokasi-mini img{min-height:clamp(210px,20vw,260px)}body.figma-publik .peta-lokasi{overflow:hidden;background:#eef3f1}body.figma-publik .peta-lokasi iframe{display:block;width:100%;height:100%;min-height:inherit;border:0}body.figma-publik .hero-informasi{min-height:clamp(180px,18vw,220px);padding-block:clamp(48px,5vw,68px)}body.figma-publik .hero-informasi h1{font-size:clamp(1.9rem,2.6vw,2.4rem)}body.figma-publik .hero-informasi p{max-width:650px;font-size:clamp(.84rem,1vw,.96rem)}body.figma-publik .bagian-informasi{padding-block:clamp(48px,5vw,70px)}body.figma-publik .layout-informasi{grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:clamp(20px,2.2vw,30px)}body.figma-publik .header-informasi-terbaru,body.figma-publik .sidebar-informasi h3{font-size:clamp(.98rem,1.15vw,1.1rem)}body.figma-publik .informasi-item{min-height:154px;padding:12px;gap:16px}body.figma-publik .informasi-item img{width:clamp(150px,15vw,182px);height:130px;object-fit:cover}body.figma-publik .informasi-item h3{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.32}body.figma-publik .informasi-item p,body.figma-publik .sidebar-informasi p,body.figma-publik .item-agenda p{font-size:clamp(.78rem,.9vw,.88rem);line-height:1.58}body.figma-publik .informasi-item .tombol,body.figma-publik .cta-sidebar a,body.figma-publik .card-unduh a{min-height:38px;padding:8px 14px;font-size:.82rem}body.figma-publik .card-sidebar{padding:clamp(18px,2vw,24px)}body.figma-publik .detail-informasi{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(24px,3vw,40px);padding-block:clamp(48px,6vw,76px)}body.figma-publik .detail-informasi h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.22}body.figma-publik .detail-informasi .isi-artikel{max-width:800px;font-size:clamp(.94rem,1.05vw,1.05rem);line-height:1.78}body.figma-publik .detail-informasi .gambar-artikel{min-height:clamp(250px,28vw,380px);object-fit:cover}body.figma-publik .hero-kontak{padding-block:clamp(54px,6vw,76px)}body.figma-publik .hero-kontak h1,body.figma-publik .lokasi-besar h2{font-size:clamp(1.9rem,2.6vw,2.45rem)}body.figma-publik .kontak-utama{gap:clamp(22px,3vw,38px);padding-block:clamp(48px,5vw,70px)}body.figma-publik .form-kontak,body.figma-publik .informasi-kontak{padding:clamp(22px,2.5vw,30px)}body.figma-publik .lokasi-besar{padding-bottom:clamp(52px,6vw,78px)}body.figma-publik .peta-ilustrasi,body.figma-publik .lokasi-besar iframe{min-height:clamp(290px,30vw,400px)}body.figma-publik .autentikasi{min-height:calc(100vh - clamp(60px,4vw,68px));padding:clamp(32px,5vw,64px) 16px}body.figma-publik .formulir-auth{width:min(100%,480px);height:auto;padding:clamp(28px,3vw,36px)}body.figma-publik .formulir-auth h1{font-size:clamp(2rem,2.8vw,2.45rem);line-height:1.2}body.figma-publik .formulir-auth label,body.figma-publik .formulir-auth .opsi-auth,body.figma-publik .formulir-auth a{font-size:.9rem}body.figma-publik .formulir-auth .tombol{width:100%;min-height:46px}body.figma-publik .halaman-psb{width:min(calc(100% - clamp(32px,4vw,64px)),min(1060px,82vw));padding-block:clamp(48px,5vw,72px)}body.figma-publik .halaman-psb>header h1{font-size:clamp(1.85rem,2.55vw,2.35rem);line-height:1.25}body.figma-publik .psb-layout{gap:clamp(22px,3vw,34px)}body.figma-publik .psb-samping>*,body.figma-publik .psb-formulir{padding:clamp(20px,2.4vw,28px)}body.figma-publik .psb-formulir h2{font-size:clamp(1.1rem,1.4vw,1.28rem)}body.figma-publik .psb-formulir label,body.figma-publik .psb-samping li,body.figma-publik .psb-samping p{font-size:.84rem;line-height:1.55}body.figma-publik .psb-formulir .tombol{width:100%;min-height:46px}body.figma-publik .konfirmasi-psb{width:min(calc(100% - 32px),580px);padding-block:clamp(56px,7vw,92px)}body.figma-publik .card-konfirmasi{padding:clamp(26px,3vw,36px)}body.figma-publik .card-konfirmasi h1{font-size:clamp(1.75rem,2.35vw,2.15rem)}body.figma-publik .card-konfirmasi .aksi-konfirmasi{gap:12px}@media(max-width:1366px){body.figma-publik .figma-container{width:min(calc(100% - 48px),min(var(--batas-konten-publik),82vw))}body.figma-publik .beranda-hero{min-height:clamp(360px,43vh,450px)}body.figma-publik .beranda-hero h1{font-size:clamp(2rem,3vw,2.75rem)}body.figma-publik .halaman-psb{width:min(calc(100% - 48px),min(1060px,82vw))}}@media(max-width:1024px){body.figma-publik .figma-container,body.figma-publik .halaman-psb{width:calc(100% - 48px)}body.figma-publik .layout-informasi,body.figma-publik .detail-informasi,body.figma-publik .psb-layout{grid-template-columns:1fr}body.figma-publik .sidebar-informasi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.figma-publik .kartu-pemimpin{min-height:auto}}@media(max-width:760px){body.figma-publik .figma-container,body.figma-publik .halaman-psb{width:calc(100% - 32px)}body.figma-publik .figma-navbar{min-height:62px}body.figma-publik .figma-navbar .navbar-logo span{font-size:.94rem}body.figma-publik .figma-footer .footer-container{flex-direction:column;gap:28px}body.figma-publik .figma-footer .footer-deskripsi,body.figma-publik .figma-footer .footer-kontak{width:100%;max-width:none;min-width:0;margin-left:0}body.figma-publik .sejarah,body.figma-publik .kontak-utama,body.figma-publik .figma-galeri,body.figma-publik .sidebar-informasi{grid-template-columns:1fr}body.figma-publik .informasi-item{flex-direction:column}body.figma-publik .informasi-item img{width:100%;height:210px}body.figma-publik .grid-visi,body.figma-publik .daftar-kegiatan,body.figma-publik .kartu-pemimpin{grid-template-columns:1fr}body.figma-publik .beranda-hero .beranda-cta-psb{min-height:44px;padding:11px 22px;font-size:.9375rem}body.figma-publik .card-konfirmasi .aksi-konfirmasi{flex-direction:column}body.figma-publik .card-konfirmasi .aksi-konfirmasi .tombol,body.figma-publik .card-konfirmasi .aksi-konfirmasi .tombol-outline{width:100%}}