{"id":76,"date":"2025-03-02T12:04:41","date_gmt":"2025-03-02T12:04:41","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/home\/"},"modified":"2026-04-16T19:51:08","modified_gmt":"2026-04-16T19:51:08","slug":"home","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/","title":{"rendered":"Selamat Datang&#8230;"},"content":{"rendered":"\n<div class=\"lpm-running-text-container\">\n    <div class=\"lpm-scroll-text\">\n        <span> \n            \ud83d\udce2 Update!\n            | \ud83d\udcdd Pengajuan SOP\/Formulir di menu Pelaksanaan. \n            | \ud83d\udcc2 IAPS Farmasi tersedia di menu Dokumen Akreditasi\/SPME.\n            | \ud83d\udcc2 Dokumen SPMI di menu Penetapan\/Dokumen Mutu.\n            | \ud83d\udd0d Audit Mutu Internal (AMI) dimulai September. \n        <\/span>\n    <\/div>\n<\/div>\n\n<style>\n\/* Gaya Container Utama *\/\n.lpm-running-text-container {\n    display: flex;\n    align-items: center;\n    background: #f8f9fa;\n    border: 1px solid #0073aa;\n    border-radius: 5px;\n    overflow: hidden;\n    font-family: Arial, sans-serif;\n    margin-bottom: 15px;\n}\n\n\/* Area Teks Berjalan *\/\n.lpm-scroll-text {\n    flex: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    padding: 8px 0;\n}\n\n.lpm-scroll-text span {\n    display: inline-block;\n    padding-left: 100%;\n    \/* DIUBAH: Dari 25s menjadi 20s untuk mempercepat pergerakan *\/\n    animation: lpm-marquee 20s linear infinite; \n    color: #333;\n    font-size: 14px;\n}\n\n\/* Animasi Pergerakan *\/\n@keyframes lpm-marquee {\n    0%   { transform: translate(0, 0); }\n    100% { transform: translate(-100%, 0); }\n}\n\n\/* Berhenti saat kursor diarahkan (Hover) *\/\n.lpm-scroll-text:hover span {\n    animation-play-state: paused;\n    cursor: default;\n}\n<\/style>\n\n\n\n<section class=\"ppepp-title-container\">\n    <h4 class=\"ppepp-main-title\">Dokumen Siklus PPEPP<\/h4>\n<\/section>\n\n<div class=\"ppepp-container\">\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-mutu\/\" class=\"ppepp-item p1\">\n    <div class=\"ppepp-box\">P<\/div>\n    <div class=\"ppepp-label scramble-text\" data-value=\"Penetapan\">Penetapan<\/div>\n  <\/a>\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pelaksanaan\/\" class=\"ppepp-item p2\">\n    <div class=\"ppepp-box\">P<\/div>\n    <div class=\"ppepp-label scramble-text\" data-value=\"Pelaksanaan\">Pelaksanaan<\/div>\n  <\/a>\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-monev-dan-ami\/\" class=\"ppepp-item e\">\n    <div class=\"ppepp-box\">E<\/div>\n    <div class=\"ppepp-label scramble-text\" data-value=\"Evaluasi\">Evaluasi<\/div>\n  <\/a>\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/rapat-tinjauan-manajemen-dan-rencana-tindak-lanjut\/\" class=\"ppepp-item p3\">\n    <div class=\"ppepp-box\">P<\/div>\n    <div class=\"ppepp-label scramble-text\" data-value=\"Pengendalian\">Pengendalian<\/div>\n  <\/a>\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/benchmarking\/\" class=\"ppepp-item p4\">\n    <div class=\"ppepp-box\">P<\/div>\n    <div class=\"ppepp-label scramble-text\" data-value=\"Peningkatan\">Peningkatan<\/div>\n  <\/a>\n<\/div>\n\n<style>\n    \/* Style Judul Utama *\/\n    .ppepp-title-container {\n        font-family: Arial, sans-serif;\n        padding: 20px 0 0 0;\n        text-align: center;\n        background-color: transparent;\n    }\n\n    .ppepp-main-title {\n        color: #004a80; \n        font-size: 24px;\n        font-weight: bold;\n        margin: 0;\n        display: inline-block;\n        border-bottom: 3px solid #f9c300; \n        padding-bottom: 5px;\n    }\n\n    \/* Style Container & Item *\/\n    @keyframes fadeInUp { \n        from { opacity: 0; transform: translateY(30px); } \n        to { opacity: 1; transform: translateY(0); } \n    }\n\n    .ppepp-container { \n        display: flex; \n        flex-wrap: wrap; \n        justify-content: center; \n        gap: 15px; \n        padding: 20px; \n        font-family: 'Segoe UI', Tahoma, sans-serif; \n        text-align: center; \n    }\n  \n    .ppepp-item { \n        text-decoration: none !important; \n        display: flex; \n        flex-direction: column; \n        align-items: center; \n        width: 170px; \n        animation: fadeInUp 0.6s ease-out both; \n        transition: transform 0.2s; \n    }\n    \n    .ppepp-item:hover { \n        transform: translateY(-8px) scale(1.03); \n        z-index: 10; \n    }\n\n    \/* Delay Animasi Awal *\/\n    .p1 { animation-delay: 0.1s; } \n    .p2 { animation-delay: 0.2s; } \n    .e { animation-delay: 0.3s; } \n    .p3 { animation-delay: 0.4s; } \n    .p4 { animation-delay: 0.5s; }\n\n    .ppepp-box { \n        width: 150px; \n        height: 150px; \n        border-radius: 25px; \n        display: flex; \n        justify-content: center; \n        align-items: center; \n        font-size: 90px; \n        font-weight: bold; \n        color: #fff; \n        margin-bottom: 12px; \n        box-shadow: 0 6px 10px rgba(0,0,0,0.15); \n        transition: background 0.3s; \n    }\n    \n    .ppepp-label { \n        font-weight: bold; \n        font-size: 16px; \n        text-transform: uppercase; \n        letter-spacing: 0.8px; \n        line-height: 1.2; \n        min-height: 1.2em; \n    }\n\n    \/* Skema Warna Box & Label *\/\n    .p1 .ppepp-box { background: #F00; } .p1 .ppepp-label { color: #F00; } .p1:hover .ppepp-box { background: #C00; }\n    .p2 .ppepp-box { background: #4472C4; } .p2 .ppepp-label { color: #4472C4; } .p2:hover .ppepp-box { background: #2F5597; }\n    .e .ppepp-box { background: #70AD47; } .e .ppepp-label { color: #70AD47; } .e:hover .ppepp-box { background: #548235; }\n    .p3 .ppepp-box { background: #FFC000; } .p3 .ppepp-label { color: #FFC000; } .p3:hover .ppepp-box { background: #E2A900; }\n    .p4 .ppepp-box { background: #C00000; } .p4 .ppepp-label { color: #C00000; } .p4:hover .ppepp-box { background: #800000; }\n\n    \/* Responsivitas Mobile *\/\n    @media (max-width: 768px) {\n        .ppepp-item { width: 120px; }\n        .ppepp-box { width: 100px; height: 100px; font-size: 55px; border-radius: 18px; }\n        .ppepp-label { font-size: 13px; }\n    }\n<\/style>\n\n<script>\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n  const labels = document.querySelectorAll('.scramble-text');\n  let currentLabelIndex = 0;\n\n  function scramble(element) {\n    const originalText = element.dataset.value;\n    let iteration = 0;\n    let interval = null;\n\n    clearInterval(interval);\n\n    interval = setInterval(() => {\n      element.innerText = originalText\n        .split(\"\")\n        .map((letter, index) => {\n          if (index < iteration) {\n            return originalText[index];\n          }\n          return chars[Math.floor(Math.random() * 26)];\n        })\n        .join(\"\");\n\n      if (iteration >= originalText.length) {\n        clearInterval(interval);\n      }\n\n      iteration += 1 \/ 3; \n    }, 40); \n  }\n\n  function startContinuousLoop() {\n    scramble(labels[currentLabelIndex]);\n    currentLabelIndex = (currentLabelIndex + 1) % labels.length;\n    setTimeout(startContinuousLoop, 2500);\n  }\n\n  window.addEventListener('DOMContentLoaded', () => {\n    setTimeout(startContinuousLoop, 1000);\n  });\n<\/script>\n\n\n\n<div class=\"news-slider-outer-container\">\n    <div style=\"text-align: center; padding-top: 20px;\">\n        <h4 class=\"news-main-title\">Berita LPM<\/h4>\n    <\/div>\n\n    <div class=\"news-slider-container\">\n        <div class=\"news-slider\" id=\"newsSlider\">\n            <div style=\"padding: 30px; text-align: center; width: 100%; color: #94a3b8; font-size: 12px;\">Memuat berita terbaru&#8230;<\/div>\n        <\/div>\n\n        <div class=\"slider-controls\">\n            <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(-1)\" aria-label=\"Previous\">\n                <span class=\"nav-symbol\">&lt;&lt;<\/span>\n            <\/button>\n            \n            <div class=\"dots-container\" id=\"dotsContainer\"><\/div>\n            \n            <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(1)\" aria-label=\"Next\">\n                <span class=\"nav-symbol\">&gt;&gt;<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* Format Judul yang disamakan dengan Tautan Terkait *\/\n    .news-main-title {\n        color: #004a80;\n        font-size: 24px;\n        font-weight: bold;\n        margin-bottom: 10px;\n        display: inline-block;\n        border-bottom: 3px solid #f9c300; \/* Garis kuning di bawah judul *\/\n        padding-bottom: 5px;\n        font-family: Arial, sans-serif;\n    }\n\n    .news-slider-container {\n        position: relative;\n        max-width: 700px;\n        margin: 10px auto 30px; \/* Jarak bawah disesuaikan *\/\n        overflow: hidden;\n        border-radius: 12px;\n        background: #fff;\n        border: 1px solid #eee;\n        font-family: 'Inter', sans-serif;\n    }\n\n    .news-slider {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .news-slide {\n        min-width: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .news-slide img {\n        width: 100%;\n        height: 280px;\n        object-fit: cover;\n    }\n\n    .news-caption {\n        padding: 15px 20px;\n        background: #fff;\n    }\n\n    .news-caption h3 { \n        margin: 0 0 6px; \n        font-size: 14px; \n        line-height: 1.4;\n        font-weight: 600;\n        color: #334155;\n        text-transform: none;\n    }\n    \n    .news-caption p { \n        margin: 0 0 12px; \n        font-size: 12px;\n        line-height: 1.5;\n        color: #64748b;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .read-more {\n        display: inline-block;\n        padding: 6px 14px;\n        background: #003a63; \n        color: #fff !important;\n        text-decoration: none !important;\n        border-radius: 6px;\n        font-size: 11px;\n        font-weight: 500;\n        transition: background 0.2s;\n    }\n\n    .read-more:hover {\n        background: #002a47; \n    }\n\n    .slider-controls {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 15px;\n        border-top: 1px solid #f8fafc;\n    }\n\n    .nav-btn.btn-visible {\n        background: #003a63; \n        border: none;\n        width: 40px;\n        height: 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        border-radius: 8px;\n        box-shadow: 0 2px 5px rgba(0, 58, 99, 0.2);\n        transition: 0.2s;\n    }\n\n    .nav-symbol {\n        color: #ffffff;\n        font-size: 14px;\n        font-weight: bold;\n        letter-spacing: -1px;\n    }\n\n    .nav-btn.btn-visible:hover {\n        background: #002a47; \n        transform: scale(1.05);\n    }\n\n    .dots-container {\n        display: flex;\n        gap: 6px;\n    }\n\n    .dot {\n        height: 6px; \n        width: 6px;\n        background-color: #e2e8f0; \n        border-radius: 50%;\n        cursor: pointer;\n    }\n\n    .dot.active { \n        background-color: #003a63; \n        width: 12px; \n        border-radius: 4px; \n    }\n\n    @media (max-width: 600px) {\n        .news-slide img { height: 180px; }\n        .news-caption h3 { font-size: 13px; }\n    }\n<\/style>\n\n<script>\n    let currentSlide = 0;\n    let totalSlides = 0;\n    const slider = document.getElementById('newsSlider');\n    const dotsContainer = document.getElementById('dotsContainer');\n\n    async function fetchNews() {\n        try {\n            const response = await fetch('https:\/\/lpm.stikes-hi.ac.id\/wp-json\/wp\/v2\/posts?_embed&per_page=5');\n            const posts = await response.json();\n\n            if (posts.length > 0) {\n                slider.innerHTML = '';\n                totalSlides = posts.length;\n\n                posts.forEach((post, i) => {\n                    const imageUrl = post._embedded['wp:featuredmedia'] \n                        ? post._embedded['wp:featuredmedia'][0].source_url \n                        : 'https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=LPM+STIKES-HI';\n                    \n                    const cleanTitle = post.title.rendered.replace(\/&nbsp;\/g, ' ').replace(\/&amp;\/g, '&');\n                    const excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '').substring(0, 80) + '...';\n\n                    const slide = document.createElement('div');\n                    slide.classList.add('news-slide');\n                    slide.innerHTML = `\n                        <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${cleanTitle}\">\n                        <div class=\"news-caption\">\n                            <h3>${cleanTitle}<\/h3>\n                            <p>${excerpt}<\/p>\n                            <a href=\"${post.link}\" class=\"read-more\" target=\"_blank\">Baca Selengkapnya<\/a>\n                        <\/div>\n                    `;\n                    slider.appendChild(slide);\n\n                    const dot = document.createElement('span');\n                    dot.classList.add('dot');\n                    if (i === 0) dot.classList.add('active');\n                    dot.onclick = () => goToSlide(i);\n                    dotsContainer.appendChild(dot);\n                });\n            }\n        } catch (error) {\n            slider.innerHTML = '<div style=\"padding: 30px; text-align: center; width: 100%; font-size:11px;\">Gagal memuat berita.<\/div>';\n        }\n    }\n\n    function updateDots() {\n        document.querySelectorAll('.dot').forEach((dot, i) => {\n            dot.classList.toggle('active', i === currentSlide);\n        });\n    }\n\n    function moveSlide(step) {\n        if (totalSlides === 0) return;\n        currentSlide = (currentSlide + step + totalSlides) % totalSlides;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    function goToSlide(index) {\n        currentSlide = index;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    fetchNews();\n    setInterval(() => moveSlide(1), 8000);\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        :root {\n            --white: #ffffff;\n            --slate-200: #e2e8f0;\n            \/* Tema Warna disamakan dengan HTML ke-2 *\/\n            --navy-stikes: #1e3a8a; \n            --bg-biru-tua: #003a63;  \n            --kuning-stikes: #f9c300;\n        }\n\n        \/* 1. Gaya Judul - Ukuran & Font disamakan persis dengan HTML ke-2 *\/\n        .news-title-container {\n            font-family: Arial, sans-serif;\n            padding: 20px 0 10px 0;\n            text-align: center;\n            background-color: transparent;\n            width: 100%;\n            display: block;\n            clear: both;\n        }\n\n        .news-main-title {\n            color: #004a80; \/* Warna biru judul sama *\/\n            font-size: 24px; \/* Ukuran sama dengan spme-main-title *\/\n            font-weight: bold;\n            margin: 0;\n            display: inline-block;\n            border-bottom: 3px solid var(--kuning-stikes);\n            padding-bottom: 0px; \/* Padding bawah disamakan 0px *\/\n            text-transform: none;\n        }\n\n        \/* 2. Animasi Fade In Up *\/\n        @keyframes slideUpFade {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .lpm-main-container {\n            max-width: 900px;\n            margin: 10px auto 40px;\n            font-family: 'Inter', sans-serif;\n            opacity: 0;\n            padding: 0 15px;\n        }\n\n        .lpm-main-container.is-visible {\n            animation: slideUpFade 0.6s ease-out forwards;\n        }\n\n        \/* 3. Desain Tombol Solid - Warna disamakan dengan tema gelap HTML ke-2 *\/\n        .btn-news-card {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            box-sizing: border-box;\n            background-color: var(--bg-biru-tua); \/* Menggunakan warna background biru tua HTML 2 *\/\n            color: var(--white) !important;\n            text-decoration: none !important;\n            padding: 15px 20px;\n            border: none;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n            text-transform: none;\n            letter-spacing: 0.3px;\n        }\n\n        .btn-news-card:hover {\n            background-color: var(--navy-stikes); \/* Warna hover lebih terang sedikit *\/\n            transform: translateY(-3px);\n            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        @media (max-width: 768px) {\n            .news-main-title { font-size: 20px; }\n            .btn-news-card { font-size: 14px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"news-title-container\">\n    <h4 class=\"news-main-title\">Informasi Publik<\/h4>\n<\/section>\n\n<div class=\"lpm-main-container\" id=\"lpmObserverTarget\">\n    \n    <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/profil-lpm\/\" class=\"btn-news-card\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 12px;\">\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n        <\/svg>\n        Profil LPM\n    <\/a>\n\n    <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pusat-survei\/\" class=\"btn-news-card\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 12px;\">\n            <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path>\n            <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect>\n            <line x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"><\/line>\n            <line x1=\"9\" y1=\"16\" x2=\"15\" y2=\"16\"><\/line>\n            <line x1=\"9\" y1=\"8\" x2=\"10\" y2=\"8\"><\/line>\n        <\/svg>\n        Survei Kepuasan Stakeholder\n    <\/a>\n\n<\/div>\n\n<script>\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.2 });\n\n    document.addEventListener('DOMContentLoaded', () => {\n        const target = document.getElementById('lpmObserverTarget');\n        if(target) observer.observe(target);\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<section class=\"spme-title-container\">\n    <h4 class=\"spme-main-title\">Rekapitulasi Akreditasi<\/h4>\n<\/section>\n\n<div class=\"lpm-carousel-container\">\n    <div class=\"lpm-carousel-header\">\n        <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/spme\/\" class=\"btn-spme-document\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px; vertical-align: middle;\">\n                <path d=\"M12 15l-2 5L9 9l11 4-5 2zm0 0l2 5 3-11-11 4 5 2z\"><\/path>\n                <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\n                <circle cx=\"12\" cy=\"8\" r=\"3\"><\/circle>\n            <\/svg>\n            Sertifikat Akreditasi\n        <\/a>\n    <\/div>\n\n    <div class=\"lpm-carousel-wrapper\" id=\"lpmCarousel\">\n        <div class=\"lpm-card-mini is-institusi\" data-date=\"2028-06-06\">\n            <div>\n                <span class=\"tag-jn\">Institusi<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-institusi)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">STIKES HI<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 06\/06\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-farmasi\" data-date=\"2027-08-11\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-farmasi)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Farmasi<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 11\/08\/2027<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-keperawatan\" data-date=\"2028-12-07\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-perawat)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Keperawatan<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 07\/12\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-ners\" data-date=\"2028-12-07\">\n            <div>\n                <span class=\"tag-jn\">Profesi<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-perawat)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Ners<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 07\/12\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-kesmas\" data-date=\"2029-11-01\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: #a16207\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Kesmas<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 01\/11\/2029<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* 1. Gaya Judul Rekapitulasi *\/\n    .spme-title-container {\n        font-family: Arial, sans-serif;\n        padding: 20px 0 10px 0; \/* Memberi sedikit ruang atas\/bawah *\/\n        text-align: center;\n        background-color: transparent;\n        width: 100%;\n        display: block;\n        clear: both;\n    }\n\n    .spme-main-title {\n        color: #004a80; \n        font-size: 24px;\n        font-weight: bold;\n        margin: 0;\n        display: inline-block;\n        border-bottom: 3px solid #f9c300; \n        padding-bottom: 0px;\n    }\n\n    \/* 2. Gaya Kontainer Korsel & Kartu *\/\n    :root {\n        --white: #ffffff;\n        --slate-500: #64748b;\n        --slate-900: #0f172a;\n        --danger-bold: #b91c1c;\n        --color-institusi: #6b21a8; \n        --color-farmasi: #1e40af;   \n        --color-perawat: #15803d;   \n        --color-kesmas: #eab308;    \n        --navy-stikes: #1e3a8a; \n        --bg-biru-tua: #003a63;  \n    }\n\n    .lpm-carousel-container {\n        width: 100%;\n        max-width: 100% !important;\n        margin: 0 !important;\n        padding: 30px 0;\n        background-color: var(--bg-biru-tua);\n        overflow: hidden;\n        position: relative;\n        font-family: 'Inter', sans-serif;\n        line-height: 1;\n        border-radius: 0 !important;\n    }\n\n    .btn-spme-document {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        box-sizing: border-box;\n        background-color: var(--white) !important;\n        color: var(--bg-biru-tua) !important;\n        text-decoration: none !important;\n        padding: 12px 14px;\n        border: none;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 700;\n        transition: all 0.3s ease;\n        margin-bottom: 15px;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    }\n\n    .btn-spme-document:hover {\n        background-color: #f8fafc !important;\n        transform: translateY(-2px);\n    }\n\n    .lpm-carousel-header {\n        padding: 0 15px;\n        max-width: 1000px;\n        margin: 0 auto 5px;\n        box-sizing: border-box;\n    }\n\n    .lpm-carousel-wrapper {\n        display: flex;\n        gap: 15px;\n        overflow-x: auto;\n        padding: 10px 15px;\n        scrollbar-width: none; \n        -ms-overflow-style: none;\n    }\n\n    .lpm-carousel-wrapper::-webkit-scrollbar { display: none; }\n\n    .lpm-card-mini {\n        min-width: 160px;\n        background: var(--white);\n        border: none;\n        border-radius: 12px;\n        padding: 12px;\n        flex-shrink: 0;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n        position: relative;\n    }\n\n    .is-institusi { border-top: 5px solid var(--color-institusi); }\n    .is-farmasi { border-top: 5px solid var(--color-farmasi); }\n    .is-keperawatan, .is-ners { border-top: 5px solid var(--color-perawat); }\n    .is-kesmas { border-top: 5px solid var(--color-kesmas); }\n\n    .tag-jn { \n        font-size: 8px; \n        font-weight: 800; \n        color: white; \n        padding: 2px 5px; \n        border-radius: 3px; \n        text-transform: uppercase; \n        display: inline-block;\n        margin-bottom: 6px;\n    }\n    \n    .is-institusi .tag-jn { background: var(--color-institusi); }\n    .is-farmasi .tag-jn { background: var(--color-farmasi); }\n    .is-keperawatan .tag-jn, .is-ners .tag-jn { background: var(--color-perawat); }\n    .is-kesmas .tag-jn { background: var(--color-kesmas); color: #000; }\n\n    .label-akreditasi {\n        display: block;\n        font-size: 7px;\n        color: var(--slate-500);\n        text-transform: uppercase;\n        margin-bottom: 1px;\n    }\n\n    .rank-text { \n        font-size: 11px; \n        font-weight: 900; \n        display: block; \n        margin: 0;\n    }\n\n    .name-text { \n        font-size: 14px; \n        font-weight: 800; \n        margin: 4px 0 0; \n        color: var(--slate-900);\n    }\n    \n    .mini-footer { \n        border-top: 1px solid #f1f5f9; \n        margin-top: 10px; \n        padding-top: 8px; \n    }\n    .date-label { font-size: 8px; color: var(--slate-500); display: block; margin-bottom: 1px;}\n    .cd-label { font-size: 10px; font-weight: 900; color: var(--slate-900); margin: 0; }\n    \n    .urgent-box { background: var(--danger-bold) !important; border-top-color: #7f1d1d !important; }\n    .urgent-box .name-text, .urgent-box .cd-label, .urgent-box .date-label, .urgent-box .rank-text, .urgent-box .label-akreditasi { color: white !important; }\n\n    @keyframes blink { 50% { opacity: 0.3; } }\n    .top-priority::after { \n        content: \"\u26a0\ufe0f\"; \n        position: absolute; \n        top: 6px; \n        right: 6px; \n        animation: blink 1s infinite; \n        font-size: 12px; \n    }\n<\/style>\n\n<script>\n    function initLpmCarousel() {\n        const wrapper = document.getElementById('lpmCarousel');\n        if(!wrapper) return;\n        let cards = Array.from(wrapper.querySelectorAll('.lpm-card-mini'));\n        const now = new Date();\n\n        cards.forEach(card => {\n            const expiry = new Date(card.getAttribute('data-date'));\n            const cdLabel = card.querySelector('.cd-label');\n            const diffDays = Math.ceil((expiry - now) \/ (1000 * 60 * 60 * 24));\n\n            if (diffDays <= 0) {\n                cdLabel.innerText = \"EXPIRED\";\n                card.classList.add('urgent-box');\n            } else if (diffDays <= 180) {\n                cdLabel.innerText = diffDays + \" HARI LAGI\";\n                card.classList.add('urgent-box');\n            } else {\n                cdLabel.innerText = Math.floor(diffDays \/ 30.44) + \" BULAN LAGI\";\n            }\n        });\n\n        \/\/ Urutkan berdasarkan tanggal terdekat\n        cards.sort((a, b) => new Date(a.dataset.date) - new Date(b.dataset.date));\n        cards[0].classList.add('top-priority');\n        wrapper.innerHTML = '';\n        cards.forEach(card => wrapper.appendChild(card));\n\n        \/\/ Duplikasi kartu untuk efek scrolling mulus\n        const total = cards.length;\n        for(let i = 0; i < total; i++) {\n            wrapper.appendChild(cards[i].cloneNode(true));\n        }\n\n        let isPaused = false;\n        let speed = 0.8; \n\n        function animate() {\n            if (!isPaused) {\n                wrapper.scrollLeft += speed;\n                if (wrapper.scrollLeft >= (wrapper.scrollWidth \/ 2)) {\n                    wrapper.scrollLeft = 0;\n                }\n            }\n            requestAnimationFrame(animate);\n        }\n        requestAnimationFrame(animate);\n\n        wrapper.addEventListener('mouseenter', () => isPaused = true);\n        wrapper.addEventListener('mouseleave', () => isPaused = false);\n        wrapper.addEventListener('touchstart', () => isPaused = true);\n        wrapper.addEventListener('touchend', () => isPaused = false);\n    }\n    \n    \/\/ Inisialisasi saat DOM siap\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initLpmCarousel);\n    } else {\n        initLpmCarousel();\n    }\n<\/script>\n\n\n\n<section class=\"tautan-container\">\n    <h4 class=\"tautan-title\">Tautan Terkait<\/h4>\n    <div class=\"tautan-slider\" id=\"tautanSlider\">\n        \n        <a href=\"https:\/\/kemdiktisaintek.go.id\/\" target=\"_blank\" class=\"tautan-card\">\n            <div class=\"card-content\">\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9c\/Logo_of_Ministry_of_Education_and_Culture_of_Republic_of_Indonesia.svg\/250px-Logo_of_Ministry_of_Education_and_Culture_of_Republic_of_Indonesia.svg.png\" alt=\"Logo Kemendikbudsaintek\">\n                <div class=\"card-text\">\n                    <p>Kementerian Pendidikan Tinggi, Sains, dan Teknologi<\/p>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.banpt.or.id\/\" target=\"_blank\" class=\"tautan-card\">\n            <div class=\"card-content\">\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a1\/Logo_BAN_PT.png\" alt=\"Logo BAN-PT\">\n                <div class=\"card-text\">\n                    <p>Badan Akreditasi Nasional &#8211; Perguruan Tinggi<\/p>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/lamptkes.org\/\" target=\"_blank\" class=\"tautan-card\">\n            <div class=\"card-content\">\n                <img decoding=\"async\" src=\"https:\/\/lamptkes.org\/secure\/document\/unduhan\/Dokumen-30012026-1769764545.png\" alt=\"Logo LAM-PTKes\">\n                <div class=\"card-text\">\n                    <p>Lembaga Akreditasi Mandiri Pendidikan Tinggi Kesehatan<\/p>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/pddikti.kemdiktisaintek.go.id\/detail-pt\/54OOuxT2auNH2gxxQrp-Zjb9DfvCxheh9Jj3bp4rb9mDccSpPQXNFe_h4WKjLLGhfNo66Q==\" target=\"_blank\" class=\"tautan-card\">\n            <div class=\"card-content\">\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTFovQbtMTdNpQI5L7ew0SyesTZ1-XkVN9ARxNC8ySx7g&#038;s=10\" alt=\"Logo PDDikti\">\n                <div class=\"card-text\">\n                    <p>Pangkalan Data Perguruan Tinggi<\/p>\n                <\/div>\n            <\/div>\n        <\/a>\n\n    <\/div>\n<\/section>\n\n<style>\n    .tautan-container {\n        font-family: Arial, sans-serif;\n        padding: 20px 0px;\n        text-align: center;\n        background-color: #ffffff;\n    }\n\n    .tautan-title {\n        color: #004a80;\n        font-size: 24px;\n        font-weight: bold;\n        margin-bottom: 0px;\n        display: inline-block;\n        border-bottom: 3px solid #f9c300;\n        padding-bottom: 5px;\n    }\n\n    .tautan-slider {\n        display: flex;\n        overflow-x: auto;\n        gap: 20px;\n        padding: 20px 15px;\n        scroll-snap-type: x mandatory;\n        justify-content: flex-start;\n        scroll-behavior: smooth;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n\n    .tautan-slider::-webkit-scrollbar {\n        display: none;\n    }\n\n    .tautan-card {\n        flex: 0 0 auto;\n        width: 320px;\n        height: 100px;\n        text-decoration: none;\n        background: #003a63;\n        border-radius: 0px;\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        scroll-snap-align: center;\n        border: 1px solid #ddd;\n        display: flex;\n        align-items: center;\n    }\n\n    .tautan-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }\n\n    .card-content {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        width: 100%;\n    }\n\n    .card-content img {\n        width: 50px;\n        height: 50px;\n        object-fit: contain;\n        margin-right: 15px;\n        background: white;\n        padding: 5px;\n        border-radius: 50%;\n    }\n\n    .card-text {\n        text-align: left;\n        color: #ffffff; \/* Warna diubah dari kuning ke putih *\/\n        font-size: 13px;\n        font-weight: bold;\n        line-height: 1.4;\n    }\n\n    .card-text p {\n        margin: 0;\n    }\n\n    @media (max-width: 768px) {\n        .tautan-card {\n            width: 280px;\n        }\n    }\n<\/style>\n\n<script>\n    (function() {\n        const slider = document.getElementById('tautanSlider');\n        let direction = 1; \n        let isUserInteracting = false;\n        let autoScrollInterval;\n\n        function startAutoScroll() {\n            autoScrollInterval = setInterval(() => {\n                if (isUserInteracting) return;\n\n                const maxScroll = slider.scrollWidth - slider.clientWidth;\n                \n                if (slider.scrollLeft >= maxScroll - 1) {\n                    direction = -1;\n                } \n                else if (slider.scrollLeft <= 0) {\n                    direction = 1;\n                }\n\n                slider.scrollBy({\n                    left: direction * 1, \n                    behavior: 'auto'\n                });\n            }, 6000);\n        }\n\n        const stopInteraction = () => {\n            isUserInteracting = true;\n            clearTimeout(window.interactionTimeout);\n            window.interactionTimeout = setTimeout(() => {\n                isUserInteracting = false;\n            }, 3000);\n        };\n\n        slider.addEventListener('mousedown', stopInteraction);\n        slider.addEventListener('touchstart', stopInteraction, {passive: true});\n        slider.addEventListener('wheel', stopInteraction, {passive: true});\n\n        startAutoScroll();\n    })();\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* FAQ Menggunakan scope khusus agar tidak merusak CSS template utama *\/\n        .faq-lpm-scope {\n            --faq-accent: #003a63; \/* Berubah ke Biru Tua #003a63 *\/\n            --faq-bg: #ffffff;\n            --faq-text: #1e293b;\n            --faq-muted: #64748b;\n        }\n\n        \/* --- TOMBOL FAQ (KANAN) --- *\/\n        .faq-lpm-trigger {\n            position: fixed; \n            right: 0; \n            top: 55%; \n            transform: translateY(-50%);\n            background: #003a63; \/* Biru Tua #003a63 *\/\n            color: white; \n            padding: 18px 8px;\n            border-radius: 10px 0 0 10px; \n            cursor: pointer; \n            writing-mode: vertical-rl;\n            font-weight: 700; \n            letter-spacing: 1px; \n            font-family: 'Inter', sans-serif;\n            z-index: 1000; \n            box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n        }\n        \n        .faq-lpm-trigger:hover { \n            padding-right: 15px;\n            background: #002a47; \/* Warna lebih gelap untuk hover *\/\n        }\n\n        \/* --- CONTAINER CHAT --- *\/\n        .faq-lpm-container {\n            position: fixed; \n            right: 50px; \n            top: 55%; \n            transform: translateY(-50%) scale(0.5); \n            transform-origin: right center; \n            width: 360px;\n            max-height: 80vh; \n            background: #ffffff; \n            border-radius: 15px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15); \n            display: none; \n            flex-direction: column;\n            overflow: hidden; \n            z-index: 999; \n            border: 1px solid #e2e8f0;\n            font-family: 'Inter', sans-serif;\n            opacity: 0;\n            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        .faq-lpm-container.faq-open {\n            display: flex;\n            opacity: 1;\n            transform: translateY(-50%) scale(1);\n        }\n\n        .faq-lpm-header {\n            padding: 15px; \n            background: #003a63; \/* Biru Tua #003a63 *\/\n            color: #ffffff;\n            display: flex; justify-content: space-between; align-items: center;\n        }\n\n        .faq-lpm-header-text { font-size: 14px; font-weight: 600; text-transform: none; }\n        .faq-lpm-close { cursor: pointer; font-family: monospace; font-size: 18px; padding: 0 5px; }\n\n        .faq-lpm-body { padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }\n\n        .faq-lpm-item {\n            background: #ffffff; border: 1px solid #e2e8f0; padding: 12px;\n            border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 500;\n            color: #1e293b; transition: 0.2s; text-align: left;\n        }\n        .faq-lpm-item:hover { \n            border-color: #003a63; \/* Border biru tua saat hover *\/\n            background: #f0f4f8; \n        }\n\n        .faq-lpm-ans {\n            background: #f8fafc; padding: 12px; border-radius: 8px;\n            font-size: 13px; line-height: 1.6; color: #64748b;\n            border-left: 3px solid #003a63; \/* Border kiri biru tua #003a63 *\/\n            display: none; margin-top: 2px;\n        }\n\n        \/* --- PPEPP MINI STYLE --- *\/\n        .faq-lpm-link {\n            display: flex; align-items: center; gap: 10px; text-decoration: none !important;\n            margin-top: 10px; padding: 10px; border-radius: 8px; background: white;\n            border: 1px solid #f1f5f9; transition: 0.2s;\n        }\n        .faq-lpm-link:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\n\n        .faq-lpm-box {\n            width: 35px; height: 35px; border-radius: 6px; display: flex;\n            justify-content: center; align-items: center; color: white;\n            font-weight: bold; font-size: 18px; flex-shrink: 0;\n        }\n        .faq-lpm-label { font-weight: bold; font-size: 12px; color: #1e293b; text-transform: uppercase; }\n\n        .faq-red { background: #F00; } \n        .faq-blue { background: #003a63; } \/* Box biru diubah ke #003a63 *\/\n        .faq-green { background: #70AD47; } .faq-gold { background: #FFC000; } \n        .faq-darkred { background: #C00000; }\n    <\/style>\n<\/head>\n<body class=\"faq-lpm-scope\">\n\n<div class=\"faq-lpm-trigger\" onclick=\"toggleFaqLPM()\">FAQ<\/div>\n\n<div class=\"faq-lpm-container\" id=\"faqLpmBox\">\n    <div class=\"faq-lpm-header\">\n        <span class=\"faq-lpm-header-text\" id=\"faqLpmTitle\">FAQ (Tanya Jawab)<\/span>\n        <div class=\"faq-lpm-close\" onclick=\"toggleFaqLPM()\">x<\/div>\n    <\/div>\n    \n    <div class=\"faq-lpm-body\">\n        <div class=\"faq-lpm-item\" onclick=\"showFaqAns('q1')\">Di mana saya bisa melihat standar mutu?<\/div>\n        <div id=\"ans-q1\" class=\"faq-lpm-ans\">\n            Seluruh <strong>dokumen mutu,<\/strong> mulai dari Kebijakan, Manual\/Pedoman PPEPP, Standar, hingga Formulir\/Tata Cara Pendokumentasian dapat anda unduh langsung melalui menu <strong>&#8220;Penetapan&#8221;<\/strong> di website ini.\n            <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-mutu\/\" class=\"faq-lpm-link\">\n                <div class=\"faq-lpm-box faq-red\">P<\/div>\n                <div class=\"faq-lpm-label\">Buka Penetapan<\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"faq-lpm-item\" onclick=\"showFaqAns('q2')\">Bagaimana saya dapat mengunduh SOP dan formulir mutu?<\/div>\n        <div id=\"ans-q2\" class=\"faq-lpm-ans\">\n            Silahkan anda mengunduh <strong>SOP dan formulir mutu<\/strong> langsung melalui menu <strong>&#8220;Pelaksanaan&#8221;<\/strong> dan pilih cara Pendokumentasian di website ini. Gunakan fitur pencarian melalui browser anda untuk mempercepat mendapatkan file yang diinginkan.\n            <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pelaksanaan\/\" class=\"faq-lpm-link\">\n                <div class=\"faq-lpm-box faq-blue\">P<\/div>\n                <div class=\"faq-lpm-label\">Buka Pelaksanaan<\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"faq-lpm-item\" onclick=\"showFaqAns('q3')\">Berapa kali AMI akan kita laksanakan?<\/div>\n        <div id=\"ans-q3\" class=\"faq-lpm-ans\">\n            AMI (Audit Mutu Internal) dilaksanakan secara rutin minimal 1 (satu) kali dalam setahun, biasanya bulan <strong>September<\/strong> untuk mengevaluasi kinerja seluruh Program Studi dan Unit Kerja. Klik menu <strong>&#8220;Evaluasi&#8221;<\/strong> untuk melihat dokumen AMI.\n            <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-monev-dan-ami\/\" class=\"faq-lpm-link\">\n                <div class=\"faq-lpm-box faq-green\">E<\/div>\n                <div class=\"faq-lpm-label\">Buka Evaluasi<\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"faq-lpm-item\" onclick=\"showFaqAns('q4')\">Kapan RTM dan RTL dilaksanakan?<\/div>\n        <div id=\"ans-q4\" class=\"faq-lpm-ans\">\n            Rapat Tinjauan Manajemen (RTM) dilaksanakan <strong>segera mungkin<\/strong> setelah AMI. Kemudian dilanjutkan Rencana Tindak Lanjut (RTL) sebagai langkah konkret untuk memperbaiki temuan audit. Dokumen RTM dan RTL dapat diakses di menu <strong>&#8220;Pengendalian&#8221;<\/strong>.\n            <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/rapat-tinjauan-manajemen-dan-rencana-tindak-lanjut\/\" class=\"faq-lpm-link\">\n                <div class=\"faq-lpm-box faq-gold\">P<\/div>\n                <div class=\"faq-lpm-label\">Buka Pengendalian<\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"faq-lpm-item\" onclick=\"showFaqAns('q5')\">Apa itu Benchmarking?<\/div>\n        <div id=\"ans-q5\" class=\"faq-lpm-ans\">\n            Benchmarking adalah proses sistematis untuk membandingkan <strong>(Best Practice\/Praktik Baik)<\/strong> institusi lain yang lebih unggul. Laporan benchmarking dapat dilihat di menu <strong>&#8220;Peningkatan&#8221;<\/strong> sebagai inspirasi peningkatan yang berkelanjutan.\n            <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/benchmarking\/\" class=\"faq-lpm-link\">\n                <div class=\"faq-lpm-box faq-darkred\">P<\/div>\n                <div class=\"faq-lpm-label\">Buka Peningkatan<\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function toggleFaqLPM() {\n        const box = document.getElementById('faqLpmBox');\n        \n        if (box.style.display === 'none' || box.style.display === '') {\n            box.style.display = 'flex';\n            setTimeout(() => {\n                box.classList.add('faq-open');\n                runFaqScramble(document.getElementById('faqLpmTitle'));\n            }, 10);\n        } else {\n            box.classList.remove('faq-open');\n            setTimeout(() => {\n                box.style.display = 'none';\n            }, 300);\n        }\n    }\n\n    function showFaqAns(id) {\n        document.querySelectorAll('.faq-lpm-ans').forEach(el => el.style.display = 'none');\n        const target = document.getElementById('ans-' + id);\n        target.style.display = 'block';\n        target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n\n    function runFaqScramble(el) {\n        const text = \"FAQ (Tanya Jawab)\";\n        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';\n        let iter = 0;\n        const interval = setInterval(() => {\n            el.innerText = text.split(\"\").map((c, i) => {\n                if(i < iter) return text[i];\n                return chars[Math.floor(Math.random()*chars.length)];\n            }).join(\"\");\n            if(iter >= text.length) clearInterval(interval);\n            iter += 1\/3;\n        }, 30);\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udce2 Update! | \ud83d\udcdd Pengajuan SOP\/Formulir di menu Pelaksanaan. | \ud83d\udcc2 IAPS Farmasi tersedia di menu Dokumen Akreditasi\/SPME. | \ud83d\udcc2 Dokumen SPMI di menu Penetapan\/Dokumen Mutu. | \ud83d\udd0d Audit Mutu Internal (AMI) dimulai September. Dokumen Siklus PPEPP P Penetapan P &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":325,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/76\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}