{"id":494,"date":"2026-03-05T15:32:20","date_gmt":"2026-03-05T15:32:20","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/?page_id=494"},"modified":"2026-04-08T02:34:04","modified_gmt":"2026-04-08T02:34:04","slug":"pelaksanaan","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pelaksanaan\/","title":{"rendered":"Pedoman Pelaksanaan"},"content":{"rendered":"\n<style>\n    \/* --- VARIABLES & BASE --- *\/\n    :root {\n        --blue-primary: #1a73e8;\n        --blue-accent: #2563eb;\n        --blue-surface: #f3f7fe; \/* Warna latar header yang lebih soft *\/\n        --blue-border: #e0e8f5;  \/* Warna border yang lebih tipis *\/\n        --text-dark: #174ea6;\n        --text-slate: #475569;\n        --border-soft: #e2e8f0;\n    }\n\n    .main-wrapper {\n        font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;\n        max-width: 1000px;\n        margin: 10px auto;\n        padding: 0 12px;\n    }\n\n    \/* --- HEADER TITLE --- *\/\n    .guide-header {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 14px 18px;\n        background: var(--blue-surface); \/* Menggunakan warna permukaan yang lebih soft *\/\n        border-radius: 16px 16px 0 0;\n        border: 1px solid var(--blue-border);\n        border-bottom: none; \/* Menghilangkan sekat antara header dan konten *\/\n        color: var(--blue-accent);\n        font-weight: 700;\n        font-size: 13px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* --- DRIVE CONTAINER --- *\/\n    .drive-card {\n        background: #ffffff;\n        border-radius: 0 0 16px 16px;\n        border: 1px solid var(--blue-border);\n        overflow: hidden;\n        \/* Box shadow dihaluskan agar tidak terlihat seperti border hitam tebal *\/\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); \n    }\n\n    .drive-iframe-wrapper {\n        position: relative;\n        padding-top: 65%; \n        height: 0;\n        background: #ffffff;\n    }\n\n    .drive-iframe-wrapper iframe {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        border: 0;\n    }\n\n    @media (max-width: 600px) {\n        .drive-iframe-wrapper { padding-top: 120%; } \n    }\n<\/style>\n\n<div class=\"main-wrapper\">\n    <div class=\"guide-header\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n            <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n        <\/svg>\n        Pedoman &#038; Panduan\n    <\/div>\n\n    <div class=\"drive-card\">\n        <div class=\"drive-iframe-wrapper\">\n            <iframe src=\"https:\/\/drive.google.com\/embeddedfolderview?id=1hSzX08p39lvoghdC6TCvvbI_KvhEb6Kd#list\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* --- VARIABLES & BASE --- *\/\n    :root {\n        --blue-primary: #1a73e8;\n        --blue-accent: #2563eb;\n        --blue-surface: #f8fbff;\n        --blue-border: #d2e3fc;\n        --text-dark: #174ea6;\n        --text-slate: #475569;\n        --border-soft: #e2e8f0;\n    }\n\n    .main-wrapper {\n        font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;\n        max-width: 1000px;\n        margin: 10px auto;\n        padding: 0 12px;\n    }\n\n    \/* --- HEADER TITLE --- *\/\n    .doc-header {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 12px 16px;\n        background: #f1f5f9;\n        border-radius: 12px 12px 0 0;\n        border: 1px solid var(--border-soft);\n        border-bottom: none;\n        color: var(--blue-accent);\n        font-weight: 700;\n        font-size: 13px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* --- DRIVE CONTAINER --- *\/\n    .drive-card {\n        background: #ffffff;\n        border-radius: 0 0 16px 16px;\n        border: 1px solid var(--blue-border);\n        overflow: hidden;\n        box-shadow: 0 8px 24px rgba(26, 115, 232, 0.1);\n    }\n\n    .drive-iframe-wrapper {\n        position: relative;\n        padding-top: 60%; \n        height: 0;\n        background: #fdfdfd;\n    }\n\n    .drive-iframe-wrapper iframe {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        border: 0;\n    }\n\n    @media (max-width: 600px) {\n        .drive-iframe-wrapper { padding-top: 100%; }\n    }\n<\/style>\n\n<div class=\"main-wrapper\">\n    <div class=\"doc-header\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n        <\/svg>\n        Tata Cara Pendokumentasian\n    <\/div>\n\n    <div class=\"drive-card\">\n        <div class=\"drive-iframe-wrapper\">\n            <iframe src=\"https:\/\/drive.google.com\/embeddedfolderview?id=0Bxm2UJCDRCiTVlVnaWp0Tnh2Yzg&#038;resourcekey=0-QQN4NxcnEkoZ8s1Wqz_IWQ#list\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* --- ANIMASI DATANG --- *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(10px); \/* Muncul dari bawah sedikit *\/\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .search-hint {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 12px;\n        color: #64748b;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        margin: 10px 0;\n        \n        \/* Memasang animasi *\/\n        animation: fadeInUp 0.6s ease-out forwards;\n    }\n\n    \/* Gaya untuk tombol keyboard *\/\n    .search-hint kbd {\n        background-color: #f1f5f9;\n        border: 1px solid #cbd5e1;\n        border-radius: 4px;\n        box-shadow: 0 1px 0 rgba(0,0,0,0.2);\n        color: #334155;\n        display: inline-block;\n        font-family: monospace;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1;\n        padding: 2px 5px;\n        white-space: nowrap;\n    }\n\n    .search-icon {\n        width: 14px;\n        height: 14px;\n        opacity: 0.6;\n    }\n<\/style>\n\n<div class=\"search-hint\">\n    <svg class=\"search-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n        <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n    <\/svg>\n    <span>Gunakan fitur pencarian halaman (<kbd>Ctrl<\/kbd> + <kbd>F<\/kbd>) untuk pencarian dokumen.<\/span>\n<\/div>\n\n\n\n<style>\n    \/* Wrapper untuk memastikan tombol selalu di tengah halaman *\/\n    .wrapper-center {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 200px;\n        width: 100%;\n        gap: 20px; \/* Jarak antar tombol *\/\n    }\n\n    .btn-upload {\n        \/* Dimensi 1x1 *\/\n        width: 150px;\n        height: 150px;\n        \n        \/* Styling Visual: Ghost Button (Hanya Border) *\/\n        background-color: transparent; \n        color: #2563eb !important; \n        border: 3px solid #2563eb; \n        border-radius: 12px;\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        font-family: 'Inter', -apple-system, sans-serif;\n        font-weight: 600;\n        font-size: 14px;\n        text-align: center;\n        text-decoration: none !important; \n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        box-shadow: 0 4px 15px rgba(37, 99, 235, 0.1);\n        padding: 15px;\n        box-sizing: border-box;\n        outline: none;\n    }\n\n    \/* Animasi Bouncing hanya untuk tombol ajukan *\/\n    .bounce-animation {\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateY(0);\n        }\n        40% {\n            transform: translateY(-10px);\n        }\n        60% {\n            transform: translateY(-5px);\n        }\n    }\n\n    .btn-upload span {\n        color: #2563eb !important;\n        pointer-events: none;\n    }\n\n    .btn-upload:hover {\n        background-color: rgba(37, 99, 235, 0.05);\n        animation-play-state: paused;\n        transform: scale(1.05);\n        box-shadow: 0 8px 25px rgba(37, 99, 235, 0.2);\n    }\n\n    .btn-upload:active {\n        transform: scale(0.95);\n    }\n\n    \/* Base Icon Style *\/\n    .icon-circle {\n        width: 40px;\n        height: 40px;\n        border: 3px solid #2563eb;\n        border-radius: 50%;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        pointer-events: none;\n    }\n\n    \/* Icon Panah Atas (Ajukan) *\/\n    .arrow-up::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n        border-bottom: 12px solid #2563eb;\n        margin-bottom: 10px;\n    }\n\n    .arrow-up::after {\n        content: '';\n        width: 4px;\n        height: 12px;\n        background-color: #2563eb;\n        position: absolute;\n        bottom: 10px;\n    }\n\n    \/* Icon Panah Bawah (Template) *\/\n    .arrow-down::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n        border-top: 12px solid #2563eb;\n        margin-top: 10px;\n    }\n\n    .arrow-down::after {\n        content: '';\n        width: 4px;\n        height: 12px;\n        background-color: #2563eb;\n        position: absolute;\n        top: 10px;\n    }\n<\/style>\n\n<div class=\"wrapper-center\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1rFRIwTtoshzUuw7kO7niGCGdUqS0ne83?usp=sharing\" target=\"_blank\" class=\"btn-upload\">\n        <div class=\"icon-circle arrow-down\"><\/div>\n        <span>Template SOP\/Formulir<\/span>\n    <\/a>\n\n    <button type=\"button\" class=\"btn-upload bounce-animation\" onclick=\"checkAccess()\">\n        <div class=\"icon-circle arrow-up\"><\/div>\n        <span>Ajukan SOP\/Formulir<\/span>\n    <\/button>\n\n<\/div>\n\n<script>\n    function checkAccess() {\n        const pass = prompt(\"Masukkan password untuk mengajukan SOP\/formulir:\");\n        const targetUrl = \"https:\/\/drive.google.com\/drive\/folders\/1PGv-QxL7CTDkKSRctRYSzUvhDkJ6HlG4\";\n        \n        if (pass === \"spmihi\") {\n            window.open(targetUrl, \"_blank\");\n        } else if (pass !== null) {\n            alert(\"Password salah! Akses ditolak.\");\n        }\n    }\n<\/script>\n\n\n\n<style>\n  \/* --- GLOBAL ANIMATIONS --- *\/\n  @keyframes slideInRight {\n    from { opacity: 0; transform: translateX(50px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n\n  .spmi-main-container {\n    max-width: 900px;\n    margin: 20px auto;\n    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    animation: slideInRight 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;\n    position: relative;\n    overflow: visible; \n  }\n\n  \/* --- VERTICAL GROUP STYLES --- *\/\n  .spmi-group { \n    margin-bottom: 12px; \n    display: block; \n    position: relative; \n    width: fit-content;\n    z-index: 10; \n  }\n\n  .spmi-group:hover {\n    z-index: 999;\n  }\n  \n  .spmi-btn-base {\n    color: white;\n    padding: 14px 24px;\n    font-size: 16px;\n    font-weight: bold;\n    border: none;\n    cursor: pointer;\n    border-radius: 8px;\n    min-width: 280px;\n    text-align: left;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n    transition: 0.3s;\n    position: relative;\n  }\n\n  .spmi-btn-base::after { \n    content: '\u25b6'; \n    font-size: 11px; \n    transition: 0.3s; \n    margin-left: 15px; \n  }\n\n  \/* Color for SOP Archive *\/\n  .btn-arsip { background: linear-gradient(135deg, #8e44ad 0%, #6c3483 100%); }\n\n  \/* --- DROPDOWN KE KANAN --- *\/\n  .spmi-content-base {\n    display: none;\n    position: absolute;\n    left: 100%; \n    top: 0;\n    padding-left: 15px; \n    background-color: transparent; \n    min-width: 260px;\n    z-index: 1000;\n  }\n\n  .spmi-content-inner {\n    background-color: white;\n    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid #e0e0e0;\n    animation: slideInRight 0.3s ease-out;\n  }\n\n  .spmi-group:hover .spmi-content-base { \n    display: block; \n  }\n\n  .spmi-group:hover .spmi-btn-base::after { \n    transform: translateX(5px); \n  }\n\n  .spmi-content-inner a {\n    color: #444;\n    padding: 12px 20px;\n    text-decoration: none;\n    display: block;\n    border-bottom: 1px solid #f0f0f0;\n    font-size: 14px;\n    transition: 0.2s;\n  }\n\n  .spmi-content-inner a:hover { padding-left: 30px; }\n  .btn-item-hover:hover { background-color: #f9f4ff; color: #8e44ad; }\n\n  \/* --- PREVIEW BOX --- *\/\n  .preview-display-box {\n    margin-top: 25px;\n    background: #fff;\n    border-radius: 12px;\n    border: 1px solid #ddd;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    \/* DIUBAH: display: block agar selalu muncul *\/\n    display: block;\n    clear: both;\n    position: relative;\n    z-index: 1; \n  }\n\n  .preview-active { animation: slideInRight 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards; }\n\n  .preview-nav-header {\n    padding: 12px 20px;\n    font-size: 13px;\n    font-weight: bold;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .header-theme { background: #f4eef9; color: #8e44ad; border-bottom: 1px solid #e1d5f5; }\n\n  .iframe-container { width: 100%; height: 550px; border: none; background: #fff; }\n\n  @media (max-width: 768px) {\n    .spmi-group { width: 100%; }\n    .spmi-btn-base { min-width: 100%; }\n    .spmi-content-base { \n      position: static; \n      width: 100%; \n      padding-left: 0;\n    }\n    .spmi-content-inner {\n      border-radius: 0 0 8px 8px;\n      box-shadow: none;\n    }\n  }\n<\/style>\n\n<div class=\"spmi-main-container\">\n\n  <div class=\"spmi-group\">\n    <button class=\"spmi-btn-base btn-arsip\">Standar Operasional Prosedur<\/button>\n    <div class=\"spmi-content-base\">\n      <div class=\"spmi-content-inner\">\n        <a href=\"javascript:void(0)\" onclick=\"viewDrive('1acYbW2jQTu7rcLW-q8YaMcu-uXb4U_ZN', 'SOP 2018', false, 'header-theme')\" class=\"btn-item-hover\">\ud83d\udccb SOP 2018<\/a>\n        \n        <a href=\"javascript:void(0)\" onclick=\"viewDrive('1fx7UCh5510txB1ezJJZF81X4UudA1wxd', 'SOP 2016', false, 'header-theme')\" class=\"btn-item-hover\">\ud83d\udccb SOP 2016<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"universal-preview\" class=\"preview-display-box\">\n    <div id=\"preview-header-bar\" class=\"preview-nav-header\">\n      <span id=\"preview-label\">Memuat Dokumen&#8230;<\/span>\n      <span style=\"background: rgba(255,255,255,0.6); padding: 3px 10px; border-radius: 15px; font-size: 10px;\">LIVE DRIVE<\/span>\n    <\/div>\n    <iframe id=\"universal-frame\" src=\"\" class=\"iframe-container\" frameborder=\"0\"><\/iframe>\n  <\/div>\n\n<\/div>\n\n<script>\n  function viewDrive(id, title, isFile, themeClass) {\n    const container = document.getElementById('universal-preview');\n    const frame = document.getElementById('universal-frame');\n    const label = document.getElementById('preview-label');\n    const header = document.getElementById('preview-header-bar');\n    \n    let driveUrl = \"\";\n    \n    if (id.includes('http')) {\n       let folderId = id.split('\/folders\/')[1].split('?')[0];\n       driveUrl = \"https:\/\/drive.google.com\/embeddedfolderview?id=\" + folderId + \"#list\";\n    } else {\n       driveUrl = isFile \n        ? \"https:\/\/drive.google.com\/file\/d\/\" + id + \"\/preview\"\n        : \"https:\/\/drive.google.com\/embeddedfolderview?id=\" + id + \"#list\";\n    }\n    \n    frame.src = driveUrl;\n    label.innerHTML = \"<strong>Menampilkan:<\/strong> \" + title;\n    header.className = \"preview-nav-header \" + themeClass;\n    \n    container.classList.remove('preview-active');\n    void container.offsetWidth; \n    container.classList.add('preview-active');\n  }\n\n  \/\/ OTOMATIS LOAD ITEM PERTAMA (SOP 2018)\n  window.onload = function() {\n    viewDrive('1acYbW2jQTu7rcLW-q8YaMcu-uXb4U_ZN', 'SOP 2018', false, 'header-theme');\n  };\n<\/script>\n\n\n\n<style>\n    \/* --- DEFINISI ANIMASI (MUNCUL NAIK HALUS) --- *\/\n    @keyframes fadeInSlideLPM {\n        from {\n            opacity: 0;\n            transform: translateY(30px); \/* Mulai dari bawah *\/\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);    \/* Posisi asli *\/\n        }\n    }\n\n    .lpm-compact-card {\n        font-family: 'Inter', system-ui, sans-serif;\n        width: 95%;\n        max-width: 850px; \n        margin: 15px auto;\n        background: #ffffff;\n        border-radius: 12px;\n        box-shadow: 0 4px 12px rgba(30, 58, 138, 0.08);\n        border: 1px solid #e2e8f0;\n        overflow: hidden;\n        border-left: 6px solid #1e3a8a; \/* Aksen kiri *\/\n\n        \/* --- MENERAPKAN ANIMASI --- *\/\n        animation: fadeInSlideLPM 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;\n        will-change: transform, opacity; \/* Optimalisasi performa *\/\n    }\n\n    .lpm-card-body {\n        padding: 15px 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .lpm-top-row {\n        display: flex;\n        align-items: baseline;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n\n    .lpm-card-title {\n        color: #1e3a8a;\n        font-size: 18px;\n        font-weight: 700;\n        white-space: nowrap;\n    }\n\n    .lpm-card-desc {\n        color: #64748b;\n        font-size: 13.5px;\n        line-height: 1.4;\n        margin: 0;\n        flex: 1;\n        min-width: 250px;\n    }\n\n    .lpm-list {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 10px;\n        padding-top: 10px;\n        border-top: 1px solid #f1f5f9;\n    }\n\n    .lpm-list-item {\n        display: flex;\n        align-items: flex-start;\n        font-size: 13px;\n        color: #334155;\n        line-height: 1.4;\n    }\n\n    .lpm-list-item::before {\n        content: \"\u2022\";\n        color: #3b82f6;\n        font-weight: bold;\n        margin-right: 8px;\n    }\n\n    .lpm-list-item b {\n        color: #1e3a8a;\n        margin-right: 4px;\n    }\n\n    \/* Desktop View *\/\n    @media (min-width: 768px) {\n        .lpm-card-body { padding: 12px 25px; }\n        .lpm-list {\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n    }\n<\/style>\n\n<div class=\"lpm-compact-card\">\n    <div class=\"lpm-card-body\">\n        <div class=\"lpm-top-row\">\n            <div class=\"lpm-card-title\">Pelaksanaan (P2)<\/div>\n            <p class=\"lpm-card-desc\">\n                Realisasi standar mutu melalui aktivitas rutin sistematis di seluruh unit STIKES Harapan Ibu Jambi.\n            <\/p>\n        <\/div>\n\n        <div class=\"lpm-list\">\n            <div class=\"lpm-list-item\">\n                <span><b>Pedoman Penerapan:<\/b> Menjalankan standar pada proses tridharma dan layanan administrasi.<\/span>\n            <\/div>\n            <div class=\"lpm-list-item\">\n                <span><b>Cara Pendokumentasian:<\/b> Pengumpulan bukti fisik berkala sebagai basis data evaluasi mutu.<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\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 STIKES HI&#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: #7c3aed; \/* Berubah ke Ungu *\/\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: #6d28d9; \/* Ungu lebih gelap *\/\n        box-shadow: 0 4px 12px rgba(124, 58, 237, 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: #7c3aed; \/* Berubah ke Ungu *\/\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        transition: 0.2s;\n    }\n\n    .nav-symbol {\n        color: #ffffff;\n        font-size: 14px;\n        font-weight: bold;\n    }\n\n    .nav-btn.btn-visible:hover {\n        background: #6d28d9;\n        transform: scale(1.05);\n    }\n\n    .dots-container {\n        display: flex;\n        gap: 8px;\n    }\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: #7c3aed; \/* Berubah ke Ungu *\/\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            \/\/ Sumber berita telah diubah ke domain baru\n            const response = await fetch('https:\/\/hinews.stikes-hi.ac.id\/wp-json\/wp\/v2\/posts?_embed&per_page=5');\n            if (!response.ok) throw new Error('Network response was not ok');\n            \n            const posts = await response.json();\n\n            if (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                    if (post._embedded && post._embedded['wp:featuredmedia']) {\n                        imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                    }\n\n                    const cleanTitle = post.title.rendered.replace(\/&nbsp;\/g, ' ').replace(\/&amp;\/g, '&').replace(\/&#8211;\/g, '-');\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=STIKES+HI+JAMBI'\">\n                        <div class=\"news-caption\">\n                            <h3>${cleanTitle}<\/h3>\n                            <p>${excerpt}<\/p>\n                            <a href=\"${post.link}\" class=\"read-more\" target=\"_blank\">Baca Berita<\/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            console.error('Error fetching news:', error);\n            slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #ef4444; font-size:13px;\">Gagal memuat berita dari server STIKES HI.<\/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\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<style>\n  .link-eksternal-container {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    padding: 15px 0;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    width: 100%;\n  }\n\n  .link-card {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 16px;\n    \/* Sudut lebih membulat sesuai gambar *\/\n    border-radius: 12px; \n    text-decoration: none !important;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    \/* Border sedikit lebih tebal agar terlihat tegas *\/\n    border: 2px solid; \n    background: transparent;\n    min-width: 0;\n  }\n\n  \/* Warna Identitas Tetap Dipertahankan *\/\n  .c-pddikti { border-color: #9b59b6; color: #9b59b6 !important; }\n  .c-sinta   { border-color: #34495e; color: #34495e !important; }\n  .c-stikes  { border-color: #5f27cd; color: #5f27cd !important; }\n\n  \/* Efek Hover Tetap Dipertahankan *\/\n  .link-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(0,0,0,0.1);\n  }\n  \n  .c-pddikti:hover { background: #9b59b6; color: #fff !important; }\n  .c-sinta:hover   { background: #34495e; color: #fff !important; }\n  .c-stikes:hover  { background: #5f27cd; color: #fff !important; }\n\n  \/* Style Ikon Link (Rantai) Sesuai Gambar *\/\n  .icon-svg {\n    margin-right: 10px;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    stroke: currentColor; \/* Warna ikon mengikuti warna teks *\/\n  }\n\n  .link-card span {\n    font-size: 14px;\n    font-weight: 700; \/* Font lebih tebal sesuai gambar *\/\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  \/* Responsif Mobile *\/\n  @media (max-width: 480px) {\n    .link-eksternal-container { gap: 8px; }\n    .link-card { padding: 8px 10px; border-radius: 10px; border-width: 1.5px; }\n    .link-card span { font-size: 11px; }\n    .icon-svg { width: 14px; height: 14px; margin-right: 5px; }\n  }\n<\/style>\n\n<div class=\"link-eksternal-container\">\n  \n  <a href=\"https:\/\/pddikti.kemdiktisaintek.go.id\/detail-pt\/54OOuxT2auNH2gxxQrp-Zjb9DfvCxheh9Jj3bp4rb9mDccSpPQXNFe_h4WKjLLGhfNo66Q==\" target=\"_blank\" class=\"link-card c-pddikti\">\n    <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path>\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path>\n    <\/svg>\n    <span>PDDikti HI<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/sinta.kemdiktisaintek.go.id\/affiliations\/profile\/2951\" target=\"_blank\" class=\"link-card c-sinta\">\n    <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path>\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path>\n    <\/svg>\n    <span>Sinta HI<\/span>\n  <\/a>\n\n  <a href=\"https:\/\/new.stikes-hi.ac.id\/\" target=\"_blank\" class=\"link-card c-stikes\">\n    <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path>\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path>\n    <\/svg>\n    <span>Web HI<\/span>\n  <\/a>\n\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>Pedoman &#038; Panduan Tata Cara Pendokumentasian Gunakan fitur pencarian halaman (Ctrl + F) untuk pencarian dokumen. Template SOP\/Formulir Ajukan SOP\/Formulir Standar Operasional Prosedur \ud83d\udccb SOP 2018 \ud83d\udccb SOP 2016 Memuat Dokumen&#8230; LIVE DRIVE Pelaksanaan (P2) Realisasi standar mutu melalui aktivitas &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-494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/494","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=494"}],"version-history":[{"count":152,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":1899,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/494\/revisions\/1899"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}