{"id":347,"date":"2026-03-04T21:30:50","date_gmt":"2026-03-04T21:30:50","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/?page_id=347"},"modified":"2026-03-25T07:52:55","modified_gmt":"2026-03-25T07:52:55","slug":"benchmarking","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/benchmarking\/","title":{"rendered":"Benchmarking"},"content":{"rendered":"\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\n<style>\n    .news-slider-container {\n        position: relative;\n        max-width: 700px;\n        margin: 10px auto;\n        overflow: hidden;\n        border-radius: 12px;\n        background: #fff;\n        border: 1px solid #e2e8f0;\n        font-family: 'Inter', -apple-system, sans-serif;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\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: 300px;\n        object-fit: cover;\n        background: #f1f5f9;\n    }\n\n    .news-caption {\n        padding: 20px;\n        background: #fff;\n    }\n\n    .news-caption h3 { \n        margin: 0 0 8px; \n        font-size: 16px; \n        line-height: 1.4;\n        font-weight: 700;\n        color: #1e293b;\n    }\n    \n    .news-caption p { \n        margin: 0 0 15px; \n        font-size: 13px;\n        line-height: 1.6;\n        color: #475569;\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: 8px 16px;\n        background: #1e3a8a; \/* Biru Tua *\/\n        color: #fff !important;\n        text-decoration: none !important;\n        border-radius: 6px;\n        font-size: 12px;\n        font-weight: 600;\n        transition: 0.3s;\n    }\n\n    .read-more:hover {\n        background: #172554;\n        box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);\n    }\n\n    .slider-controls {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 12px 20px;\n        border-top: 1px solid #f1f5f9;\n        background: #fcfcfc;\n    }\n\n    .nav-btn.btn-visible {\n        background: #1e3a8a;\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    }\n\n    .nav-symbol { color: #ffffff; font-size: 14px; font-weight: bold; }\n\n    .dots-container { display: flex; gap: 8px; }\n\n    .dot {\n        height: 8px; \n        width: 8px;\n        background-color: #cbd5e1; \n        border-radius: 50%;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .dot.active { \n        background-color: #1e3a8a;\n        width: 20px; \n        border-radius: 10px; \n    }\n\n    @media (max-width: 600px) {\n        .news-slide img { height: 200px; }\n        .news-caption h3 { font-size: 14px; }\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            \/\/ UPDATED: categories diubah menjadi 18\n            const apiUrl = 'https:\/\/lpm.stikes-hi.ac.id\/wp-json\/wp\/v2\/posts?categories=18&_embed&per_page=5';\n            \n            const response = await fetch(apiUrl);\n            if (!response.ok) throw new Error('Network response was not ok');\n            \n            const posts = await response.json();\n\n            if (posts && posts.length > 0) {\n                slider.innerHTML = '';\n                dotsContainer.innerHTML = '';\n                totalSlides = posts.length;\n\n                posts.forEach((post, i) => {\n                    let imageUrl = 'https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=STIKES+HI+JAMBI';\n                    \n                    try {\n                        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n                            imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                        } else if (post.content.rendered.includes('<img')) {\n                            const div = document.createElement('div');\n                            div.innerHTML = post.content.rendered;\n                            const firstImg = div.querySelector('img');\n                            if (firstImg) imageUrl = firstImg.src;\n                        }\n                    } catch (e) { console.error(\"Error parsing image\", e); }\n\n                    const cleanTitle = post.title.rendered\n                        .replace(\/&nbsp;\/g, ' ')\n                        .replace(\/&amp;\/g, '&#038;')\n                        .replace(\/&#8211;\/g, '-')\n                        .replace(\/&#8217;\/g, \"'\")\n                        .replace(\/&#8220;\/g, '\"')\n                        .replace(\/&#8221;\/g, '\"');\n                        \n                    const excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '').substring(0, 100) + '...';\n\n                    const slide = document.createElement('div');\n                    slide.classList.add('news-slide');\n                    slide.innerHTML = `\n                        <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${cleanTitle}\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=Berita+STIKES+HI'\">\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            } else {\n                slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #64748b;\">Belum ada berita terbaru di kategori ini.<\/div>';\n            }\n        } catch (error) {\n            console.error('Error:', error);\n            slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #ef4444;\">Gagal memuat berita.<\/div>';\n        }\n    }\n\n    function updateDots() {\n        const dots = document.querySelectorAll('.dot');\n        dots.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\n    let autoSlide = setInterval(() => moveSlide(1), 7000);\n    document.querySelector('.news-slider-container').addEventListener('mouseenter', () => clearInterval(autoSlide));\n    document.querySelector('.news-slider-container').addEventListener('mouseleave', () => {\n        autoSlide = setInterval(() => moveSlide(1), 7000);\n    });\n<\/script>\n\n\n\n\n<style>\n    \/* --- ANIMASI MUNCUL DARI KANAN --- *\/\n    @keyframes fadeInRight {\n        from { \n            opacity: 0; \n            transform: translateX(40px); \n        }\n        to { \n            opacity: 1; \n            transform: translateX(0); \n        }\n    }\n\n    .btn-wrapper-bench {\n        max-width: 250px; \n        margin: 15px auto;\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        \n        \/* Terapkan Animasi *\/\n        animation: fadeInRight 0.8s ease-out both;\n    }\n\n    .btn-benchmarking {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #4472c4; \n        color: #ffffff !important;\n        padding: 10px 15px;\n        text-decoration: none !important;\n        border-radius: 6px;\n        font-size: 13px;\n        font-weight: 600;\n        text-align: center;\n        border: 1px solid #3b63a8;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .btn-benchmarking:hover {\n        background-color: #335591;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n    }\n\n    \/* Ikon grafik untuk benchmarking *\/\n    .btn-benchmarking::before {\n        content: \"\ud83d\udcca\"; \n        margin-right: 10px;\n    }\n<\/style>\n\n<div class=\"btn-wrapper-bench\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1JSDvQeS0uwAxy_fb2eMuygPMqZndUfPR?usp=sharing\" class=\"btn-benchmarking\">\n        Laporan Benchmarking\n    <\/a>\n<\/div>\n\n\n\n<style>\n    \/* --- ANIMASI & KEYFRAMES --- *\/\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes kaizenEnergy {\n        0%, 100__ { background: #1e3a8a; box-shadow: 0 0 10px rgba(30, 58, 138, 0.2); }\n        50% { background: #2563eb; box-shadow: 0 0 25px rgba(37, 99, 235, 0.5); }\n    }\n\n    @keyframes lineFlow {\n        to { stroke-dashoffset: -30; }\n    }\n\n    \/* --- LAYOUT UTAMA: LEBIH RAMPING --- *\/\n    .kaizen-integration-wrapper {\n        font-family: 'Inter', -apple-system, sans-serif;\n        max-width: 650px; \/* Dirampingkan dari 800px *\/\n        margin: 10px auto; \/* Lebih rapat *\/\n        background: #ffffff;\n        border-radius: 12px; \/* Lebih ramping *\/\n        border: 1px solid #dbeafe; \n        box-shadow: 0 5px 15px rgba(30, 58, 138, 0.05);\n        overflow: hidden;\n        animation: fadeIn 0.8s ease-out;\n    }\n\n    \/* --- BAGIAN ATAS: P5 --- *\/\n    .p5-section { padding: 15px 20px 5px 20px; } \/* Padding dikurangi signifikan *\/\n\n    \/* Teks Judul *\/\n    .p5-text-inline {\n        font-size: 0.88rem; \/* Sedikit lebih kecil agar ramping *\/\n        color: #4b5563;\n        line-height: 1.4;\n        margin-bottom: 12px; \/* Lebih rapat *\/\n    }\n\n    .p5-label-bold {\n        color: #1e3a8a;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-right: 5px;\n    }\n\n    \/* Grid Sub-Poin *\/\n    .p5-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 8px; \/* Lebih rapat *\/\n    }\n\n    .p5-item {\n        background: #f0f7ff; \n        padding: 10px; \/* Lebih ramping *\/\n        border-radius: 8px;\n        font-size: 0.8rem;\n        color: #1e293b;\n        border: 1px solid #bfdbfe;\n    }\n\n    .p5-item strong {\n        color: #2563eb; \n        display: block;\n        margin-bottom: 2px;\n        font-size: 0.85rem;\n    }\n\n    \/* --- BAGIAN BAWAH: VISUAL TANGGA --- *\/\n    .staircase-section {\n        padding: 5px 20px 20px 20px; \/* Ruang kosong dikurangi *\/\n        display: flex;\n        justify-content: center;\n    }\n\n    .staircase-visual {\n        width: 100%;\n        max-width: 400px; \/* Dirampingkan *\/\n        position: relative;\n        height: 220px; \/* Lebih pendek\/ramping *\/\n        display: flex;\n        align-items: flex-end;\n    }\n\n    .kaizen-foundation {\n        position: absolute;\n        bottom: 35px; \/* Disesuaikan tinggi baru *\/\n        left: 5px;\n        width: 90%;\n        height: 30px; \/* Lebih tipis *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 800;\n        font-size: 8px; \/* Lebih ramping *\/\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: #ffffff;\n        transform: rotate(-28deg); \/* Sudut disesuaikan *\/\n        transform-origin: left bottom;\n        clip-path: polygon(0% 0%, 93% 0%, 100% 50%, 93% 100%, 0% 100%);\n        z-index: 1;\n        animation: kaizenEnergy 1.5s infinite ease-in-out;\n    }\n\n    .staircase-svg {\n        width: 100%;\n        height: 100%;\n        z-index: 5;\n    }\n\n    .stair-path-elegant {\n        fill: none;\n        stroke: #1e3a8a; \n        stroke-width: 4; \/* Lebih ramping *\/\n        stroke-linejoin: round;\n        stroke-dasharray: 12, 8;\n        animation: lineFlow 1s linear infinite;\n    }\n\n    .ppepp-label {\n        font-size: 10px; \/* Lebih ramping *\/\n        font-weight: 700;\n        fill: #1e40af;\n    }\n\n    @media (max-width: 500px) {\n        .p5-grid { grid-template-columns: 1fr; }\n        .p5-section { padding: 15px; }\n        .staircase-visual { height: 180px; }\n    }\n<\/style>\n\n<div class=\"kaizen-integration-wrapper\">\n    <div class=\"p5-section\">\n        <p class=\"p5-text-inline\">\n            <span class=\"p5-label-bold\">Peningkatan (P5):<\/span> \n            Menaikkan standar mutu secara berkelanjutan guna melampaui capaian sebelumnya (Continuous Improvement).\n        <\/p>\n\n        <div class=\"p5-grid\">\n            <div class=\"p5-item\">\n                <strong>Upgrading<\/strong>\n                Kenaikan indikator standar berkala.\n            <\/div>\n            <div class=\"p5-item\">\n                <strong>Benchmarking<\/strong>\n                Adopsi praktik terbaik mitra.\n            <\/div>\n            <div class=\"p5-item\">\n                <strong>Innovation<\/strong>\n                Pembaruan strategi evaluasi.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"staircase-section\">\n        <div class=\"staircase-visual\">\n            <div class=\"kaizen-foundation\">\n                KAIZEN \/ CONTINUOUS IMPROVEMENT\n            <\/div>\n            \n            <svg class=\"staircase-svg\" viewBox=\"0 0 400 300\">\n                <path class=\"stair-path-elegant\" d=\"M 10 290 L 80 290 L 80 240 L 150 240 L 150 190 L 220 190 L 220 140 L 290 140 L 290 90 L 360 90 L 360 40 L 395 40\" \/>\n                \n                <text x=\"25\" y=\"280\" class=\"ppepp-label\">PPEPP<\/text>\n                <text x=\"95\" y=\"230\" class=\"ppepp-label\">PPEPP<\/text>\n                <text x=\"165\" y=\"180\" class=\"ppepp-label\">PPEPP<\/text>\n                <text x=\"235\" y=\"130\" class=\"ppepp-label\">PPEPP<\/text>\n                <text x=\"305\" y=\"80\" class=\"ppepp-label\">PPEPP<\/text>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n  \/* Keyframe Animasi Muncul *\/\n  @keyframes fadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .ppepp-mini-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    justify-content: center;\n    padding: 15px 5px;\n    font-family: 'Inter', -apple-system, sans-serif;\n  }\n\n  .ppepp-btn {\n    display: flex;\n    align-items: center;\n    padding: 6px 14px;\n    border-radius: 50px;\n    text-decoration: none !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1px solid transparent;\n    background: #f8f9fa;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    \n    \/* Terapkan animasi ke tombol *\/\n    animation: fadeUp 0.5s ease-out both;\n  }\n\n  \/* Delay bergantian agar muncul satu per satu *\/\n  .btn-p1 { animation-delay: 0.1s; }\n  .btn-p2 { animation-delay: 0.2s; }\n  .btn-e  { animation-delay: 0.3s; }\n  .btn-p3 { animation-delay: 0.4s; }\n  .btn-p4 { animation-delay: 0.5s; }\n\n  .ppepp-char {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    color: #fff;\n    font-weight: 800;\n    font-size: 11px;\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n\n  .ppepp-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: #444;\n    white-space: nowrap;\n  }\n\n  \/* Warna Identitas *\/\n  .btn-p1 .ppepp-char { background: #e74c3c; } .btn-p1:hover { border-color: #e74c3c; background: #fff5f5; }\n  .btn-p2 .ppepp-char { background: #3498db; } .btn-p2:hover { border-color: #3498db; background: #f0f7ff; }\n  .btn-e  .ppepp-char { background: #2ecc71; } .btn-e:hover  { border-color: #2ecc71; background: #f2fff7; }\n  .btn-p3 .ppepp-char { background: #f1c40f; } .btn-p3:hover { border-color: #f1c40f; background: #fffdf0; }\n  .btn-p4 .ppepp-char { background: #c0392b; } .btn-p4:hover { border-color: #c0392b; background: #fff5f5; }\n\n  .ppepp-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.08);\n  }\n\n  @media (max-width: 480px) {\n    .ppepp-mini-wrapper { gap: 6px; }\n    .ppepp-btn { padding: 5px 10px; }\n    .ppepp-text { font-size: 11px; }\n    .ppepp-char { width: 18px; height: 18px; font-size: 9px; margin-right: 5px; }\n  }\n<\/style>\n\n<div class=\"ppepp-mini-wrapper\">\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-mutu\/\" class=\"ppepp-btn btn-p1\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Penetapan<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pelaksanaan\/\" class=\"ppepp-btn btn-p2\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Pelaksanaan<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/dokumen-monev-dan-ami\/\" class=\"ppepp-btn btn-e\">\n    <div class=\"ppepp-char\">E<\/div> <span class=\"ppepp-text\">Evaluasi<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/rapat-tinjauan-manajemen-dan-rencana-tindak-lanjut\/\" class=\"ppepp-btn btn-p3\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Pengendalian<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/index.php\/benchmarking\/\" class=\"ppepp-btn btn-p4\">\n    <div class=\"ppepp-char\">P<\/div> <span class=\"ppepp-text\">Peningkatan<\/span>\n  <\/a>\n<\/div>\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        \/* Menggunakan scope khusus agar tidak merusak CSS template utama *\/\n        .faq-lpm-scope {\n            --faq-accent: #1e3a8a; \/* Berubah ke Biru Tua *\/\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: #1e3a8a; \/* Biru Tua *\/\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: #172554; \/* Biru sangat gelap saat hover *\/\n        }\n\n        \/* --- CONTAINER CHAT --- *\/\n        .faq-lpm-container {\n            position: fixed; \n            right: 50px; \/* Jarak dari tepi kanan agar tidak menutupi tombol sepenuhnya *\/\n            top: 55%; \n            transform: translateY(-50%) scale(0.5); \/* Mulai dari skala kecil *\/\n            transform-origin: right center; \/* Titik muncul dari kanan tengah (arah tombol) *\/\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        \/* State saat aktif (muncul) *\/\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: #1e3a8a; \/* Biru Tua *\/\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: #1e3a8a; \n            background: #f0f7ff; \/* Background biru sangat muda saat hover *\/\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 #1e3a8a; \/* Border kiri biru tua *\/\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; } .faq-blue { background: #1e3a8a; } \/* Box juga disesuaikan *\/\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 formulir mutu?<\/div>\n        <div id=\"ans-q2\" class=\"faq-lpm-ans\">\n            Silahkan anda mengunduh <strong>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            \/\/ Delay minimal agar transition CSS terbaca setelah 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            \/\/ Sembunyikan setelah animasi transisi selesai\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>Memuat berita terbaru&#8230; &lt;&lt; &gt;&gt; Laporan Benchmarking Peningkatan (P5): Menaikkan standar mutu secara berkelanjutan guna melampaui capaian sebelumnya (Continuous Improvement). Upgrading Kenaikan indikator standar berkala. Benchmarking Adopsi praktik terbaik mitra. Innovation Pembaruan strategi evaluasi. KAIZEN \/ CONTINUOUS IMPROVEMENT PPEPP PPEPP &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-347","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/347","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=347"}],"version-history":[{"count":32,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":1436,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions\/1436"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}