{"id":2651,"date":"2026-05-05T08:02:23","date_gmt":"2026-05-05T01:02:23","guid":{"rendered":"https:\/\/sttsalem.ac.id\/?page_id=2651"},"modified":"2026-07-03T10:33:47","modified_gmt":"2026-07-03T03:33:47","slug":"akreditasi","status":"publish","type":"page","link":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/","title":{"rendered":"Akreditasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2651\" class=\"elementor elementor-2651\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54c4fc3b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"54c4fc3b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-50b23efe\" data-id=\"50b23efe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-613ce498 elementor-widget elementor-widget-html\" data-id=\"613ce498\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nSTT SALEM \u2014 NAVIGASI STANDALONE\nCara pakai di Elementor:\n1. Tambahkan widget \"HTML\" di atas halaman\n2. Paste seluruh kode ini ke dalamnya\n3. Sesuaikan class \"stt-active\" pada menu item\nyang sesuai dengan halaman aktif\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 NAV RESET MINIMAL \u2500\u2500 *\/\n.stt-nav *,.stt-nav *::before,.stt-nav *::after,\n.stt-mobile-menu,.stt-mobile-menu *{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2500\u2500 NAV DESKTOP \u2500\u2500 *\/\n.stt-nav{position:relative;z-index:9999;height:70px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#0f1e3d;border-bottom:1px solid rgba(201,168,76,0.18);font-family:'DM Sans',sans-serif;}\n.stt-nav-brand{display:flex;align-items:center;gap:13px;text-decoration:none!important;flex-shrink:0;}\n.stt-nav-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,0.08);padding:3px;flex-shrink:0;}\n.stt-nav-brand-text strong{display:block!important;font-family:'Playfair Display',serif!important;font-size:14px!important;color:#fff!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;}\n.stt-nav-brand-text span{font-size:10px!important;color:#c9a84c!important;letter-spacing:0.18em;text-transform:uppercase;white-space:nowrap!important;}\n\n\/* Links *\/\n.stt-nav-links{display:flex;align-items:center;gap:0;list-style:none;}\n.stt-nav-item{position:relative;}\n.stt-nav-item>a{color:rgba(255,255,255,0.75)!important;text-decoration:none!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:0.05em;text-transform:uppercase;padding:10px 16px;display:block;transition:color 0.2s;}\n.stt-nav-item>a:hover,.stt-nav-item.stt-active>a{color:#e2c47a!important;}\n.stt-nav-item.stt-active>a{color:#c9a84c!important;}\n\n\/* Dropdown *\/\n.stt-nav-drop{position:absolute;top:calc(100% + 6px);left:0;background:#0f1e3d;border:1px solid rgba(201,168,76,0.2);border-radius:10px;padding:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.22s ease;box-shadow:0 16px 40px rgba(0,0,0,0.35);z-index:10000;}\n.stt-nav-item:hover .stt-nav-drop{opacity:1;visibility:visible;transform:translateY(0);}\n.stt-nav-drop a{display:block!important;padding:9px 14px!important;color:rgba(255,255,255,0.7)!important;text-decoration:none!important;font-size:13px!important;border-radius:6px;transition:all 0.15s;}\n.stt-nav-drop a:hover,.stt-nav-drop a.stt-active{background:rgba(201,168,76,0.12)!important;color:#e2c47a!important;}\n.stt-nav-drop a.stt-active{font-weight:600!important;}\n\n\/* CTA Button *\/\n.stt-nav-cta{margin-left:12px;background:linear-gradient(135deg,#c9a84c,#e2c47a)!important;color:#0f1e3d!important;padding:9px 20px!important;border-radius:7px;font-weight:700!important;font-size:12px!important;letter-spacing:0.07em!important;}\n.stt-nav-cta:hover{opacity:0.88!important;}\n\n\/* Hamburger *\/\n.stt-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}\n.stt-hamburger span{display:block;width:24px;height:2px;background:#c9a84c;border-radius:2px;transition:all 0.3s;}\n\n\/* Mobile Menu *\/\n.stt-mobile-menu{display:none;flex-direction:column;background:#0a1628;padding:16px 24px 24px;gap:2px;font-family:'DM Sans',sans-serif;}\n.stt-mobile-menu a{color:rgba(255,255,255,0.75)!important;text-decoration:none!important;font-size:14px!important;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06);display:block;}\n.stt-mobile-menu a:hover{color:#e2c47a!important;}\n.stt-mobile-menu .stt-mobile-sub{padding-left:16px;font-size:13px!important;color:rgba(255,255,255,0.5)!important;border-bottom:none;padding-top:6px;padding-bottom:6px;}\n.stt-mobile-menu .stt-mobile-sub:hover{color:#c9a84c!important;}\n.stt-mobile-menu .stt-mobile-group{font-size:11px!important;letter-spacing:0.15em;text-transform:uppercase;color:#c9a84c!important;padding-top:14px;padding-bottom:4px;border-bottom:none;font-weight:700!important;}\n.stt-mobile-open{display:flex!important;}\n\n\/* Responsive *\/\n@media(max-width:900px){\n.stt-nav-links{display:none!important;}\n.stt-hamburger{display:flex;}\n.stt-nav{padding:0 24px;}\n}\n<\/style>\n\n<!-- \u2550\u2550 NAV \u2550\u2550 -->\n<nav class=\"stt-nav\">\n<a class=\"stt-nav-brand\" href=\"https:\/\/sttsalem.ac.id\/\">\n<img decoding=\"async\" class=\"stt-nav-logo\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/logo_salem.png\" alt=\"Logo STT Salem\">\n<div class=\"stt-nav-brand-text\">\n<strong>STT Salem Malang<\/strong>\n<span>Est. 1985 \u00b7 Malang<\/span>\n<\/div>\n<\/a>\n\n<ul class=\"stt-nav-links\">\n<!-- Tandai item aktif dengan class \"stt-active\" sesuai halaman -->\n<li class=\"stt-nav-item\">\n<a href=\"#\">Tentang Kami \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/sejarah-2\/\">Sejarah<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\">Visi &amp; Misi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/#tujuan\">Tujuan Pendidikan<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Akademik \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\">Program Studi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/dosen\/\">Dosen<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/kalender\/\">Kalender Akademik<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Penerimaan \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Syarat Pendaftaran<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Prosedur<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20Beasiswa%20STT%20Salem\">Beasiswa<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Riset &amp; Publikasi \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/e-journal\/\">E-Journal<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Kemahasiswaan \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\">Galeri<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/services\/\">Alumni<\/a>\n<!--<a href=\"\/kegiatan\">Kegiatan<\/a>-->\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Akreditasi \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\">Laporan Tracer Study<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/sttsalem.ac.id\/index.php\/berita-terbaru\/\">Berita<\/a><\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\">Kontak \/ Pengaduan Masyarakat<\/a><\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" class=\"stt-nav-cta\">Daftar Sekarang<\/a><\/li>\n<\/ul>\n\n<!-- Hamburger (mobile) -->\n<div class=\"stt-hamburger\" onclick=\"document.getElementById('sttMobileMenuNav').classList.toggle('stt-mobile-open')\">\n<span><\/span><span><\/span><span><\/span>\n<\/div>\n<\/nav>\n\n<!-- \u2550\u2550 MOBILE MENU \u2550\u2550 -->\n<div class=\"stt-mobile-menu\" id=\"sttMobileMenuNav\">\n<span class=\"stt-mobile-group\">Tentang Kami<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/sejarah-2\/\" class=\"stt-mobile-sub\">Sejarah<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Visi &amp; Misi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Tujuan Pendidikan<\/a>\n<span class=\"stt-mobile-group\">Akademik<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Program Studi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/dosen\/\" class=\"stt-mobile-sub\">Dosen<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/kalender\/\" class=\"stt-mobile-sub\">Kalender Akademik<\/a>\n<span class=\"stt-mobile-group\">Penerimaan<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\" class=\"stt-mobile-sub\">Syarat Pendaftaran<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" class=\"stt-mobile-sub\">Beasiswa<\/a>\n<span class=\"stt-mobile-group\">Lainnya<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/e-journal\/\" class=\"stt-mobile-sub\">E-Journal<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\" class=\"stt-mobile-sub\">Galeri<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/services\/\" class=\"stt-mobile-sub\">Alumni<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\" class=\"stt-mobile-sub\">Akreditasi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/berita-terbaru\/\">Berita<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\">Kontak \/ Pengaduan Masyarakat<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" style=\"color:#c9a84c!important;font-weight:700!important;margin-top:8px;\">\ud83c\udf93 Daftar Sekarang<\/a>\n<\/div>\n\n<script>\n\/* Tutup mobile menu jika klik di luar nav *\/\ndocument.addEventListener('click', function(e){\nvar menu = document.getElementById('sttMobileMenuNav');\nvar hamburger = document.querySelector('.stt-hamburger');\nif(menu && hamburger && !menu.contains(e.target) && !hamburger.contains(e.target)){\nmenu.classList.remove('stt-mobile-open');\n}\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48c68ee9 elementor-section-height-100vh elementor-section-full_width elementor-section-content-middle elementor-section-stretched elementor-section-height-default\" data-id=\"48c68ee9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39f62912\" data-id=\"39f62912\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a655dab stt-tagline elementor-widget elementor-widget-heading\" data-id=\"7a655dab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u2014 Sekolah Tinggi Teologi Salem Malang<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5bc148 elementor-widget elementor-widget-heading\" data-id=\"b5bc148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Membentuk <em>Pemimpin<\/em><br>Rohani<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d989230 elementor-widget elementor-widget-heading\" data-id=\"5d989230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Competency \u00b7 Capability \u00b7 Character<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6984c8fa elementor-widget elementor-widget-text-editor\" data-id=\"6984c8fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:rgba(201,168,76,0.85);border-left:2px solid rgba(201,168,76,0.4);padding-left:16px;line-height:1.7;\">&ldquo;Beritakanlah dan ajarkanlah semuanya itu&rdquo;<br><small>\u2014 I Timotius 4:11<\/small><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-639f50e5 elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"639f50e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Daftar Mahasiswa Baru<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-697ce144 elementor-section-full_width elementor-section-stretched elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"697ce144\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f056757\" data-id=\"7f056757\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-44d6b278 elementor-widget elementor-widget-text-editor\" data-id=\"44d6b278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align:center;font-size:14px;font-weight:600;color:#0f1e3d;\"><span style=\"background:#0f1e3d;color:#c9a84c;font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-right:12px;\">\ud83c\udf93 PMB 2026<\/span> Penerimaan Mahasiswa Baru 2026\/2027 \u2014 <strong>Beasiswa 100% untuk 20 Pendaftar Pertama!<\/strong> &nbsp;<a href=\"\/pendaftaran\" style=\"color:#0f1e3d;font-weight:700;text-decoration:underline;\">Daftar Sekarang \u2192<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-209e5e5 e-flex e-con-boxed e-con e-parent\" data-id=\"209e5e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a91bbf7 elementor-widget elementor-widget-html\" data-id=\"a91bbf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     INFOGRAFIS KEPUASAN PENGGUNA LULUSAN STT SALEM\r\n     Tabel 1-I.10 \u00b7 Elementor HTML Widget \u00b7 Navy Gold Style\r\n     Cara pakai:\r\n     1. Elementor \u2192 drag widget \"HTML\" ke halaman\r\n     2. Paste SELURUH kode ini ke kotak HTML Code\r\n     3. Klik Apply \u2192 Publish\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.sttk-wrap *, .sttk-wrap *::before, .sttk-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n.sttk-wrap {\r\n  --navy-deep:   #071A3E;\r\n  --navy-mid:    #0D2760;\r\n  --navy-row:    #0B2255;\r\n  --navy-alt:    #091D4A;\r\n  --gold-bright: #D4A017;\r\n  --gold-light:  #F0C040;\r\n  --gold-pale:   #FBE9A0;\r\n  --text-muted:  #8A9EC0;\r\n  --border:      rgba(212,160,23,0.18);\r\n  --white:       #FFFFFF;\r\n  --green:       #22c55e;\r\n  --blue:        #60a5fa;\r\n  --amber:       #fbbf24;\r\n  --red:         #f87171;\r\n\r\n  font-family: 'Lato', sans-serif;\r\n  color: var(--white);\r\n  background: var(--navy-deep);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  box-shadow: 0 24px 80px rgba(7,26,62,0.6);\r\n}\r\n\r\n\/* \u2550\u2550 GOLD RULE \u2550\u2550 *\/\r\n.sttk-gold-rule {\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light), var(--gold-bright));\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.sttk-header {\r\n  background: linear-gradient(145deg, var(--navy-deep) 0%, var(--navy-mid) 55%, #0F2F6E 100%);\r\n  padding: 40px 52px 32px;\r\n  position: relative; overflow: hidden;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttk-header::before {\r\n  content: '';\r\n  position: absolute; top: -90px; right: -70px;\r\n  width: 300px; height: 300px;\r\n  background: radial-gradient(circle, rgba(212,160,23,0.12) 0%, transparent 70%);\r\n  border-radius: 50%; pointer-events: none;\r\n}\r\n.sttk-header::after {\r\n  content: '';\r\n  position: absolute; bottom: -50px; left: 18%;\r\n  width: 180px; height: 180px;\r\n  background: radial-gradient(circle, rgba(240,192,64,0.07) 0%, transparent 70%);\r\n  border-radius: 50%; pointer-events: none;\r\n}\r\n.sttk-header-inner { position: relative; z-index: 1; }\r\n\r\n.sttk-brand-row {\r\n  display: flex; align-items: center; gap: 16px; margin-bottom: 20px;\r\n}\r\n.sttk-logo {\r\n  width: 58px; height: 58px; border-radius: 13px;\r\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 18px; font-weight: 900; color: var(--navy-deep);\r\n  letter-spacing: -1px;\r\n  box-shadow: 0 6px 24px rgba(212,160,23,0.35); flex-shrink: 0;\r\n}\r\n.sttk-brand-eyebrow {\r\n  font-size: 10px; font-weight: 700; letter-spacing: 3px;\r\n  text-transform: uppercase; color: var(--gold-light); margin-bottom: 3px;\r\n}\r\n.sttk-brand-name { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.88); }\r\n\r\n.sttk-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(22px, 3vw, 32px);\r\n  font-weight: 700; line-height: 1.25;\r\n  color: var(--white); margin-bottom: 8px;\r\n}\r\n.sttk-title em { font-style: normal; color: var(--gold-light); }\r\n.sttk-subtitle {\r\n  font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 18px;\r\n}\r\n.sttk-chips { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.sttk-chip {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  padding: 5px 13px; border-radius: 20px; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 0.5px; border: 1px solid var(--border);\r\n  color: var(--gold-pale); background: rgba(212,160,23,0.08);\r\n}\r\n.sttk-chip::before { content: '\u2726'; font-size: 8px; color: var(--gold-light); }\r\n\r\n\/* \u2550\u2550 LEGEND STRIP \u2550\u2550 *\/\r\n.sttk-legend-strip {\r\n  display: flex; align-items: center; justify-content: flex-end;\r\n  gap: 20px; padding: 14px 52px;\r\n  background: rgba(255,255,255,0.02);\r\n  border-bottom: 1px solid var(--border);\r\n  flex-wrap: wrap;\r\n}\r\n.sttk-leg-item { display: flex; align-items: center; gap: 7px; }\r\n.sttk-leg-dot { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }\r\n.sttk-leg-label { font-size: 11px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.3px; }\r\n\r\n\/* \u2550\u2550 TABLE SECTION \u2550\u2550 *\/\r\n.sttk-table-wrap { padding: 0; overflow-x: auto; }\r\n\r\n.sttk-table {\r\n  width: 100%; border-collapse: collapse; min-width: 620px;\r\n}\r\n\r\n.sttk-table thead tr {\r\n  background: linear-gradient(90deg, var(--navy-mid), #0F2F6E);\r\n}\r\n.sttk-table thead th {\r\n  padding: 14px 16px;\r\n  font-size: 11px; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: 1.5px;\r\n  color: var(--gold-light);\r\n  border-bottom: 2px solid var(--gold-bright);\r\n  border-right: 1px solid var(--border);\r\n  white-space: nowrap;\r\n}\r\n.sttk-table thead th:last-child { border-right: none; }\r\n.sttk-table thead th.center { text-align: center; }\r\n\r\n.sttk-table tbody tr {\r\n  border-bottom: 1px solid var(--border);\r\n  transition: background 0.2s;\r\n}\r\n.sttk-table tbody tr:nth-child(odd)  { background: var(--navy-alt); }\r\n.sttk-table tbody tr:nth-child(even) { background: var(--navy-row); }\r\n.sttk-table tbody tr:hover { background: rgba(212,160,23,0.06); }\r\n\r\n.sttk-table tbody td {\r\n  padding: 16px 16px;\r\n  font-size: 13px; color: var(--white);\r\n  border-right: 1px solid var(--border);\r\n  vertical-align: middle;\r\n}\r\n.sttk-table tbody td:last-child { border-right: none; }\r\n\r\n.sttk-no {\r\n  text-align: center; font-weight: 700;\r\n  color: var(--gold-bright); font-size: 14px; width: 44px;\r\n}\r\n\r\n.sttk-kemampuan {\r\n  font-weight: 700; line-height: 1.4; min-width: 200px;\r\n}\r\n\r\n\/* \u2550\u2550 BAR CELL \u2550\u2550 *\/\r\n.sttk-bar-cell { text-align: center; min-width: 110px; }\r\n\r\n.sttk-pct-label {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 18px; font-weight: 700;\r\n  margin-bottom: 6px; line-height: 1;\r\n}\r\n\r\n.sttk-bar-track {\r\n  width: 100%; height: 7px;\r\n  background: rgba(255,255,255,0.07);\r\n  border-radius: 4px; overflow: hidden;\r\n  margin: 0 auto;\r\n}\r\n.sttk-bar-fill {\r\n  height: 100%; border-radius: 4px;\r\n  width: 0%; transition: width 1.1s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n\r\n\/* colors *\/\r\n.sttk-fill-sb { background: linear-gradient(90deg, #15803d, var(--green)); }\r\n.sttk-fill-b  { background: linear-gradient(90deg, #1d4ed8, var(--blue)); }\r\n.sttk-fill-c  { background: linear-gradient(90deg, #b45309, var(--amber)); }\r\n.sttk-fill-k  { background: linear-gradient(90deg, #991b1b, var(--red)); }\r\n\r\n.sttk-text-sb { color: var(--green); }\r\n.sttk-text-b  { color: var(--blue); }\r\n.sttk-text-c  { color: var(--amber); }\r\n.sttk-text-k  { color: var(--red); }\r\n\r\n\/* zero value *\/\r\n.sttk-pct-zero { color: rgba(255,255,255,0.2); font-size: 14px; font-weight: 400; }\r\n\r\n\/* \u2550\u2550 SUMMARY CARDS \u2550\u2550 *\/\r\n.sttk-summary {\r\n  display: grid; grid-template-columns: repeat(4, 1fr);\r\n  gap: 0; border-top: 1px solid var(--border);\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttk-sum-card {\r\n  padding: 22px 20px; text-align: center;\r\n  border-right: 1px solid var(--border);\r\n  position: relative; overflow: hidden;\r\n}\r\n.sttk-sum-card:last-child { border-right: none; }\r\n.sttk-sum-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  transform: scaleX(0); transform-origin: left;\r\n  transition: transform 0.7s ease;\r\n}\r\n.sttk-sum-card.sttk-on::before { transform: scaleX(1); }\r\n.sttk-sum-card.s1::before { background: linear-gradient(90deg, #15803d, var(--green)); }\r\n.sttk-sum-card.s2::before { background: linear-gradient(90deg, #1d4ed8, var(--blue)); }\r\n.sttk-sum-card.s3::before { background: linear-gradient(90deg, #b45309, var(--amber)); }\r\n.sttk-sum-card.s4::before { background: linear-gradient(90deg, #991b1b, var(--red)); }\r\n\r\n.sttk-sum-label {\r\n  font-size: 10px; font-weight: 700; text-transform: uppercase;\r\n  letter-spacing: 1.5px; margin-bottom: 8px;\r\n}\r\n.sttk-sum-label.sb { color: var(--green); }\r\n.sttk-sum-label.b  { color: var(--blue); }\r\n.sttk-sum-label.c  { color: var(--amber); }\r\n.sttk-sum-label.k  { color: var(--red); }\r\n\r\n.sttk-sum-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 36px; font-weight: 700; line-height: 1; margin-bottom: 4px;\r\n}\r\n.sttk-sum-num.sb { color: var(--green); }\r\n.sttk-sum-num.b  { color: var(--blue); }\r\n.sttk-sum-num.c  { color: var(--amber); }\r\n.sttk-sum-num.k  { color: var(--red); }\r\n\r\n.sttk-sum-desc { font-size: 11px; color: var(--text-muted); line-height: 1.4; }\r\n\r\n\/* \u2550\u2550 INSIGHT ROW \u2550\u2550 *\/\r\n.sttk-insight {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 0; border-bottom: 1px solid var(--border);\r\n}\r\n.sttk-ins-card {\r\n  padding: 22px 32px;\r\n  border-right: 1px solid var(--border);\r\n}\r\n.sttk-ins-card:last-child { border-right: none; }\r\n.sttk-ins-title {\r\n  font-size: 10px; font-weight: 700; text-transform: uppercase;\r\n  letter-spacing: 2px; color: var(--gold-bright);\r\n  margin-bottom: 14px;\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n.sttk-ins-title::after {\r\n  content: ''; flex: 1; height: 1px;\r\n  background: linear-gradient(90deg, var(--border), transparent);\r\n}\r\n.sttk-ins-item {\r\n  display: flex; align-items: center; gap: 12px;\r\n  margin-bottom: 10px;\r\n}\r\n.sttk-ins-item:last-child { margin-bottom: 0; }\r\n.sttk-ins-rank {\r\n  width: 24px; height: 24px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 11px; font-weight: 900; flex-shrink: 0;\r\n}\r\n.sttk-ins-rank.gold {\r\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\r\n  color: var(--navy-deep);\r\n}\r\n.sttk-ins-rank.silver {\r\n  background: rgba(255,255,255,0.15); color: var(--white);\r\n}\r\n.sttk-ins-rank.bronze {\r\n  background: rgba(212,160,23,0.15); color: var(--gold-bright);\r\n}\r\n.sttk-ins-name { flex: 1; font-size: 12px; font-weight: 700; color: var(--white); line-height: 1.3; }\r\n.sttk-ins-val {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 16px; font-weight: 700; color: var(--gold-light); flex-shrink: 0;\r\n}\r\n\r\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n.sttk-footer {\r\n  background: linear-gradient(135deg, var(--navy-deep), var(--navy-mid));\r\n  padding: 14px 52px;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  flex-wrap: wrap; gap: 8px;\r\n}\r\n.sttk-footer-note { font-size: 11px; color: var(--text-muted); }\r\n.sttk-footer-tag { font-size: 11px; font-weight: 700; color: var(--gold-bright); letter-spacing: 1px; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 680px) {\r\n  .sttk-header, .sttk-footer { padding-left: 20px; padding-right: 20px; }\r\n  .sttk-legend-strip { padding: 12px 20px; justify-content: flex-start; }\r\n  .sttk-summary { grid-template-columns: 1fr 1fr; }\r\n  .sttk-sum-card:nth-child(2) { border-right: none; }\r\n  .sttk-sum-card:nth-child(1),\r\n  .sttk-sum-card:nth-child(2) { border-bottom: 1px solid var(--border); }\r\n  .sttk-insight { grid-template-columns: 1fr; }\r\n  .sttk-ins-card { border-right: none; border-bottom: 1px solid var(--border); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sttk-wrap\">\r\n\r\n  <div class=\"sttk-gold-rule\"><\/div>\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"sttk-header\">\r\n    <div class=\"sttk-header-inner\">\r\n      <div class=\"sttk-brand-row\">\r\n        <div class=\"sttk-logo\">STT<\/div>\r\n        <div>\r\n          <div class=\"sttk-brand-eyebrow\">Sekolah Tinggi Teologi<\/div>\r\n          <div class=\"sttk-brand-name\">Salem Malang &nbsp;\u00b7&nbsp; Laporan Evaluasi Diri<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"sttk-title\">Kepuasan Pengguna terhadap<br><em>Kinerja Lulusan<\/em> STT Salem<\/div>\r\n      <div class=\"sttk-subtitle\">Tabel 1-I.10 \u00b7 Tingkat Kepuasan Pengguna (%) berdasarkan 7 Aspek Kemampuan Lulusan<\/div>\r\n      <div class=\"sttk-chips\">\r\n        <div class=\"sttk-chip\">7 Aspek Kemampuan<\/div>\r\n        <div class=\"sttk-chip\">4 Tingkat Kepuasan<\/div>\r\n        <div class=\"sttk-chip\">Data LKPS IAPS 5.0<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- LEGEND STRIP -->\r\n  <div class=\"sttk-legend-strip\">\r\n    <div class=\"sttk-leg-item\">\r\n      <div class=\"sttk-leg-dot\" style=\"background:var(--green)\"><\/div>\r\n      <div class=\"sttk-leg-label\">Sangat Baik<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-leg-item\">\r\n      <div class=\"sttk-leg-dot\" style=\"background:var(--blue)\"><\/div>\r\n      <div class=\"sttk-leg-label\">Baik<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-leg-item\">\r\n      <div class=\"sttk-leg-dot\" style=\"background:var(--amber)\"><\/div>\r\n      <div class=\"sttk-leg-label\">Cukup<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-leg-item\">\r\n      <div class=\"sttk-leg-dot\" style=\"background:var(--red)\"><\/div>\r\n      <div class=\"sttk-leg-label\">Kurang<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TABLE -->\r\n  <div class=\"sttk-table-wrap\">\r\n    <table class=\"sttk-table\" id=\"sttk-main-table\">\r\n      <thead>\r\n        <tr>\r\n          <th style=\"width:44px\">No.<\/th>\r\n          <th>Jenis Kemampuan<\/th>\r\n          <th class=\"center\">Sangat Baik<\/th>\r\n          <th class=\"center\">Baik<\/th>\r\n          <th class=\"center\">Cukup<\/th>\r\n          <th class=\"center\">Kurang<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n\r\n        <!-- 1 Etika -->\r\n        <tr>\r\n          <td class=\"sttk-no\">1<\/td>\r\n          <td class=\"sttk-kemampuan\">Etika<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">58,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"58.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">40,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"40\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">1,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"1.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 2 Keahlian bidang ilmu -->\r\n        <tr>\r\n          <td class=\"sttk-no\">2<\/td>\r\n          <td class=\"sttk-kemampuan\">Keahlian pada bidang ilmu<br><span style=\"font-weight:400;font-size:12px;color:var(--text-muted)\">(kompetensi utama)<\/span><\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">45,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"45\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">51,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"51.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">3,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"3.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 3 Kemampuan berbahasa asing -->\r\n        <tr>\r\n          <td class=\"sttk-no\">3<\/td>\r\n          <td class=\"sttk-kemampuan\">Kemampuan berbahasa asing<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">1,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"1.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">48,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"48.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">35,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"35\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-k\">15,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-k\" data-w=\"15\"><\/div><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 4 Penggunaan teknologi informasi -->\r\n        <tr>\r\n          <td class=\"sttk-no\">4<\/td>\r\n          <td class=\"sttk-kemampuan\">Penggunaan teknologi informasi<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">31,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"31.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">53,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"53.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">15,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"15\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 5 Kemampuan berkomunikasi -->\r\n        <tr>\r\n          <td class=\"sttk-no\">5<\/td>\r\n          <td class=\"sttk-kemampuan\">Kemampuan berkomunikasi<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">38,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"38.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">56,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"56.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">5,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"5\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 6 Kerjasama tim -->\r\n        <tr>\r\n          <td class=\"sttk-no\">6<\/td>\r\n          <td class=\"sttk-kemampuan\">Kerjasama tim<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">41,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"41.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">53,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"53.33\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-c\">5,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-c\" data-w=\"5\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n        <!-- 7 Pengembangan diri -->\r\n        <tr>\r\n          <td class=\"sttk-no\">7<\/td>\r\n          <td class=\"sttk-kemampuan\">Pengembangan diri<\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-sb\">35,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-sb\" data-w=\"35\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-b\">61,67%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-b\" data-w=\"61.67\"><\/div><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-pct-zero\">0,00%<\/div>\r\n            <div class=\"sttk-bar-track\"><\/div>\r\n          <\/td>\r\n          <td class=\"sttk-bar-cell\">\r\n            <div class=\"sttk-pct-label sttk-text-k\">3,33%<\/div>\r\n            <div class=\"sttk-bar-track\"><div class=\"sttk-bar-fill sttk-fill-k\" data-w=\"3.33\"><\/div><\/div>\r\n          <\/td>\r\n        <\/tr>\r\n\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n  <!-- SUMMARY CARDS -->\r\n  <!-- Rata-rata dari Tabel 1-I.10 (sumber docx): SB=35,95% B=52,14% C=9,29% K=2,62% -->\r\n  <div class=\"sttk-summary\">\r\n    <div class=\"sttk-sum-card s1\" id=\"sttk-s1\">\r\n      <div class=\"sttk-sum-label sb\">Sangat Baik<\/div>\r\n      <div class=\"sttk-sum-num sb\">35,95<span style=\"font-size:18px\">%<\/span><\/div>\r\n      <div class=\"sttk-sum-desc\">Rata-rata kepuasan<br>tertinggi pengguna<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-sum-card s2\" id=\"sttk-s2\">\r\n      <div class=\"sttk-sum-label b\">Baik<\/div>\r\n      <div class=\"sttk-sum-num b\">52,14<span style=\"font-size:18px\">%<\/span><\/div>\r\n      <div class=\"sttk-sum-desc\">Rata-rata kepuasan<br>kategori baik<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-sum-card s3\" id=\"sttk-s3\">\r\n      <div class=\"sttk-sum-label c\">Cukup<\/div>\r\n      <div class=\"sttk-sum-num c\">9,29<span style=\"font-size:18px\">%<\/span><\/div>\r\n      <div class=\"sttk-sum-desc\">Rata-rata kepuasan<br>kategori cukup<\/div>\r\n    <\/div>\r\n    <div class=\"sttk-sum-card s4\" id=\"sttk-s4\">\r\n      <div class=\"sttk-sum-label k\">Kurang<\/div>\r\n      <div class=\"sttk-sum-num k\">2,62<span style=\"font-size:18px\">%<\/span><\/div>\r\n      <div class=\"sttk-sum-desc\">Rata-rata kepuasan<br>terendah<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- INSIGHT -->\r\n  <div class=\"sttk-insight\">\r\n\r\n    <div class=\"sttk-ins-card\">\r\n      <div class=\"sttk-ins-title\">Aspek Terkuat (Sangat Baik)<\/div>\r\n      <div class=\"sttk-ins-item\">\r\n        <div class=\"sttk-ins-rank gold\">1<\/div>\r\n        <div class=\"sttk-ins-name\">Etika<\/div>\r\n        <div class=\"sttk-ins-val\">58,33%<\/div>\r\n      <\/div>\r\n      <div class=\"sttk-ins-item\">\r\n        <div class=\"sttk-ins-rank silver\">2<\/div>\r\n        <div class=\"sttk-ins-name\">Keahlian pada bidang ilmu<\/div>\r\n        <div class=\"sttk-ins-val\">45,00%<\/div>\r\n      <\/div>\r\n      <div class=\"sttk-ins-item\">\r\n        <div class=\"sttk-ins-rank bronze\">3<\/div>\r\n        <div class=\"sttk-ins-name\">Kerjasama tim<\/div>\r\n        <div class=\"sttk-ins-val\">41,67%<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sttk-ins-card\">\r\n      <div class=\"sttk-ins-title\">Aspek Perlu Perhatian<\/div>\r\n      <div class=\"sttk-ins-item\">\r\n        <div class=\"sttk-ins-rank\" style=\"background:rgba(248,113,113,0.2);color:var(--red)\">!<\/div>\r\n        <div class=\"sttk-ins-name\">Kemampuan berbahasa asing<br><span style=\"font-size:11px;color:var(--text-muted);font-weight:400\">SB terendah \u00b7 ada 15% dinilai Kurang<\/span><\/div>\r\n        <div class=\"sttk-ins-val\" style=\"color:var(--red)\">1,67%<\/div>\r\n      <\/div>\r\n      <div class=\"sttk-ins-item\">\r\n        <div class=\"sttk-ins-rank\" style=\"background:rgba(251,191,36,0.15);color:var(--amber)\">\u2191<\/div>\r\n        <div class=\"sttk-ins-name\">Penggunaan teknologi informasi<br><span style=\"font-size:11px;color:var(--text-muted);font-weight:400\">Potensi peningkatan ke Sangat Baik<\/span><\/div>\r\n        <div class=\"sttk-ins-val\" style=\"color:var(--amber)\">31,67%<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- FOOTER -->\r\n  <div class=\"sttk-footer\">\r\n    <div class=\"sttk-footer-note\">Sumber: Tabel 1-I.10 LED STT Salem Malang \u00b7 Survei Kepuasan Pengguna Lulusan \u00b7 September 2025<\/div>\r\n    <div class=\"sttk-footer-tag\">LKPS \u00b7 IAPS 5.0 \u00b7 BAN-PT 2026<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sttk-gold-rule\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var done = false;\r\n\r\n  function animate() {\r\n    if (done) return;\r\n    done = true;\r\n\r\n    \/* bar fills *\/\r\n    document.querySelectorAll('.sttk-bar-fill').forEach(function (el) {\r\n      setTimeout(function () {\r\n        el.style.width = el.getAttribute('data-w') + '%';\r\n      }, 150);\r\n    });\r\n\r\n    \/* summary card top bars *\/\r\n    ['sttk-s1','sttk-s2','sttk-s3','sttk-s4'].forEach(function (id, i) {\r\n      setTimeout(function () {\r\n        var el = document.getElementById(id);\r\n        if (el) el.classList.add('sttk-on');\r\n      }, i * 120);\r\n    });\r\n  }\r\n\r\n  \/* Intersection Observer *\/\r\n  var table = document.getElementById('sttk-main-table');\r\n  if (table && 'IntersectionObserver' in window) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      if (entries[0].isIntersecting) { animate(); io.disconnect(); }\r\n    }, { threshold: 0.15 });\r\n    io.observe(table);\r\n  } else {\r\n    setTimeout(animate, 400);\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-655de12 e-con-full e-flex e-con e-parent\" data-id=\"655de12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-502f903 elementor-widget elementor-widget-html\" data-id=\"502f903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     INFOGRAFIS ALUMNI STT SALEM \u2014 ELEMENTOR HTML WIDGET\r\n     Angkatan 2020\/2021, 2021\/2022, 2022\/2023 \u00b7 Data LKPS IAPS 5.0\r\n     Cara pakai:\r\n     1. Di Elementor, drag widget \"HTML\" ke halaman\r\n     2. Paste SELURUH kode ini ke dalam kotak HTML Code\r\n     3. Klik Apply \u2192 Publish\r\n     Tidak perlu plugin tambahan.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset dalam scope \u2500\u2500 *\/\r\n.sttb-wrap *, .sttb-wrap *::before, .sttb-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n.sttb-wrap {\r\n  --navy-deep:   #071A3E;\r\n  --navy-mid:    #0D2760;\r\n  --navy-light:  #1B3F82;\r\n  --gold-bright: #D4A017;\r\n  --gold-light:  #F0C040;\r\n  --gold-pale:   #FBE9A0;\r\n  --text-muted:  #8A9EC0;\r\n  --border:      rgba(212,160,23,0.2);\r\n  --white:       #FFFFFF;\r\n\r\n  font-family: 'Lato', sans-serif;\r\n  color: var(--white);\r\n  background: var(--navy-deep);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  max-width: 960px;\r\n  margin: 0 auto;\r\n  box-shadow: 0 24px 80px rgba(7,26,62,0.6);\r\n  position: relative;\r\n}\r\n\r\n\/* \u2550\u2550 GOLD RULE \u2550\u2550 *\/\r\n.sttb-gold-rule {\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light), var(--gold-bright));\r\n}\r\n\r\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n.sttb-header {\r\n  background: linear-gradient(145deg, var(--navy-deep) 0%, var(--navy-mid) 55%, #0F2F6E 100%);\r\n  padding: 44px 52px 36px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttb-header::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100px; right: -80px;\r\n  width: 320px; height: 320px;\r\n  background: radial-gradient(circle, rgba(212,160,23,0.12) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n.sttb-header::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -60px; left: 20%;\r\n  width: 200px; height: 200px;\r\n  background: radial-gradient(circle, rgba(240,192,64,0.07) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n.sttb-header-inner { position: relative; z-index: 1; }\r\n\r\n.sttb-brand-row {\r\n  display: flex; align-items: center; gap: 16px; margin-bottom: 22px;\r\n}\r\n.sttb-logo {\r\n  width: 60px; height: 60px; border-radius: 14px;\r\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 19px; font-weight: 900;\r\n  color: var(--navy-deep);\r\n  letter-spacing: -1px;\r\n  box-shadow: 0 6px 24px rgba(212,160,23,0.35);\r\n  flex-shrink: 0;\r\n}\r\n.sttb-brand-eyebrow {\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 3px; text-transform: uppercase;\r\n  color: var(--gold-light); margin-bottom: 3px;\r\n}\r\n.sttb-brand-name {\r\n  font-size: 15px; font-weight: 700;\r\n  color: rgba(255,255,255,0.88);\r\n}\r\n.sttb-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(24px, 3vw, 34px);\r\n  font-weight: 700; line-height: 1.2;\r\n  color: var(--white); margin-bottom: 10px;\r\n}\r\n.sttb-title em { font-style: normal; color: var(--gold-light); }\r\n.sttb-subtitle {\r\n  font-size: 13px; color: var(--text-muted);\r\n  line-height: 1.5; margin-bottom: 20px;\r\n}\r\n.sttb-chips { display: flex; flex-wrap: wrap; gap: 8px; }\r\n.sttb-chip {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  padding: 5px 14px; border-radius: 20px;\r\n  font-size: 11px; font-weight: 700; letter-spacing: 0.5px;\r\n  border: 1px solid var(--border);\r\n  color: var(--gold-pale); background: rgba(212,160,23,0.08);\r\n}\r\n.sttb-chip::before { content: '\u2726'; font-size: 8px; color: var(--gold-light); }\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.sttb-hero {\r\n  background: linear-gradient(135deg, var(--navy-mid), #152E6E);\r\n  padding: 36px 52px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 32px; align-items: center;\r\n  border-bottom: 2px solid var(--gold-bright);\r\n  position: relative; overflow: hidden;\r\n}\r\n.sttb-hero::after {\r\n  content: '';\r\n  position: absolute; right: 52px; top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 160px; height: 160px; border-radius: 50%;\r\n  border: 24px solid rgba(212,160,23,0.06);\r\n  pointer-events: none;\r\n}\r\n.sttb-hero-number {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(72px, 10vw, 108px);\r\n  font-weight: 900; line-height: 1;\r\n  color: var(--gold-light);\r\n  text-shadow: 0 0 60px rgba(240,192,64,0.25);\r\n  position: relative; z-index: 1;\r\n  letter-spacing: -3px;\r\n}\r\n.sttb-hero-number sup {\r\n  font-size: 0.45em; vertical-align: super;\r\n  letter-spacing: 0; color: var(--gold-bright);\r\n}\r\n.sttb-hero-desc { position: relative; z-index: 1; }\r\n.sttb-hero-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(17px, 2.2vw, 22px);\r\n  font-weight: 700; line-height: 1.35;\r\n  color: var(--white); margin-bottom: 10px;\r\n}\r\n.sttb-hero-sub {\r\n  font-size: 13px; color: var(--text-muted); line-height: 1.6;\r\n}\r\n.sttb-hero-sub strong { color: var(--gold-pale); }\r\n\r\n\/* \u2550\u2550 MINI STATS \u2550\u2550 *\/\r\n.sttb-stats-row {\r\n  display: grid; grid-template-columns: repeat(3, 1fr);\r\n  background: var(--navy-deep);\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttb-stat-card {\r\n  padding: 24px 28px;\r\n  border-right: 1px solid var(--border);\r\n  position: relative; overflow: hidden;\r\n  transition: background 0.3s;\r\n}\r\n.sttb-stat-card:last-child { border-right: none; }\r\n.sttb-stat-card:hover { background: rgba(212,160,23,0.04); }\r\n.sttb-stat-card::before {\r\n  content: '';\r\n  position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light));\r\n  transform: scaleX(0); transform-origin: left;\r\n  transition: transform 0.7s ease;\r\n}\r\n.sttb-stat-card.sttb-on::before { transform: scaleX(1); }\r\n.sttb-card-label {\r\n  font-size: 10px; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: 2px;\r\n  color: var(--text-muted); margin-bottom: 10px;\r\n}\r\n.sttb-card-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 38px; font-weight: 700;\r\n  color: var(--gold-light); line-height: 1; margin-bottom: 6px;\r\n}\r\n.sttb-card-num span { font-size: 20px; color: var(--gold-bright); }\r\n.sttb-card-desc { font-size: 12px; color: var(--text-muted); line-height: 1.4; }\r\n\r\n\/* \u2550\u2550 MIDDLE \u2550\u2550 *\/\r\n.sttb-middle {\r\n  display: grid; grid-template-columns: 1.15fr 0.85fr;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttb-panel { padding: 32px 36px; }\r\n.sttb-panel-left {\r\n  background: rgba(255,255,255,0.02);\r\n  border-right: 1px solid var(--border);\r\n}\r\n.sttb-section-title {\r\n  font-size: 10px; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: 2.5px;\r\n  color: var(--gold-bright); margin-bottom: 22px;\r\n  display: flex; align-items: center; gap: 10px;\r\n}\r\n.sttb-section-title::after {\r\n  content: ''; flex: 1; height: 1px;\r\n  background: linear-gradient(90deg, var(--border), transparent);\r\n}\r\n\r\n\/* Year bars *\/\r\n.sttb-year-row {\r\n  margin-bottom: 20px;\r\n  opacity: 0; transform: translateX(-16px);\r\n  transition: opacity 0.5s ease, transform 0.5s ease;\r\n}\r\n.sttb-year-row.sttb-visible { opacity: 1; transform: translateX(0); }\r\n.sttb-year-row:nth-child(2) { transition-delay: 0.08s; }\r\n.sttb-year-row:nth-child(3) { transition-delay: 0.16s; }\r\n\r\n.sttb-yr-header {\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  margin-bottom: 7px;\r\n}\r\n.sttb-yr-name { font-size: 13px; font-weight: 700; color: var(--white); }\r\n.sttb-yr-best {\r\n  font-size: 10px; font-weight: 700;\r\n  color: var(--gold-bright);\r\n  background: rgba(212,160,23,0.1);\r\n  border: 1px solid rgba(212,160,23,0.25);\r\n  padding: 2px 8px; border-radius: 10px;\r\n  letter-spacing: 0.5px; text-transform: uppercase;\r\n}\r\n.sttb-yr-pct {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 18px; font-weight: 700; color: var(--gold-light);\r\n}\r\n.sttb-yr-track {\r\n  height: 10px; background: rgba(255,255,255,0.06);\r\n  border-radius: 5px; overflow: hidden; margin-bottom: 5px;\r\n}\r\n.sttb-yr-fill {\r\n  height: 100%; border-radius: 5px;\r\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light));\r\n  width: 0%; transition: width 1.2s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.sttb-yr-fill.green { background: linear-gradient(90deg, #16a34a, #4ade80); }\r\n.sttb-yr-count { font-size: 11px; color: var(--text-muted); }\r\n\r\n\/* Donut *\/\r\n.sttb-donut-wrap { display: flex; flex-direction: column; align-items: center; }\r\n.sttb-donut-svg-container {\r\n  position: relative; width: 170px; height: 170px; margin-bottom: 20px;\r\n}\r\n.sttb-donut-svg {\r\n  width: 170px; height: 170px; transform: rotate(-90deg);\r\n}\r\n.sttb-donut-ring {\r\n  fill: none; stroke-width: 26; stroke-linecap: butt;\r\n  stroke-dasharray: 0 339.3;\r\n  transition: stroke-dasharray 1.4s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.sttb-donut-center {\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%,-50%); text-align: center;\r\n}\r\n.sttb-donut-big {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 30px; font-weight: 700; color: var(--gold-light);\r\n  line-height: 1; display: block;\r\n}\r\n.sttb-donut-small {\r\n  font-size: 10px; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: 0.5px;\r\n  color: var(--text-muted); display: block;\r\n}\r\n.sttb-legend { width: 100%; }\r\n.sttb-leg-row {\r\n  display: flex; align-items: center; gap: 9px;\r\n  padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.sttb-leg-row:last-child { border-bottom: none; }\r\n.sttb-leg-dot { width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }\r\n.sttb-leg-label { flex: 1; font-size: 11px; color: var(--text-muted); }\r\n.sttb-leg-val { font-size: 12px; font-weight: 700; color: var(--white); }\r\n\r\n\/* \u2550\u2550 BOTTOM \u2550\u2550 *\/\r\n.sttb-bottom {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n.sttb-avg-panel { padding: 28px 36px; border-right: 1px solid var(--border); }\r\n.sttb-avg-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }\r\n.sttb-avg-card {\r\n  background: rgba(212,160,23,0.05);\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px; padding: 16px 12px; text-align: center;\r\n  transition: border-color 0.3s, background 0.3s;\r\n}\r\n.sttb-avg-card:hover {\r\n  border-color: var(--gold-bright); background: rgba(212,160,23,0.10);\r\n}\r\n.sttb-avg-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 28px; font-weight: 700; color: var(--gold-light);\r\n  line-height: 1; margin-bottom: 4px;\r\n}\r\n.sttb-avg-yr { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.7); margin-bottom: 2px; }\r\n.sttb-avg-unit { font-size: 10px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n.sttb-wil-panel { padding: 28px 36px; background: rgba(255,255,255,0.01); }\r\n.sttb-wil-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\r\n.sttb-wil-row:last-child { margin-bottom: 0; }\r\n.sttb-wil-name { font-size: 12px; font-weight: 700; color: var(--white); width: 100px; flex-shrink: 0; }\r\n.sttb-wil-track { flex: 1; height: 8px; background: rgba(255,255,255,0.06); border-radius: 4px; overflow: hidden; }\r\n.sttb-wil-fill {\r\n  height: 100%; border-radius: 4px;\r\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light));\r\n  width: 0%; transition: width 1.2s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.sttb-wil-fill.dim { background: rgba(255,255,255,0.15); }\r\n.sttb-wil-pct { font-size: 12px; font-weight: 700; color: var(--gold-light); width: 40px; text-align: right; }\r\n\r\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n.sttb-footer {\r\n  background: linear-gradient(135deg, var(--navy-deep), var(--navy-mid));\r\n  padding: 16px 52px;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  flex-wrap: wrap; gap: 8px;\r\n}\r\n.sttb-footer-note { font-size: 11px; color: var(--text-muted); }\r\n.sttb-footer-tag { font-size: 11px; font-weight: 700; color: var(--gold-bright); letter-spacing: 1px; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 700px) {\r\n  .sttb-header, .sttb-hero, .sttb-footer { padding-left: 24px; padding-right: 24px; }\r\n  .sttb-hero { grid-template-columns: 1fr; gap: 10px; }\r\n  .sttb-hero::after { display: none; }\r\n  .sttb-stats-row { grid-template-columns: 1fr; }\r\n  .sttb-stat-card { border-right: none; border-bottom: 1px solid var(--border); }\r\n  .sttb-middle { grid-template-columns: 1fr; }\r\n  .sttb-panel-left { border-right: none; border-bottom: 1px solid var(--border); }\r\n  .sttb-bottom { grid-template-columns: 1fr; }\r\n  .sttb-avg-panel { border-right: none; border-bottom: 1px solid var(--border); }\r\n  .sttb-panel { padding: 24px 20px; }\r\n  .sttb-avg-panel, .sttb-wil-panel { padding: 20px 24px; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550 MARKUP \u2550\u2550 -->\r\n<div class=\"sttb-wrap\">\r\n\r\n  <div class=\"sttb-gold-rule\"><\/div>\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"sttb-header\">\r\n    <div class=\"sttb-header-inner\">\r\n      <div class=\"sttb-brand-row\">\r\n        <div class=\"sttb-logo\">STT<\/div>\r\n        <div>\r\n          <div class=\"sttb-brand-eyebrow\">Sekolah Tinggi Teologi<\/div>\r\n          <div class=\"sttb-brand-name\">Salem Malang &nbsp;\u00b7&nbsp; Laporan Alumni<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"sttb-title\">Lulusan STT Salem:<br><em>Setia Berkarya<\/em> di Ladang Tuhan<\/div>\r\n      <div class=\"sttb-subtitle\">Masa Tunggu Kerja Pertama Alumni \u00b7 Angkatan Lulus 2021, 2022, 2023 \u00b7 Data LKPS IAPS 5.0<\/div>\r\n      <div class=\"sttb-chips\">\r\n        <div class=\"sttb-chip\">35 Responden<\/div>\r\n        <div class=\"sttb-chip\">Angkatan 2020\/2021, 2021\/2022, 2022\/2023<\/div>\r\n        <div class=\"sttb-chip\">IAPS 5.0 \u00b7 BAN-PT<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- HERO STAT -->\r\n  <div class=\"sttb-hero\">\r\n    <div class=\"sttb-hero-number\">89<sup>%<\/sup><\/div>\r\n    <div class=\"sttb-hero-desc\">\r\n      <div class=\"sttb-hero-title\">Alumni mendapatkan pelayanan<br>dalam 12 bulan pertama<\/div>\r\n      <div class=\"sttb-hero-sub\">\r\n        <strong>31 dari 35 alumni<\/strong> yang terdata berhasil<br>\r\n        memasuki dunia pelayanan segera setelah lulus.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MINI STATS -->\r\n  <div class=\"sttb-stats-row\">\r\n    <div class=\"sttb-stat-card\" id=\"sttb-sc1\">\r\n      <div class=\"sttb-card-label\">Total Alumni Terdata<\/div>\r\n      <div class=\"sttb-card-num\">35<\/div>\r\n      <div class=\"sttb-card-desc\">3 angkatan lulus \u00b7 2021, 2022, 2023<\/div>\r\n    <\/div>\r\n    <div class=\"sttb-stat-card\" id=\"sttb-sc2\">\r\n      <div class=\"sttb-card-label\">Alumni \u2264 12 Bulan<\/div>\r\n      <div class=\"sttb-card-num\">31<\/div>\r\n      <div class=\"sttb-card-desc\">Langsung aktif pelayanan<\/div>\r\n    <\/div>\r\n    <div class=\"sttb-stat-card\" id=\"sttb-sc3\">\r\n      <div class=\"sttb-card-label\">Rata-rata Masa Tunggu<\/div>\r\n      <div class=\"sttb-card-num\">6,3 <span>bln<\/span><\/div>\r\n      <div class=\"sttb-card-desc\">Keseluruhan 3 angkatan<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MIDDLE -->\r\n  <div class=\"sttb-middle\">\r\n\r\n    <!-- Bars -->\r\n    <div class=\"sttb-panel sttb-panel-left\">\r\n      <div class=\"sttb-section-title\">Persentase per Angkatan<\/div>\r\n\r\n      <!-- 2022 \u2013 terbaik -->\r\n      <div class=\"sttb-year-row sttb-bar-item\">\r\n        <div class=\"sttb-yr-header\">\r\n          <span class=\"sttb-yr-name\">Angkatan 2021\/2022<\/span>\r\n          <div style=\"display:flex;gap:6px;align-items:center\">\r\n            <span class=\"sttb-yr-best\">\u2605 Terbaik<\/span>\r\n            <span class=\"sttb-yr-pct\">92,9%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sttb-yr-track\">\r\n          <div class=\"sttb-yr-fill green\" data-width=\"92.9\"><\/div>\r\n        <\/div>\r\n        <div class=\"sttb-yr-count\">13 dari 14 alumni \u00b7 rata-rata 5,4 bulan<\/div>\r\n      <\/div>\r\n\r\n      <!-- 2023 -->\r\n      <div class=\"sttb-year-row sttb-bar-item\">\r\n        <div class=\"sttb-yr-header\">\r\n          <span class=\"sttb-yr-name\">Angkatan 2022\/2023<\/span>\r\n          <span class=\"sttb-yr-pct\">86,7%<\/span>\r\n        <\/div>\r\n        <div class=\"sttb-yr-track\">\r\n          <div class=\"sttb-yr-fill\" data-width=\"86.7\"><\/div>\r\n        <\/div>\r\n        <div class=\"sttb-yr-count\">13 dari 15 alumni \u00b7 rata-rata 5,6 bulan<\/div>\r\n      <\/div>\r\n\r\n      <!-- 2021 -->\r\n      <div class=\"sttb-year-row sttb-bar-item\">\r\n        <div class=\"sttb-yr-header\">\r\n          <span class=\"sttb-yr-name\">Angkatan 2020\/2021<\/span>\r\n          <span class=\"sttb-yr-pct\">83,3%<\/span>\r\n        <\/div>\r\n        <div class=\"sttb-yr-track\">\r\n          <div class=\"sttb-yr-fill\" data-width=\"83.3\"><\/div>\r\n        <\/div>\r\n        <div class=\"sttb-yr-count\">5 dari 6 alumni \u00b7 rata-rata 10,2 bulan<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Donut -->\r\n    <div class=\"sttb-panel sttb-panel-right\">\r\n      <div class=\"sttb-section-title\">Sebaran Masa Tunggu<\/div>\r\n      <div class=\"sttb-donut-wrap\">\r\n        <div class=\"sttb-donut-svg-container\" id=\"sttb-donut-container\">\r\n          <!-- r=54 \u2192 circumference = 2\u03c0\u00d754 \u2248 339.3 -->\r\n          <svg class=\"sttb-donut-svg\" viewBox=\"0 0 170 170\">\r\n            <!-- BG ring -->\r\n            <circle cx=\"85\" cy=\"85\" r=\"54\" fill=\"none\"\r\n              stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"26\"\/>\r\n            <!-- >12 bln: 11.4% = 38.8 \u2192 offset 0 -->\r\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttb-donut-ring\"\r\n              stroke=\"#C0392B\" id=\"sttb-d1\"\r\n              data-dash=\"38.8 300.5\" data-offset=\"0\"\/>\r\n            <!-- 7-12 bln: 25.7% = 87.2 \u2192 offset -38.8 -->\r\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttb-donut-ring\"\r\n              stroke=\"#2980B9\" id=\"sttb-d2\"\r\n              data-dash=\"87.2 252.1\" data-offset=\"-38.8\"\/>\r\n            <!-- 1-6 bln: 34.3% = 116.3 \u2192 offset -126.0 -->\r\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttb-donut-ring\"\r\n              stroke=\"#B8860B\" id=\"sttb-d3\"\r\n              data-dash=\"116.3 223.0\" data-offset=\"-126.0\"\/>\r\n            <!-- 0 bln: 28.6% = 96.9 \u2192 offset -242.3 -->\r\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttb-donut-ring\"\r\n              stroke=\"#D4A017\" id=\"sttb-d4\"\r\n              data-dash=\"96.9 242.4\" data-offset=\"-242.3\"\/>\r\n          <\/svg>\r\n          <div class=\"sttb-donut-center\">\r\n            <span class=\"sttb-donut-big\">89%<\/span>\r\n            <span class=\"sttb-donut-small\">\u2264 12 bln<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sttb-legend\">\r\n          <div class=\"sttb-leg-row\">\r\n            <div class=\"sttb-leg-dot\" style=\"background:#D4A017\"><\/div>\r\n            <div class=\"sttb-leg-label\">Langsung (0 bulan)<\/div>\r\n            <div class=\"sttb-leg-val\">28,6%<\/div>\r\n          <\/div>\r\n          <div class=\"sttb-leg-row\">\r\n            <div class=\"sttb-leg-dot\" style=\"background:#B8860B\"><\/div>\r\n            <div class=\"sttb-leg-label\">1 \u2013 6 bulan<\/div>\r\n            <div class=\"sttb-leg-val\">34,3%<\/div>\r\n          <\/div>\r\n          <div class=\"sttb-leg-row\">\r\n            <div class=\"sttb-leg-dot\" style=\"background:#2980B9\"><\/div>\r\n            <div class=\"sttb-leg-label\">7 \u2013 12 bulan<\/div>\r\n            <div class=\"sttb-leg-val\">25,7%<\/div>\r\n          <\/div>\r\n          <div class=\"sttb-leg-row\">\r\n            <div class=\"sttb-leg-dot\" style=\"background:#C0392B\"><\/div>\r\n            <div class=\"sttb-leg-label\">&gt; 12 bulan<\/div>\r\n            <div class=\"sttb-leg-val\">11,4%<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/sttb-middle -->\r\n\r\n  <!-- BOTTOM -->\r\n  <div class=\"sttb-bottom\">\r\n\r\n    <div class=\"sttb-avg-panel\">\r\n      <div class=\"sttb-section-title\">Rata-rata Masa Tunggu<\/div>\r\n      <div class=\"sttb-avg-grid\">\r\n        <div class=\"sttb-avg-card\">\r\n          <div class=\"sttb-avg-num\">10,2<\/div>\r\n          <div class=\"sttb-avg-yr\">2020\/2021<\/div>\r\n          <div class=\"sttb-avg-unit\">bulan<\/div>\r\n        <\/div>\r\n        <div class=\"sttb-avg-card\">\r\n          <div class=\"sttb-avg-num\">5,4<\/div>\r\n          <div class=\"sttb-avg-yr\">2021\/2022<\/div>\r\n          <div class=\"sttb-avg-unit\">bulan<\/div>\r\n        <\/div>\r\n        <div class=\"sttb-avg-card\">\r\n          <div class=\"sttb-avg-num\">5,6<\/div>\r\n          <div class=\"sttb-avg-yr\">2022\/2023<\/div>\r\n          <div class=\"sttb-avg-unit\">bulan<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sttb-wil-panel\" id=\"sttb-wil-panel\">\r\n      <div class=\"sttb-section-title\">Wilayah Pelayanan<\/div>\r\n      <div class=\"sttb-wil-row\">\r\n        <div class=\"sttb-wil-name\">Lokal \/ Regional<\/div>\r\n        <div class=\"sttb-wil-track\">\r\n          <div class=\"sttb-wil-fill\" data-width=\"100\"><\/div>\r\n        <\/div>\r\n        <div class=\"sttb-wil-pct\">100%<\/div>\r\n      <\/div>\r\n      <div class=\"sttb-wil-row\">\r\n        <div class=\"sttb-wil-name\">Nasional<\/div>\r\n        <div class=\"sttb-wil-track\">\r\n          <div class=\"sttb-wil-fill dim\" data-width=\"0\"><\/div>\r\n        <\/div>\r\n        <div class=\"sttb-wil-pct\" style=\"color:var(--text-muted)\">\u2014<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/sttb-bottom -->\r\n\r\n  <!-- FOOTER -->\r\n  <div class=\"sttb-footer\">\r\n    <div class=\"sttb-footer-note\">Sumber: Survei Tracer Alumni STT Salem Malang \u00b7 35 responden \u00b7 Data November 2025<\/div>\r\n    <div class=\"sttb-footer-tag\">LKPS \u00b7 IAPS 5.0 \u00b7 BAN-PT 2026<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sttb-gold-rule\"><\/div>\r\n\r\n<\/div><!-- \/sttb-wrap -->\r\n\r\n<script>\r\n(function() {\r\n  var observed = new Set();\r\n\r\n  function animateBars(container) {\r\n    container.querySelectorAll('.sttb-yr-fill').forEach(function(f) {\r\n      setTimeout(function() { f.style.width = f.getAttribute('data-width') + '%'; }, 120);\r\n    });\r\n  }\r\n\r\n  function animateDonut() {\r\n    ['sttb-d1','sttb-d2','sttb-d3','sttb-d4'].forEach(function(id, i) {\r\n      var el = document.getElementById(id);\r\n      if (!el) return;\r\n      setTimeout(function() {\r\n        el.style.strokeDasharray = el.getAttribute('data-dash');\r\n        el.style.strokeDashoffset = el.getAttribute('data-offset');\r\n      }, i * 160);\r\n    });\r\n  }\r\n\r\n  function animateWil() {\r\n    document.querySelectorAll('#sttb-wil-panel .sttb-wil-fill').forEach(function(f) {\r\n      setTimeout(function() { f.style.width = f.getAttribute('data-width') + '%'; }, 200);\r\n    });\r\n  }\r\n\r\n  function activateCards() {\r\n    ['sttb-sc1','sttb-sc2','sttb-sc3'].forEach(function(id) {\r\n      var el = document.getElementById(id);\r\n      if (el) el.classList.add('sttb-on');\r\n    });\r\n  }\r\n\r\n  function activateBars() {\r\n    document.querySelectorAll('.sttb-bar-item').forEach(function(el) {\r\n      el.classList.add('sttb-visible');\r\n    });\r\n  }\r\n\r\n  var io = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (!entry.isIntersecting || observed.has(entry.target)) return;\r\n      observed.add(entry.target);\r\n      var el = entry.target;\r\n\r\n      if (el.id === 'sttb-sc1') { activateCards(); }\r\n      if (el.classList.contains('sttb-bar-item')) {\r\n        el.classList.add('sttb-visible');\r\n        animateBars(el);\r\n      }\r\n      if (el.id === 'sttb-donut-container') { animateDonut(); }\r\n      if (el.id === 'sttb-wil-panel') { animateWil(); }\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  ['sttb-sc1','sttb-donut-container','sttb-wil-panel'].forEach(function(id) {\r\n    var el = document.getElementById(id);\r\n    if (el) io.observe(el);\r\n  });\r\n  document.querySelectorAll('.sttb-bar-item').forEach(function(el) { io.observe(el); });\r\n\r\n  \/* Fallback jika IntersectionObserver tidak jalan *\/\r\n  setTimeout(function() {\r\n    if (observed.size === 0) {\r\n      activateCards(); activateBars(); animateDonut(); animateWil();\r\n      document.querySelectorAll('.sttb-yr-fill').forEach(function(f) {\r\n        f.style.width = f.getAttribute('data-width') + '%';\r\n      });\r\n    }\r\n  }, 900);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b0472 e-flex e-con-boxed e-con e-parent\" data-id=\"22b0472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13b5efc elementor-widget elementor-widget-html\" data-id=\"13b5efc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     DOWNLOAD DOKUMEN SPMI STT SALEM\n     Elementor HTML Widget \u00b7 Navy Gold Style (konsisten dgn infografis I10)\n     Cara pakai:\n     1. Upload 4 gambar cover (buku1.jpg, buku2.jpg, buku3.jpg, buku4.jpg)\n        ke Media Library WordPress terlebih dahulu.\n     2. Ganti 4 URL bertanda \"GANTI_URL_GAMBAR_BUKU_...\" di bawah dengan\n        URL gambar hasil upload (klik kanan gambar di Media Library > Copy URL).\n     3. Elementor \u2192 drag widget \"HTML\" ke halaman \u2192 paste seluruh kode ini.\n     4. Klik Apply \u2192 Publish.\n\n     Pemetaan file yang dikirim ke gambar:\n       buku1.jpg -> Buku I  (Kebijakan Mutu SPMI)\n       buku2.jpg -> Buku II (Manual SPMI)\n       buku3.jpg -> Buku III(Standar SPMI)\n       buku4.jpg -> Buku IV (Formulir SPMI)\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n.sttk-spmi *, .sttk-spmi *::before, .sttk-spmi *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.sttk-spmi {\n  --navy-deep:   #071A3E;\n  --navy-mid:    #0D2760;\n  --navy-row:    #0B2255;\n  --navy-alt:    #091D4A;\n  --gold-bright: #D4A017;\n  --gold-light:  #F0C040;\n  --gold-pale:   #FBE9A0;\n  --text-muted:  #8A9EC0;\n  --border:      rgba(212,160,23,0.18);\n  --white:       #FFFFFF;\n  --whatsapp:    #25D366;\n\n  font-family: 'Lato', sans-serif;\n  color: var(--white);\n  background: var(--navy-deep);\n  border-radius: 20px;\n  overflow: hidden;\n  max-width: 980px;\n  margin: 0 auto;\n  box-shadow: 0 24px 80px rgba(7,26,62,0.6);\n}\n\n.sttk-spmi-rule {\n  height: 4px;\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light), var(--gold-bright));\n}\n\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\n.sttk-spmi-header {\n  background: linear-gradient(145deg, var(--navy-deep) 0%, var(--navy-mid) 55%, #0F2F6E 100%);\n  padding: 40px 52px 32px;\n  position: relative; overflow: hidden;\n  border-bottom: 1px solid var(--border);\n}\n.sttk-spmi-header::before {\n  content: '';\n  position: absolute; top: -90px; right: -70px;\n  width: 300px; height: 300px;\n  background: radial-gradient(circle, rgba(212,160,23,0.12) 0%, transparent 70%);\n  border-radius: 50%; pointer-events: none;\n}\n.sttk-spmi-header-inner { position: relative; z-index: 1; }\n\n.sttk-spmi-brand-row {\n  display: flex; align-items: center; gap: 16px; margin-bottom: 20px;\n}\n.sttk-spmi-logo {\n  width: 58px; height: 58px; border-radius: 13px;\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Playfair Display', serif;\n  font-size: 18px; font-weight: 900; color: var(--navy-deep);\n  letter-spacing: -1px;\n  box-shadow: 0 6px 24px rgba(212,160,23,0.35); flex-shrink: 0;\n}\n.sttk-spmi-brand-eyebrow {\n  font-size: 10px; font-weight: 700; letter-spacing: 3px;\n  text-transform: uppercase; color: var(--gold-light); margin-bottom: 3px;\n}\n.sttk-spmi-brand-name { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.88); }\n\n.sttk-spmi-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(22px, 3vw, 32px);\n  font-weight: 700; line-height: 1.25;\n  color: var(--white); margin-bottom: 8px;\n}\n.sttk-spmi-title em { font-style: normal; color: var(--gold-light); }\n.sttk-spmi-subtitle {\n  font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 18px;\n}\n.sttk-spmi-chips { display: flex; flex-wrap: wrap; gap: 8px; }\n.sttk-spmi-chip {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 5px 13px; border-radius: 20px; font-size: 11px; font-weight: 700;\n  letter-spacing: 0.5px; border: 1px solid var(--border);\n  color: var(--gold-pale); background: rgba(212,160,23,0.08);\n}\n.sttk-spmi-chip::before { content: '\u2726'; font-size: 8px; color: var(--gold-light); }\n\n\/* \u2550\u2550 NOTICE (password via WA) \u2550\u2550 *\/\n.sttk-spmi-notice {\n  margin: 28px 52px 0;\n  padding: 18px 22px;\n  border: 1px solid var(--border);\n  border-left: 4px solid var(--gold-bright);\n  background: rgba(212,160,23,0.06);\n  border-radius: 10px;\n  display: flex; align-items: center; gap: 16px;\n  flex-wrap: wrap;\n}\n.sttk-spmi-notice-icon {\n  width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px; color: var(--navy-deep); font-weight: 900;\n}\n.sttk-spmi-notice-text { flex: 1; min-width: 220px; }\n.sttk-spmi-notice-title {\n  font-size: 12px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 1px; color: var(--gold-light); margin-bottom: 4px;\n}\n.sttk-spmi-notice-desc { font-size: 12.5px; color: rgba(255,255,255,0.85); line-height: 1.5; }\n.sttk-spmi-wa-btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--whatsapp); color: #fff !important;\n  padding: 10px 20px; border-radius: 24px;\n  font-size: 13px; font-weight: 700; text-decoration: none;\n  white-space: nowrap;\n  box-shadow: 0 6px 18px rgba(37,211,102,0.35);\n  transition: transform 0.15s ease;\n}\n.sttk-spmi-wa-btn:hover { transform: translateY(-2px); color: #fff; }\n.sttk-spmi-wa-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n\n\/* \u2550\u2550 GRID BUKU \u2550\u2550 *\/\n.sttk-spmi-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  padding: 28px 52px 8px;\n}\n\n.sttk-spmi-card {\n  display: block;\n  text-decoration: none;\n  background: var(--navy-alt);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  overflow: hidden;\n  position: relative;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n.sttk-spmi-card:hover {\n  transform: translateY(-6px);\n  border-color: var(--gold-bright);\n  box-shadow: 0 16px 32px rgba(0,0,0,0.35);\n}\n\n.sttk-spmi-card-thumb {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  background: var(--navy-mid);\n}\n.sttk-spmi-card-thumb img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  transition: transform 0.35s ease;\n}\n.sttk-spmi-card:hover .sttk-spmi-card-thumb img { transform: scale(1.06); }\n\n.sttk-spmi-card-thumb::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(180deg, rgba(7,26,62,0) 40%, rgba(7,26,62,0.9) 100%);\n}\n\n.sttk-spmi-card-badge {\n  position: absolute; top: 10px; left: 10px; z-index: 2;\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\n  color: var(--navy-deep);\n  font-size: 10px; font-weight: 900; letter-spacing: 0.5px;\n  padding: 4px 10px; border-radius: 20px;\n}\n\n.sttk-spmi-card-lock {\n  position: absolute; top: 10px; right: 10px; z-index: 2;\n  width: 26px; height: 26px; border-radius: 50%;\n  background: rgba(7,26,62,0.65); backdrop-filter: blur(2px);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 12px;\n}\n\n.sttk-spmi-card-caption {\n  position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;\n  padding: 14px 14px 16px;\n}\n.sttk-spmi-card-num {\n  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;\n  text-transform: uppercase; color: var(--gold-light); margin-bottom: 3px;\n}\n.sttk-spmi-card-name {\n  font-size: 13px; font-weight: 700; color: var(--white); line-height: 1.3;\n}\n\n.sttk-spmi-card-action {\n  padding: 11px 14px;\n  display: flex; align-items: center; justify-content: center; gap: 6px;\n  font-size: 11.5px; font-weight: 700; letter-spacing: 0.3px;\n  color: var(--gold-pale);\n  border-top: 1px solid var(--border);\n  background: rgba(255,255,255,0.02);\n}\n.sttk-spmi-card-action svg { width: 13px; height: 13px; }\n\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\n.sttk-spmi-footer {\n  background: linear-gradient(135deg, var(--navy-deep), var(--navy-mid));\n  padding: 18px 52px;\n  margin-top: 20px;\n  display: flex; justify-content: space-between; align-items: center;\n  flex-wrap: wrap; gap: 8px;\n  border-top: 1px solid var(--border);\n}\n.sttk-spmi-footer-note { font-size: 11px; color: var(--text-muted); }\n.sttk-spmi-footer-tag { font-size: 11px; font-weight: 700; color: var(--gold-bright); letter-spacing: 1px; }\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media (max-width: 860px) {\n  .sttk-spmi-grid { grid-template-columns: repeat(2, 1fr); padding: 24px 24px 4px; }\n  .sttk-spmi-header, .sttk-spmi-footer { padding-left: 24px; padding-right: 24px; }\n  .sttk-spmi-notice { margin: 24px 24px 0; }\n}\n@media (max-width: 480px) {\n  .sttk-spmi-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"sttk-spmi\">\n\n  <div class=\"sttk-spmi-rule\"><\/div>\n\n  <!-- HEADER -->\n  <div class=\"sttk-spmi-header\">\n    <div class=\"sttk-spmi-header-inner\">\n      <div class=\"sttk-spmi-brand-row\">\n        <div class=\"sttk-spmi-logo\">STT<\/div>\n        <div>\n          <div class=\"sttk-spmi-brand-eyebrow\">Sekolah Tinggi Teologi<\/div>\n          <div class=\"sttk-spmi-brand-name\">Salem Malang &nbsp;\u00b7&nbsp; Sistem Penjaminan Mutu Internal<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sttk-spmi-title\">Unduh <em>Dokumen SPMI<\/em><br>STT Salem<\/div>\n      <div class=\"sttk-spmi-subtitle\">Kumpulan dokumen resmi Sistem Penjaminan Mutu Internal (SPMI) STT Salem \u2014 Buku I s.d. Buku IV<\/div>\n      <div class=\"sttk-spmi-chips\">\n        <div class=\"sttk-spmi-chip\">4 Dokumen Resmi<\/div>\n        <div class=\"sttk-spmi-chip\">Format PDF<\/div>\n        <div class=\"sttk-spmi-chip\">Terbatas &amp; Berpassword<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- NOTICE PASSWORD -->\n  <div class=\"sttk-spmi-notice\">\n    <div class=\"sttk-spmi-notice-icon\">\ud83d\udd12<\/div>\n    <div class=\"sttk-spmi-notice-text\">\n      <div class=\"sttk-spmi-notice-title\">Dokumen Bersifat Terbatas<\/div>\n      <div class=\"sttk-spmi-notice-desc\">Setiap file dilindungi password. Untuk mendapatkan password, silakan hubungi Admin STT Salem melalui WhatsApp.<\/div>\n    <\/div>\n    <a class=\"sttk-spmi-wa-btn\" href=\"https:\/\/wa.me\/62895429242787?text=Selamat%20siang%2C%20saya%20ingin%20meminta%20password%20untuk%20mengakses%20Dokumen%20SPMI%20STT%20Salem.\" target=\"_blank\" rel=\"noopener\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.198.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"><\/path><path d=\"M12.004 2.003c-5.514 0-9.997 4.483-9.997 9.997 0 1.762.464 3.484 1.345 4.997L2 22l5.117-1.341a9.96 9.96 0 004.887 1.246h.004c5.514 0 9.997-4.483 9.997-9.997 0-2.67-1.04-5.182-2.929-7.071a9.937 9.937 0 00-7.072-2.834zm0 18.187h-.003a8.19 8.19 0 01-4.175-1.144l-.3-.178-3.037.797.811-2.96-.195-.304a8.18 8.18 0 01-1.256-4.401c0-4.523 3.68-8.203 8.203-8.203a8.15 8.15 0 015.802 2.404 8.15 8.15 0 012.4 5.8c0 4.524-3.68 8.19-8.25 8.19z\"><\/path><\/svg>\n      Hubungi Admin via WhatsApp\n    <\/a>\n  <\/div>\n\n  <!-- GRID 4 BUKU -->\n  <div class=\"sttk-spmi-grid\">\n\n    <!-- BUKU I -->\n    <a class=\"sttk-spmi-card\" href=\"https:\/\/drive.google.com\/file\/d\/1QDl4QTrWHX5Yj5BpZlrVH9Jpw0F0z-2P\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"sttk-spmi-card-thumb\">\n        <div class=\"sttk-spmi-card-badge\">Buku I<\/div>\n        <div class=\"sttk-spmi-card-lock\">\ud83d\udd12<\/div>\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/agustus.jpg\" alt=\"Dokumen Kebijakan Mutu SPMI STT Salem\">\n        <div class=\"sttk-spmi-card-caption\">\n          <div class=\"sttk-spmi-card-num\">Buku I<\/div>\n          <div class=\"sttk-spmi-card-name\">Dokumen Kebijakan Mutu SPMI<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sttk-spmi-card-action\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v12m0 0l-4-4m4 4l4-4M4 19h16\"\/><\/svg>\n        Buka di Google Drive\n      <\/div>\n    <\/a>\n\n    <!-- BUKU II -->\n    <a class=\"sttk-spmi-card\" href=\"https:\/\/drive.google.com\/file\/d\/1LWqAhF-7hHhcyYzsWzl6svSCo4dmMh7A\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"sttk-spmi-card-thumb\">\n        <div class=\"sttk-spmi-card-badge\">Buku II<\/div>\n        <div class=\"sttk-spmi-card-lock\">\ud83d\udd12<\/div>\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/agustus-2.jpg\" alt=\"Dokumen Manual SPMI STT Salem\">\n        <div class=\"sttk-spmi-card-caption\">\n          <div class=\"sttk-spmi-card-num\">Buku II<\/div>\n          <div class=\"sttk-spmi-card-name\">Dokumen Manual SPMI<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sttk-spmi-card-action\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v12m0 0l-4-4m4 4l4-4M4 19h16\"\/><\/svg>\n        Buka di Google Drive\n      <\/div>\n    <\/a>\n\n    <!-- BUKU III -->\n    <a class=\"sttk-spmi-card\" href=\"https:\/\/drive.google.com\/file\/d\/1Jox0xibxvMGIREecFKmWGITLRlX4VtTU\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"sttk-spmi-card-thumb\">\n        <div class=\"sttk-spmi-card-badge\">Buku III<\/div>\n        <div class=\"sttk-spmi-card-lock\">\ud83d\udd12<\/div>\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/agustus-3.jpg\" alt=\"Dokumen Standar SPMI STT Salem\">\n        <div class=\"sttk-spmi-card-caption\">\n          <div class=\"sttk-spmi-card-num\">Buku III<\/div>\n          <div class=\"sttk-spmi-card-name\">Dokumen Standar SPMI<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sttk-spmi-card-action\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v12m0 0l-4-4m4 4l4-4M4 19h16\"\/><\/svg>\n        Buka di Google Drive\n      <\/div>\n    <\/a>\n\n    <!-- BUKU IV -->\n    <a class=\"sttk-spmi-card\" href=\"https:\/\/drive.google.com\/file\/d\/1Uyq0xqBVz4T_DVEwnrZa-QMPCa6oTqxm\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"sttk-spmi-card-thumb\">\n        <div class=\"sttk-spmi-card-badge\">Buku IV<\/div>\n        <div class=\"sttk-spmi-card-lock\">\ud83d\udd12<\/div>\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/agustus-4.jpg\" alt=\"Dokumen Formulir SPMI STT Salem\">\n        <div class=\"sttk-spmi-card-caption\">\n          <div class=\"sttk-spmi-card-num\">Buku IV<\/div>\n          <div class=\"sttk-spmi-card-name\">Dokumen Formulir SPMI<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sttk-spmi-card-action\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v12m0 0l-4-4m4 4l4-4M4 19h16\"\/><\/svg>\n        Buka di Google Drive\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <!-- FOOTER -->\n  <div class=\"sttk-spmi-footer\">\n    <div class=\"sttk-spmi-footer-note\">Dokumen SPMI STT Salem Malang<\/div>\n    <div class=\"sttk-spmi-footer-tag\">SPMI \u00b7 STT SALEM<\/div>\n  <\/div>\n\n  <div class=\"sttk-spmi-rule\"><\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a935c7 e-flex e-con-boxed e-con e-parent\" data-id=\"4a935c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a467be elementor-widget elementor-widget-html\" data-id=\"5a467be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     DATA MAHASISWA AKTIF STT SALEM \u2014 ELEMENTOR HTML WIDGET\n     TA 2022-2023, 2023-2024, 2024-2025\n     Cara pakai:\n     1. Di Elementor, drag widget \"HTML\" ke halaman\n     2. Paste SELURUH kode ini ke dalam kotak HTML Code\n     3. Klik Apply \u2192 Publish\n     Tidak perlu plugin tambahan.\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 Reset dalam scope \u2500\u2500 *\/\n.sttm-wrap *, .sttm-wrap *::before, .sttm-wrap *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.sttm-wrap {\n  --navy-deep:   #071A3E;\n  --navy-mid:    #0D2760;\n  --navy-light:  #1B3F82;\n  --gold-bright: #D4A017;\n  --gold-light:  #F0C040;\n  --gold-pale:   #FBE9A0;\n  --text-muted:  #8A9EC0;\n  --border:      rgba(212,160,23,0.2);\n  --white:       #FFFFFF;\n\n  font-family: 'Lato', sans-serif;\n  color: var(--white);\n  background: var(--navy-deep);\n  border-radius: 20px;\n  overflow: hidden;\n  max-width: 960px;\n  margin: 0 auto;\n  box-shadow: 0 24px 80px rgba(7,26,62,0.6);\n  position: relative;\n}\n\n\/* \u2550\u2550 GOLD RULE \u2550\u2550 *\/\n.sttm-gold-rule {\n  height: 4px;\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light), var(--gold-bright));\n}\n\n\/* \u2550\u2550 HEADER \u2550\u2550 *\/\n.sttm-header {\n  background: linear-gradient(145deg, var(--navy-deep) 0%, var(--navy-mid) 55%, #0F2F6E 100%);\n  padding: 44px 52px 36px;\n  position: relative;\n  overflow: hidden;\n  border-bottom: 1px solid var(--border);\n}\n.sttm-header::before {\n  content: '';\n  position: absolute;\n  top: -100px; right: -80px;\n  width: 320px; height: 320px;\n  background: radial-gradient(circle, rgba(212,160,23,0.12) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.sttm-header::after {\n  content: '';\n  position: absolute;\n  bottom: -60px; left: 20%;\n  width: 200px; height: 200px;\n  background: radial-gradient(circle, rgba(240,192,64,0.07) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.sttm-header-inner { position: relative; z-index: 1; }\n\n.sttm-brand-row {\n  display: flex; align-items: center; gap: 16px; margin-bottom: 22px;\n}\n.sttm-logo {\n  width: 60px; height: 60px; border-radius: 14px;\n  background: linear-gradient(135deg, var(--gold-bright), var(--gold-light));\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Playfair Display', serif;\n  font-size: 19px; font-weight: 900;\n  color: var(--navy-deep);\n  letter-spacing: -1px;\n  box-shadow: 0 6px 24px rgba(212,160,23,0.35);\n  flex-shrink: 0;\n}\n.sttm-brand-eyebrow {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase;\n  color: var(--gold-light); margin-bottom: 3px;\n}\n.sttm-brand-name {\n  font-size: 15px; font-weight: 700;\n  color: rgba(255,255,255,0.88);\n}\n.sttm-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(24px, 3vw, 34px);\n  font-weight: 700; line-height: 1.2;\n  color: var(--white); margin-bottom: 10px;\n}\n.sttm-title em { font-style: normal; color: var(--gold-light); }\n.sttm-subtitle {\n  font-size: 13px; color: var(--text-muted);\n  line-height: 1.5; margin-bottom: 20px;\n}\n.sttm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }\n.sttm-chip {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 5px 14px; border-radius: 20px;\n  font-size: 11px; font-weight: 700; letter-spacing: 0.5px;\n  border: 1px solid var(--border);\n  color: var(--gold-pale); background: rgba(212,160,23,0.08);\n}\n.sttm-chip::before { content: '\u2726'; font-size: 8px; color: var(--gold-light); }\n\n\/* \u2500\u2500 FILTER TAHUN \u2500\u2500 *\/\n.sttm-filter-row { display: flex; flex-wrap: wrap; gap: 8px; }\n.sttm-filter-btn {\n  font-family: 'Lato', sans-serif;\n  font-size: 12px; font-weight: 700; letter-spacing: 0.5px;\n  padding: 7px 18px; border-radius: 20px;\n  border: 1px solid var(--border);\n  background: rgba(212,160,23,0.07);\n  color: rgba(255,255,255,0.7);\n  cursor: pointer; transition: all 0.22s ease;\n}\n.sttm-filter-btn:hover {\n  border-color: var(--gold-bright); color: var(--gold-light);\n  background: rgba(212,160,23,0.14);\n}\n.sttm-filter-btn.active {\n  background: var(--gold-bright); border-color: var(--gold-bright); color: var(--navy-deep);\n}\n\n\/* \u2550\u2550 STAT CARDS \u2550\u2550 *\/\n.sttm-stats-row {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  background: var(--navy-deep);\n  border-bottom: 1px solid var(--border);\n}\n.sttm-stat-card {\n  padding: 24px 20px;\n  border-right: 1px solid var(--border);\n  position: relative; overflow: hidden;\n  transition: background 0.3s;\n}\n.sttm-stat-card:last-child { border-right: none; }\n.sttm-stat-card:hover { background: rgba(212,160,23,0.04); }\n.sttm-stat-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light));\n  transform: scaleX(0); transform-origin: left;\n  transition: transform 0.7s ease;\n}\n.sttm-stat-card.sttm-on::before { transform: scaleX(1); }\n.sttm-card-label {\n  font-size: 10px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 2px;\n  color: var(--text-muted); margin-bottom: 10px;\n}\n.sttm-card-num {\n  font-family: 'Playfair Display', serif;\n  font-size: 38px; font-weight: 700;\n  color: var(--gold-light); line-height: 1; margin-bottom: 6px;\n}\n.sttm-card-desc { font-size: 12px; color: var(--text-muted); line-height: 1.4; }\n\n\/* \u2550\u2550 MIDDLE \u2550\u2550 *\/\n.sttm-middle {\n  display: grid; grid-template-columns: 0.9fr 1.1fr;\n  border-bottom: 1px solid var(--border);\n}\n.sttm-panel { padding: 32px 36px; }\n.sttm-panel-left {\n  background: rgba(255,255,255,0.02);\n  border-right: 1px solid var(--border);\n}\n.sttm-section-title {\n  font-size: 10px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 2.5px;\n  color: var(--gold-bright); margin-bottom: 22px;\n  display: flex; align-items: center; gap: 10px;\n}\n.sttm-section-title::after {\n  content: ''; flex: 1; height: 1px;\n  background: linear-gradient(90deg, var(--border), transparent);\n}\n\n\/* Gender donut *\/\n.sttm-donut-wrap { display: flex; flex-direction: column; align-items: center; }\n.sttm-donut-svg-container {\n  position: relative; width: 170px; height: 170px; margin-bottom: 20px;\n}\n.sttm-donut-svg { width: 170px; height: 170px; transform: rotate(-90deg); }\n.sttm-donut-ring {\n  fill: none; stroke-width: 26; stroke-linecap: butt;\n  stroke-dasharray: 0 339.3;\n  transition: stroke-dasharray 1.2s cubic-bezier(0.4,0,0.2,1),\n              stroke-dashoffset 1.2s cubic-bezier(0.4,0,0.2,1);\n}\n.sttm-donut-center {\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%,-50%); text-align: center;\n}\n.sttm-donut-big {\n  font-family: 'Playfair Display', serif;\n  font-size: 30px; font-weight: 700; color: var(--gold-light);\n  line-height: 1; display: block;\n}\n.sttm-donut-small {\n  font-size: 10px; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.5px;\n  color: var(--text-muted); display: block;\n}\n.sttm-legend { width: 100%; }\n.sttm-leg-row {\n  display: flex; align-items: center; gap: 9px;\n  padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.sttm-leg-row:last-child { border-bottom: none; }\n.sttm-leg-dot { width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }\n.sttm-leg-label { flex: 1; font-size: 12px; color: var(--text-muted); }\n.sttm-leg-val {\n  font-family: 'Playfair Display', serif;\n  font-size: 18px; font-weight: 700; color: var(--white);\n}\n.sttm-leg-pct { font-size: 11px; font-weight: 700; color: var(--gold-bright); width: 44px; text-align: right; }\n\n\/* Provinsi bars *\/\n.sttm-prov-row {\n  margin-bottom: 14px;\n  opacity: 0; transform: translateX(-16px);\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.sttm-prov-row.sttm-visible { opacity: 1; transform: translateX(0); }\n.sttm-prov-header {\n  display: flex; justify-content: space-between; align-items: center;\n  margin-bottom: 6px;\n}\n.sttm-prov-name { font-size: 12px; font-weight: 700; color: var(--white); }\n.sttm-prov-count {\n  font-family: 'Playfair Display', serif;\n  font-size: 16px; font-weight: 700; color: var(--gold-light);\n}\n.sttm-prov-track {\n  height: 8px; background: rgba(255,255,255,0.06);\n  border-radius: 4px; overflow: hidden; margin-bottom: 3px;\n}\n.sttm-prov-fill {\n  height: 100%; border-radius: 4px;\n  background: linear-gradient(90deg, var(--gold-bright), var(--gold-light));\n  width: 0%; transition: width 1.2s cubic-bezier(0.4,0,0.2,1);\n}\n.sttm-prov-pct { font-size: 10px; color: var(--text-muted); text-align: right; }\n\n\/* \u2550\u2550 TREND CHART \u2550\u2550 *\/\n.sttm-trend {\n  padding: 32px 36px;\n  border-bottom: 1px solid var(--border);\n  background: rgba(255,255,255,0.01);\n}\n.sttm-chart-wrap { position: relative; height: 200px; }\n.sttm-chart-legend {\n  display: flex; gap: 20px; justify-content: center; margin-top: 14px;\n}\n.sttm-chart-legend span {\n  display: flex; align-items: center; gap: 6px;\n  font-size: 11px; font-weight: 700;\n  color: var(--text-muted); letter-spacing: 0.5px;\n}\n.sttm-legend-line { width: 24px; height: 3px; border-radius: 2px; display: inline-block; }\n\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\n.sttm-footer {\n  background: linear-gradient(135deg, var(--navy-deep), var(--navy-mid));\n  padding: 16px 52px;\n  display: flex; justify-content: space-between; align-items: center;\n  flex-wrap: wrap; gap: 8px;\n}\n.sttm-footer-note { font-size: 11px; color: var(--text-muted); }\n.sttm-footer-tag { font-size: 11px; font-weight: 700; color: var(--gold-bright); letter-spacing: 1px; }\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media (max-width: 700px) {\n  .sttm-header, .sttm-footer { padding-left: 24px; padding-right: 24px; }\n  .sttm-stats-row { grid-template-columns: 1fr 1fr; }\n  .sttm-stat-card:nth-child(2) { border-right: none; }\n  .sttm-stat-card:nth-child(3) { border-right: 1px solid var(--border); }\n  .sttm-middle { grid-template-columns: 1fr; }\n  .sttm-panel-left { border-right: none; border-bottom: 1px solid var(--border); }\n  .sttm-panel { padding: 24px 20px; }\n  .sttm-trend { padding: 24px 20px; }\n}\n@media (max-width: 480px) {\n  .sttm-stats-row { grid-template-columns: 1fr; }\n  .sttm-stat-card { border-right: none !important; border-bottom: 1px solid var(--border); }\n  .sttm-stat-card:last-child { border-bottom: none; }\n}\n<\/style>\n\n<!-- \u2550\u2550 MARKUP \u2550\u2550 -->\n<div class=\"sttm-wrap\">\n\n  <div class=\"sttm-gold-rule\"><\/div>\n\n  <!-- HEADER -->\n  <div class=\"sttm-header\">\n    <div class=\"sttm-header-inner\">\n\n      <div class=\"sttm-brand-row\">\n        <div class=\"sttm-logo\">STT<\/div>\n        <div>\n          <div class=\"sttm-brand-eyebrow\">Sekolah Tinggi Teologi<\/div>\n          <div class=\"sttm-brand-name\">Salem Malang &nbsp;\u00b7&nbsp; Data Mahasiswa Aktif<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sttm-title\">Mahasiswa STT Salem:<br><em>Terpanggil<\/em> dari Berbagai Penjuru<\/div>\n      <div class=\"sttm-subtitle\">Rekap jumlah, komposisi gender, dan persebaran asal daerah mahasiswa aktif \u00b7 TA 2022\u20132025<\/div>\n\n      <div class=\"sttm-chips\">\n        <div class=\"sttm-chip\">125 Mahasiswa<\/div>\n        <div class=\"sttm-chip\">3 Tahun Akademik<\/div>\n        <div class=\"sttm-chip\">7 Provinsi Asal<\/div>\n      <\/div>\n\n      <div class=\"sttm-filter-row\">\n        <button class=\"sttm-filter-btn active\" onclick=\"sttmSetYear('all',this)\">Semua Tahun<\/button>\n        <button class=\"sttm-filter-btn\" onclick=\"sttmSetYear('2022',this)\">2022\u20132023<\/button>\n        <button class=\"sttm-filter-btn\" onclick=\"sttmSetYear('2023',this)\">2023\u20132024<\/button>\n        <button class=\"sttm-filter-btn\" onclick=\"sttmSetYear('2024',this)\">2024\u20132025<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- STAT CARDS -->\n  <div class=\"sttm-stats-row\">\n    <div class=\"sttm-stat-card\" id=\"sttm-sc1\">\n      <div class=\"sttm-card-label\">Total Mahasiswa<\/div>\n      <div class=\"sttm-card-num\" id=\"sttm-n-total\">125<\/div>\n      <div class=\"sttm-card-desc\" id=\"sttm-d-total\">3 tahun akademik<\/div>\n    <\/div>\n    <div class=\"sttm-stat-card\" id=\"sttm-sc2\">\n      <div class=\"sttm-card-label\">Laki-laki<\/div>\n      <div class=\"sttm-card-num\" id=\"sttm-n-l\">61<\/div>\n      <div class=\"sttm-card-desc\" id=\"sttm-d-l\">48,8% dari total<\/div>\n    <\/div>\n    <div class=\"sttm-stat-card\" id=\"sttm-sc3\">\n      <div class=\"sttm-card-label\">Perempuan<\/div>\n      <div class=\"sttm-card-num\" id=\"sttm-n-p\">64<\/div>\n      <div class=\"sttm-card-desc\" id=\"sttm-d-p\">51,2% dari total<\/div>\n    <\/div>\n    <div class=\"sttm-stat-card\" id=\"sttm-sc4\">\n      <div class=\"sttm-card-label\">Provinsi Asal<\/div>\n      <div class=\"sttm-card-num\" id=\"sttm-n-prov\">7<\/div>\n      <div class=\"sttm-card-desc\" id=\"sttm-d-prov\">provinsi di Indonesia<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MIDDLE -->\n  <div class=\"sttm-middle\">\n\n    <!-- Gender Donut -->\n    <div class=\"sttm-panel sttm-panel-left\">\n      <div class=\"sttm-section-title\">Komposisi Gender<\/div>\n      <div class=\"sttm-donut-wrap\">\n        <div class=\"sttm-donut-svg-container\" id=\"sttm-donut-container\">\n          <!-- r=54 \u2192 circ = 2\u03c0\u00d754 \u2248 339.3 -->\n          <svg class=\"sttm-donut-svg\" viewBox=\"0 0 170 170\">\n            <circle cx=\"85\" cy=\"85\" r=\"54\" fill=\"none\"\n              stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"26\"\/>\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttm-donut-ring\"\n              id=\"sttm-dl\" stroke=\"#D4A017\"\/>\n            <circle cx=\"85\" cy=\"85\" r=\"54\" class=\"sttm-donut-ring\"\n              id=\"sttm-dp\" stroke=\"#2980B9\"\/>\n          <\/svg>\n          <div class=\"sttm-donut-center\">\n            <span class=\"sttm-donut-big\" id=\"sttm-donut-num\">125<\/span>\n            <span class=\"sttm-donut-small\">mahasiswa<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"sttm-legend\">\n          <div class=\"sttm-leg-row\">\n            <div class=\"sttm-leg-dot\" style=\"background:#D4A017;\"><\/div>\n            <div class=\"sttm-leg-label\">Laki-laki<\/div>\n            <div class=\"sttm-leg-val\" id=\"sttm-lg-lval\">61<\/div>\n            <div class=\"sttm-leg-pct\" id=\"sttm-lg-lpct\">48,8%<\/div>\n          <\/div>\n          <div class=\"sttm-leg-row\">\n            <div class=\"sttm-leg-dot\" style=\"background:#2980B9;\"><\/div>\n            <div class=\"sttm-leg-label\">Perempuan<\/div>\n            <div class=\"sttm-leg-val\" id=\"sttm-lg-pval\">64<\/div>\n            <div class=\"sttm-leg-pct\" id=\"sttm-lg-ppct\">51,2%<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Provinsi Bars -->\n    <div class=\"sttm-panel\">\n      <div class=\"sttm-section-title\">Provinsi Asal<\/div>\n      <div id=\"sttm-prov-list\"><\/div>\n    <\/div>\n\n  <\/div><!-- \/sttm-middle -->\n\n  <!-- TREND CHART -->\n  <div class=\"sttm-trend\">\n    <div class=\"sttm-section-title\">Tren Mahasiswa per Tahun Akademik<\/div>\n    <div class=\"sttm-chart-wrap\">\n      <canvas id=\"sttm-chart\"><\/canvas>\n    <\/div>\n    <div class=\"sttm-chart-legend\">\n      <span><span class=\"sttm-legend-line\" style=\"background:#D4A017;\"><\/span>Laki-laki<\/span>\n      <span><span class=\"sttm-legend-line\" style=\"background:#2980B9;\"><\/span>Perempuan<\/span>\n      <span><span class=\"sttm-legend-line\" style=\"background:rgba(240,192,64,0.35);\"><\/span>Total<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <div class=\"sttm-footer\">\n    <div class=\"sttm-footer-note\">Sumber: Rekap mahasiswa aktif STT Salem Malang \u00b7 TA 2022\u20132023, 2023\u20132024, 2024\u20132025<\/div>\n    <div class=\"sttm-footer-tag\">Data Akademik \u00b7 IAPS 5.0 \u00b7 BAN-PT<\/div>\n  <\/div>\n\n  <div class=\"sttm-gold-rule\"><\/div>\n\n<\/div><!-- \/sttm-wrap -->\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<script>\n(function() {\n\n  var DATA = {\n    all:  { total:125, l:61,  p:64,  desc:'3 tahun akademik', nprov:7,\n      prov:{ 'Sumatera Utara':54,'Kalimantan Barat':32,'NTT':17,'Sulawesi Tengah':15,'Jawa Barat':3,'Sulawesi Barat':2,'Sumatera Barat':2 }},\n    2022: { total:42,  l:19,  p:23,  desc:'TA 2022\u20132023', nprov:5,\n      prov:{ 'Sumatera Utara':23,'Kalimantan Barat':10,'Sulawesi Tengah':4,'NTT':4,'Jawa Barat':1 }},\n    2023: { total:40,  l:22,  p:18,  desc:'TA 2023\u20132024', nprov:7,\n      prov:{ 'Sumatera Utara':16,'Kalimantan Barat':10,'Sulawesi Tengah':6,'NTT':5,'Jawa Barat':1,'Sulawesi Barat':1,'Sumatera Barat':1 }},\n    2024: { total:43,  l:20,  p:23,  desc:'TA 2024\u20132025', nprov:7,\n      prov:{ 'Sumatera Utara':15,'Kalimantan Barat':12,'NTT':8,'Sulawesi Tengah':5,'Jawa Barat':1,'Sulawesi Barat':1,'Sumatera Barat':1 }},\n  };\n\n  function pct(n, total) {\n    return ((n \/ total) * 100).toFixed(1).replace('.', ',') + '%';\n  }\n\n  \/* DONUT \u2014 circ 339.3, r=54 *\/\n  function updateDonut(l, p, total) {\n    var circ = 339.3;\n    var lLen = circ * (l \/ total);\n    var pLen = circ * (p \/ total);\n    var dl = document.getElementById('sttm-dl');\n    var dp = document.getElementById('sttm-dp');\n    dl.style.strokeDasharray = lLen + ' ' + (circ - lLen);\n    dl.style.strokeDashoffset = '0';\n    dp.style.strokeDasharray = pLen + ' ' + (circ - pLen);\n    dp.style.strokeDashoffset = -lLen;\n    document.getElementById('sttm-donut-num').textContent = total;\n  }\n\n  \/* PROV LIST *\/\n  function buildProvList(provObj, total) {\n    var entries = Object.entries(provObj).sort(function(a,b){ return b[1]-a[1]; });\n    var maxVal = entries[0][1];\n    var html = '';\n    entries.forEach(function(e, i) {\n      var name = e[0], n = e[1];\n      var tw = Math.round(n \/ maxVal * 100);\n      html += '<div class=\"sttm-prov-row\" style=\"transition-delay:' + (i*60) + 'ms\">' +\n        '<div class=\"sttm-prov-header\">' +\n          '<span class=\"sttm-prov-name\">' + name + '<\/span>' +\n          '<span class=\"sttm-prov-count\">' + n + '<\/span>' +\n        '<\/div>' +\n        '<div class=\"sttm-prov-track\"><div class=\"sttm-prov-fill\" data-target=\"' + tw + '\"><\/div><\/div>' +\n        '<div class=\"sttm-prov-pct\">' + pct(n, total) + ' dari total<\/div>' +\n      '<\/div>';\n    });\n    document.getElementById('sttm-prov-list').innerHTML = html;\n  }\n\n  function animateProvBars() {\n    setTimeout(function() {\n      document.querySelectorAll('.sttm-prov-fill').forEach(function(el) {\n        el.style.width = el.getAttribute('data-target') + '%';\n      });\n      document.querySelectorAll('.sttm-prov-row').forEach(function(el) {\n        el.classList.add('sttm-visible');\n      });\n    }, 100);\n  }\n\n  \/* YEAR SWITCH *\/\n  window.sttmSetYear = function(year, btn) {\n    document.querySelectorAll('.sttm-filter-btn').forEach(function(b) { b.classList.remove('active'); });\n    btn.classList.add('active');\n    var d = DATA[year];\n\n    document.getElementById('sttm-n-total').textContent = d.total;\n    document.getElementById('sttm-d-total').textContent = d.desc;\n    document.getElementById('sttm-n-l').textContent = d.l;\n    document.getElementById('sttm-d-l').textContent = pct(d.l, d.total) + ' dari total';\n    document.getElementById('sttm-n-p').textContent = d.p;\n    document.getElementById('sttm-d-p').textContent = pct(d.p, d.total) + ' dari total';\n    document.getElementById('sttm-n-prov').textContent = d.nprov;\n    document.getElementById('sttm-d-prov').textContent = d.nprov + ' provinsi terwakili';\n\n    updateDonut(d.l, d.p, d.total);\n    document.getElementById('sttm-lg-lval').textContent = d.l;\n    document.getElementById('sttm-lg-lpct').textContent = pct(d.l, d.total);\n    document.getElementById('sttm-lg-pval').textContent = d.p;\n    document.getElementById('sttm-lg-ppct').textContent = pct(d.p, d.total);\n\n    buildProvList(d.prov, d.total);\n    animateProvBars();\n    updateChartHighlight(year);\n  };\n\n  \/* CHART *\/\n  var chart;\n  var yearIdx = { 2022:0, 2023:1, 2024:2 };\n\n  function buildChart() {\n    var ctx = document.getElementById('sttm-chart').getContext('2d');\n    chart = new Chart(ctx, {\n      type: 'bar',\n      data: {\n        labels: ['2022\u20132023', '2023\u20132024', '2024\u20132025'],\n        datasets: [\n          { label: 'Laki-laki', data: [19, 22, 20],\n            backgroundColor: 'rgba(212,160,23,0.82)', borderRadius: 4, borderSkipped: false },\n          { label: 'Perempuan', data: [23, 18, 23],\n            backgroundColor: 'rgba(41,128,185,0.78)', borderRadius: 4, borderSkipped: false },\n          { label: 'Total', data: [42, 40, 43], type: 'line',\n            borderColor: 'rgba(240,192,64,0.4)', backgroundColor: 'transparent',\n            borderWidth: 1.5, borderDash: [4,4], pointBackgroundColor: '#F0C040',\n            pointRadius: 4, tension: 0.35, yAxisID: 'y' }\n        ]\n      },\n      options: {\n        responsive: true, maintainAspectRatio: false,\n        plugins: {\n          legend: { display: false },\n          tooltip: {\n            backgroundColor: '#0D2760',\n            borderColor: 'rgba(212,160,23,0.3)', borderWidth: 1,\n            titleColor: '#F0C040', bodyColor: 'rgba(255,255,255,0.75)', padding: 12,\n          }\n        },\n        scales: {\n          x: { stacked: true,\n            ticks: { color: '#8A9EC0', font: { family: 'Lato', size: 12 } },\n            grid: { display: false }, border: { color: 'rgba(212,160,23,0.15)' } },\n          y: { stacked: false,\n            ticks: { color: '#8A9EC0', stepSize: 10, font: { size: 11 } },\n            grid: { color: 'rgba(212,160,23,0.07)' },\n            border: { display: false }, max: 60 }\n        }\n      }\n    });\n  }\n\n  function updateChartHighlight(year) {\n    if (!chart) return;\n    if (year === 'all') {\n      chart.data.datasets[0].backgroundColor = Array(3).fill('rgba(212,160,23,0.82)');\n      chart.data.datasets[1].backgroundColor = Array(3).fill('rgba(41,128,185,0.78)');\n    } else {\n      var idx = yearIdx[year];\n      chart.data.datasets[0].backgroundColor = [0,1,2].map(function(i){ return i===idx ? 'rgba(212,160,23,0.95)' : 'rgba(212,160,23,0.15)'; });\n      chart.data.datasets[1].backgroundColor = [0,1,2].map(function(i){ return i===idx ? 'rgba(41,128,185,0.92)' : 'rgba(41,128,185,0.12)'; });\n    }\n    chart.update();\n  }\n\n  \/* INTERSECTION OBSERVER *\/\n  var observed = new Set();\n  var io = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting || observed.has(entry.target)) return;\n      observed.add(entry.target);\n      var el = entry.target;\n      if (el.id === 'sttm-sc1') {\n        ['sttm-sc1','sttm-sc2','sttm-sc3','sttm-sc4'].forEach(function(id) {\n          var c = document.getElementById(id); if (c) c.classList.add('sttm-on');\n        });\n      }\n      if (el.id === 'sttm-donut-container') { updateDonut(61, 64, 125); }\n      if (el.id === 'sttm-prov-list') { animateProvBars(); }\n    });\n  }, { threshold: 0.2 });\n\n  \/* INIT *\/\n  buildChart();\n  buildProvList(DATA.all.prov, 125);\n\n  window.addEventListener('load', function() {\n    ['sttm-sc1','sttm-donut-container','sttm-prov-list'].forEach(function(id) {\n      var el = document.getElementById(id); if (el) io.observe(el);\n    });\n    \/* Fallback *\/\n    setTimeout(function() {\n      if (observed.size === 0) {\n        ['sttm-sc1','sttm-sc2','sttm-sc3','sttm-sc4'].forEach(function(id) {\n          var el = document.getElementById(id); if (el) el.classList.add('sttm-on');\n        });\n        updateDonut(61, 64, 125);\n        animateProvBars();\n      }\n    }, 900);\n  });\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STT Salem Malang Est. 1985 \u00b7 Malang Tentang Kami \u25be Sejarah Visi &amp; Misi Tujuan Pendidikan Akademik \u25be Program Studi Dosen Kalender Akademik Penerimaan \u25be Syarat Pendaftaran Prosedur Beasiswa Riset &amp; Publikasi \u25be E-Journal Kemahasiswaan \u25be Galeri Alumni Akreditasi \u25be Laporan Tracer Study Berita Kontak \/ Pengaduan Masyarakat Daftar Sekarang Tentang Kami Sejarah Visi &amp; &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\"> <span class=\"screen-reader-text\">Akreditasi<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"disabled","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2651","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Akreditasi STT Salem\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"STT Salem | Competency, Capability, Character\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Akreditasi | STT Salem\" \/>\n\t\t<meta property=\"og:description\" content=\"Akreditasi STT Salem\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-05T01:02:23+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-03T03:33:47+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100063675472967\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Akreditasi | STT Salem\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Akreditasi STT Salem\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sttsalem.ac.id\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#listItem\",\"name\":\"Akreditasi\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#listItem\",\"position\":2,\"name\":\"Akreditasi\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#organization\",\"name\":\"STT Salem STT Salem\",\"description\":\"Competency, Capability, Character Sekolah tinggi teologi Salem di Malang.\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/\",\"telephone\":\"+62895429242787\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/cropped-LOGO-Salem_png.png\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#organizationLogo\",\"width\":512,\"height\":512},\"image\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100063675472967\",\"https:\\\/\\\/www.instagram.com\\\/salemteologi\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@salemteologi\",\"https:\\\/\\\/www.youtube.com\\\/@sttsalem1985\",\"https:\\\/\\\/www.threads.com\\\/@salemteologi\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#webpage\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/\",\"name\":\"Akreditasi | STT Salem\",\"description\":\"Akreditasi STT Salem\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/akreditasi\\\/#breadcrumblist\"},\"datePublished\":\"2026-05-05T08:02:23+07:00\",\"dateModified\":\"2026-07-03T10:33:47+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#website\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/\",\"name\":\"STT Salem\",\"description\":\"Competency, Capability, Character\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Akreditasi | STT Salem","description":"Akreditasi STT Salem","canonical_url":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id#listItem","position":1,"name":"Home","item":"https:\/\/sttsalem.ac.id","nextItem":{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#listItem","name":"Akreditasi"}},{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#listItem","position":2,"name":"Akreditasi","previousItem":{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/sttsalem.ac.id\/#organization","name":"STT Salem STT Salem","description":"Competency, Capability, Character Sekolah tinggi teologi Salem di Malang.","url":"https:\/\/sttsalem.ac.id\/","telephone":"+62895429242787","logo":{"@type":"ImageObject","url":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/cropped-LOGO-Salem_png.png","@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100063675472967","https:\/\/www.instagram.com\/salemteologi\/","https:\/\/www.tiktok.com\/@salemteologi","https:\/\/www.youtube.com\/@sttsalem1985","https:\/\/www.threads.com\/@salemteologi"]},{"@type":"WebPage","@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#webpage","url":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/","name":"Akreditasi | STT Salem","description":"Akreditasi STT Salem","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/sttsalem.ac.id\/#website"},"breadcrumb":{"@id":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/#breadcrumblist"},"datePublished":"2026-05-05T08:02:23+07:00","dateModified":"2026-07-03T10:33:47+07:00"},{"@type":"WebSite","@id":"https:\/\/sttsalem.ac.id\/#website","url":"https:\/\/sttsalem.ac.id\/","name":"STT Salem","description":"Competency, Capability, Character","inLanguage":"en-US","publisher":{"@id":"https:\/\/sttsalem.ac.id\/#organization"}}]},"og:locale":"en_US","og:site_name":"STT Salem | Competency, Capability, Character","og:type":"article","og:title":"Akreditasi | STT Salem","og:description":"Akreditasi STT Salem","og:url":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/","og:image":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png","og:image:secure_url":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png","article:published_time":"2026-05-05T01:02:23+00:00","article:modified_time":"2026-07-03T03:33:47+00:00","article:publisher":"https:\/\/www.facebook.com\/profile.php?id=100063675472967","twitter:card":"summary_large_image","twitter:title":"Akreditasi | STT Salem","twitter:description":"Akreditasi STT Salem","twitter:image":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png"},"aioseo_meta_data":{"post_id":"2651","title":null,"description":"#post_title #site_title","keywords":null,"keyphrases":{"focus":{"keyphrase":"akreditasi","score":60,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-01 09:41:27","updated":"2026-07-03 03:39:43","focus_keyword":"akreditasi","additional_keywords":null,"truseo_locale":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sttsalem.ac.id\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAkreditasi\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/sttsalem.ac.id"},{"label":"Akreditasi","link":"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/"}],"_links":{"self":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/2651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=2651"}],"version-history":[{"count":95,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/2651\/revisions"}],"predecessor-version":[{"id":3423,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/2651\/revisions\/3423"}],"wp:attachment":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=2651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}