/*
Theme Name: PGMI UNUHA
Description: Tema landing page Program Studi PGMI Universitas Nurul Huda, hijau tua dengan ornamen Timur Tengah dan nuansa MI/SD.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pgmi-unuha
*/
:root{--hijau:#0B3D2B;--hijau-gelap:#072A1D;--hijau-footer:#051F15;--emas:#F5B81F;--gading:#FFF6DA;--merah:#B92D25;--garis:#DCE5F2;--abu:#4A5878;--pucat:#EAF0FA}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Nunito Sans',system-ui,sans-serif;font-size:17px;line-height:1.65;color:#fff;background:var(--hijau) url(assets/ornamen.svg) 0 0/96px 96px;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--emas)}a:hover{color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid var(--merah);outline-offset:2px}
h1,h2,.serif{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
.wrap{max-width:1200px;margin:0 auto}.wrap-s{max-width:1000px;margin:0 auto}
.sec{padding:88px 24px}.gelap{background:var(--hijau-gelap)}
.label{margin:0 0 8px;font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--emas)}
.judul{margin:0 0 32px;font-size:clamp(34px,4vw,48px);line-height:1.12}
.judul-baris{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:32px}.judul-baris .judul{margin:0}.tebal{font-weight:800}
.situs-kepala{background:#fff;border-bottom:1px solid var(--garis)}
.situs-kepala .wrap{padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.merek{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--hijau)}.merek:hover{color:var(--hijau)}
.merek img{width:72px;height:72px;object-fit:contain;flex-shrink:0}.merek span{display:flex;flex-direction:column;line-height:1.25}.merek strong{font-size:16px}.merek small{font-size:13px;color:var(--abu)}
.menu{display:flex;flex-wrap:wrap;gap:2px}.menu a{color:var(--hijau);text-decoration:none;font-weight:700;font-size:15px;padding:12px 10px}.menu a:hover{color:var(--merah)}
.basmalah{margin:0;padding:40px 24px 0;text-align:center;font-family:'Aref Ruqaa','Noto Naskh Arabic',serif;font-size:clamp(30px,4vw,48px);line-height:1.5;color:var(--emas)}
.hero{max-width:1200px;margin:0 auto;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.hero h1{margin:0 0 24px;font-size:clamp(42px,5.6vw,72px);line-height:1.06}
.hero p.isi{margin:0 0 32px;font-size:19px;max-width:34em;color:#E8F1EC}
.tombol-grup{display:flex;flex-wrap:wrap;gap:12px}
.tombol{font-weight:800;text-decoration:none;padding:12px 24px;border-radius:10px;border:2px solid var(--emas);background:var(--emas);color:var(--hijau)}.tombol:hover{background:#FFCB3D;border-color:#FFCB3D;color:var(--hijau)}
.tombol.putih{background:#fff;border-color:#fff}.tombol.putih:hover{background:var(--emas);border-color:var(--emas)}
.ilustrasi{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}
.iqra{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Aref Ruqaa',serif;font-size:min(300px,70vw);line-height:1;color:#D9B65C;opacity:.16;overflow:hidden}
.balok-grup{position:relative;display:grid;grid-template-columns:repeat(2,150px);gap:14px}
.balok{height:150px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',Georgia,serif;font-size:88px}
.balok.a{background:var(--gading);color:var(--hijau);transform:rotate(-4deg)}.balok.b{background:var(--emas);color:var(--hijau);font-family:'Noto Naskh Arabic',serif;font-size:80px;transform:rotate(3deg)}.balok.c{background:var(--merah);color:#fff;transform:rotate(2deg)}.balok.d{background:#fff;transform:rotate(-3deg)}
.pensil{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:340px;max-width:90%}
.sekilas{background:var(--hijau-gelap)}.sekilas .wrap{padding:36px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.sekilas b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:40px;line-height:1.1;color:var(--emas)}.sekilas span{font-size:15px}
.tablist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.tablist button{min-height:46px;padding:10px 22px;border-radius:999px;border:2px solid #C5D1E4;background:#fff;color:var(--hijau);font:inherit;font-weight:700;cursor:pointer}
.tablist button[aria-selected=true]{border-color:var(--emas);background:var(--emas);font-weight:800}
.panel{color:var(--hijau);background:#fff;border:1px solid var(--garis);border-radius:20px;padding:clamp(24px,4vw,44px)}.panel a{color:var(--hijau)}
.panel h3{margin:0 0 8px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--merah)}
.panel .visi{margin:0 0 32px;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(24px,3vw,32px);line-height:1.28}
.panel ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}.panel ol.dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px 40px}
.kartu-grup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.kartu{border-radius:16px;padding:28px}.kartu p{margin:0}.kartu .no{font-family:'DM Serif Display',Georgia,serif;font-size:40px;line-height:1;margin-bottom:12px}
.tahun{font-family:'DM Serif Display',Georgia,serif;font-size:40px;color:var(--merah);line-height:1.1}
.sambutan{color:var(--hijau);background:var(--gading);padding:80px 24px}.sambutan .wrap-s{display:flex;flex-wrap:wrap;gap:44px;align-items:center}
.sambutan img{width:260px;aspect-ratio:4/5;object-fit:cover;border-radius:20px;flex-shrink:0}.sambutan .teks{flex:1 1 320px;min-width:0}.sambutan h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,40px);line-height:1.2}.sambutan .label{color:#9A2019}.sambutan a{color:#9A2019;font-weight:800}
.dosen-grup{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.dosen{color:var(--hijau);display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px;font-weight:700;line-height:1.35}
.dosen img,.dosen .ini{width:64px;height:64px;flex-shrink:0;border-radius:14px;object-fit:cover}.dosen .ini{background:#E7F1EC;display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}
.berita-grup{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px}
.berita{display:flex;flex-direction:column;background:#fff;color:var(--hijau);border-radius:18px;overflow:hidden;text-decoration:none}.berita:hover{color:var(--hijau);background:var(--gading)}
.berita img,.berita .kosong{width:100%;height:190px;object-fit:cover;display:block;background:var(--hijau)}
.berita .isi{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}.berita time{font-size:14px;font-weight:800;color:var(--merah)}.berita strong{font-size:18px;line-height:1.35}.berita p{margin:0;font-size:15px;color:var(--abu)}
.dok{padding:0;overflow:hidden}.dok a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 24px;border-bottom:1px solid var(--pucat);font-weight:600;text-decoration:none}.dok a:hover{background:var(--gading);color:var(--hijau)}
.jurnal-grup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.jurnal{background:#fff;color:var(--hijau);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:6px;text-decoration:none}.jurnal:hover{background:var(--gading);color:var(--hijau)}.jurnal small{font-weight:800;font-size:14px;color:var(--merah)}.jurnal b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:36px;line-height:1.15}
.situs-kaki{background:var(--hijau-footer);color:#DCE9E2;padding:48px 24px 32px;font-size:15px}.situs-kaki .kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px}.situs-kaki a{color:#fff}.situs-kaki a:hover{color:var(--emas)}
.kaki-merek{display:flex;align-items:center;gap:16px}.kaki-merek img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:14px;padding:6px}.situs-kaki strong{color:#fff}.tautan{display:flex;flex-direction:column;gap:6px}
.hak{margin:32px 0 0;padding-top:20px;border-top:1px solid #1F5A44;font-size:14px}
.halaman{max-width:900px;margin:0 auto;padding:56px 24px 88px}.halaman h1.judul-luar{margin:0 0 28px;font-size:clamp(34px,4vw,48px);line-height:1.15}
.konten{color:var(--hijau);background:#fff;border-radius:20px;padding:clamp(24px,4vw,48px);overflow-wrap:anywhere}.konten a{color:#9A2019}.konten h2,.konten h3{color:var(--hijau)}.konten table{width:100%;border-collapse:collapse}.konten td,.konten th{border:1px solid var(--garis);padding:10px}
.daftar{display:flex;flex-direction:column;gap:18px}.daftar .berita{flex-direction:row;flex-wrap:wrap}.daftar .berita img{width:240px;height:auto;min-height:150px;flex:0 0 240px}.daftar .berita .isi{flex:1 1 280px}
.halaman-nav{margin-top:28px}.halaman-nav .nav-links{display:flex;flex-wrap:wrap;gap:8px}.halaman-nav .page-numbers{padding:8px 14px;border-radius:8px;background:#fff;color:var(--hijau);text-decoration:none;font-weight:700}.halaman-nav .current{background:var(--emas)}
.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:480px){.balok-grup{grid-template-columns:repeat(2,120px)}.balok{height:120px;font-size:68px}.sec{padding:60px 16px}.hero{padding:32px 16px 64px}}