{"id":13,"date":"2026-02-06T10:36:45","date_gmt":"2026-02-06T10:36:45","guid":{"rendered":"https:\/\/skillinventory.zyneventures.com\/?page_id=13"},"modified":"2026-02-27T07:21:21","modified_gmt":"2026-02-27T07:21:21","slug":"skills","status":"publish","type":"page","link":"https:\/\/skill-inventory.zyneventures.com\/","title":{"rendered":"Skills"},"content":{"rendered":"<style>.kb-row-layout-id13_f81a49-4d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id13_f81a49-4d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id13_f81a49-4d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1400px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-md, 2rem);padding-left:var(--global-kb-spacing-xs, 1rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id13_f81a49-4d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id13_f81a49-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id13_f81a49-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id13_f81a49-4d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column13_b717f1-73 > .kt-inside-inner-col{display:flex;}.kadence-column13_b717f1-73 > .kt-inside-inner-col{padding-top:50px;padding-right:30px;padding-bottom:50px;padding-left:30px;}.kadence-column13_b717f1-73 > .kt-inside-inner-col{box-shadow:0px 13px 14px -14px rgba(0, 0, 0, 0.2);}.kadence-column13_b717f1-73 > .kt-inside-inner-col,.kadence-column13_b717f1-73 > .kt-inside-inner-col:before{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.kadence-column13_b717f1-73 > .kt-inside-inner-col{row-gap:var(--global-kb-gap-none, 0rem );column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13_b717f1-73 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13_b717f1-73 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13_b717f1-73 > .kt-inside-inner-col{background-color:var(--global-palette9, #ffffff);}.kadence-column13_b717f1-73 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13_b717f1-73{position:relative;}@media all and (max-width: 1024px){.kadence-column13_b717f1-73 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13_b717f1-73 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13_b717f1-73\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-image.kb-image13_8f418c-10:not(.kb-specificity-added):not(.kb-extra-specificity-added){margin-bottom:var(--global-kb-spacing-xxs, 0.5rem);}.kb-image13_8f418c-10 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image13_8f418c-10\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"137\" height=\"57\" src=\"https:\/\/skill-inventory.zyneventures.com\/wp-content\/uploads\/2026\/02\/Arthur-Lawrence-logo.png\" alt=\"\" class=\"kb-img wp-image-19\"\/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12, .wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12[data-kb-block=\"kb-adv-heading13_9eb0c5-12\"]{padding-top:0px;margin-top:0px;margin-bottom:0px;text-align:center;font-size:32px;font-style:normal;text-transform:uppercase;color:#1e293b;}.wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12[data-kb-block=\"kb-adv-heading13_9eb0c5-12\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12, .wp-block-kadence-advancedheading.kt-adv-heading13_9eb0c5-12[data-kb-block=\"kb-adv-heading13_9eb0c5-12\"]{font-size:32px;}}<\/style>\n<h1 class=\"kt-adv-heading13_9eb0c5-12 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13_9eb0c5-12\">Skill Inventory Matrix<\/h1>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e, .wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e[data-kb-block=\"kb-adv-heading13_25af21-2e\"]{padding-top:0px;margin-top:0px;text-align:center;font-size:18px;font-style:normal;text-transform:uppercase;color:#64748b;}.wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e[data-kb-block=\"kb-adv-heading13_25af21-2e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e, .wp-block-kadence-advancedheading.kt-adv-heading13_25af21-2e[data-kb-block=\"kb-adv-heading13_25af21-2e\"]{font-size:18px;}}<\/style>\n<p class=\"kt-adv-heading13_25af21-2e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading13_25af21-2e\">Enabler for Internal Mobility Program<\/p>\n<\/div><\/div>\n\n\n<style>.kadence-column13_d0b486-80 > .kt-inside-inner-col{display:flex;}.kadence-column13_d0b486-80 > .kt-inside-inner-col,.kadence-column13_d0b486-80 > .kt-inside-inner-col:before{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.kadence-column13_d0b486-80 > .kt-inside-inner-col{row-gap:var(--global-kb-gap-none, 0rem );column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column13_d0b486-80 > .kt-inside-inner-col{flex-direction:column;}.kadence-column13_d0b486-80 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column13_d0b486-80 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column13_d0b486-80{position:relative;}@media all and (max-width: 1024px){.kadence-column13_d0b486-80 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column13_d0b486-80 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column13_d0b486-80\"><div class=\"kt-inside-inner-col\">\n<link rel=\"icon\" href=\"data:,\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\n    crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\n<style>\n    :root {\n        --primary-red: #e31e24;\n        --primary-red-hover: #c4191f;\n        --bg-light: #f8fafc;\n        --text-dark: #334155;\n        --text-muted: #64748b;\n        --border-color: #e2e8f0;\n        --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        --record-text: #111827;\n        --header-bg: #f3f4f6;\n        --row-gray: #f2f2f2;\n        --row-white: #ffffff;\n        --tree-hover: #f9fafb;\n        --tree-border: #e5e7eb;\n        --tree-line: #d1d5db;\n        --input-bg: #f8fafc;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        font-family: 'Inter', sans-serif;\n        color: var(--text-dark);\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        background-color: #f8fafc;\n    }\n\n\n    .container {\n        width: 100%;\n        max-width: 1400px;\n        padding: 20px;\n    }\n\n    \/* Card Styles *\/\n    .card {\n        background: white;\n        border-radius: 12px;\n        padding: 20px 24px;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n        margin-bottom: 24px;\n        border: 1px solid #e2e8f0;\n    }\n\n    \/* Filter Section Layout - Fixed for laptop view *\/\n    .filter-row {\n        display: flex;\n        gap: 16px;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .filter-group {\n        flex: 1;\n        min-width: 140px;\n        position: relative;\n    }\n\n    .filter-group.search-input {\n        flex: 1.2;\n    }\n\n    \/* Input Styles - with #F8FAFC background *\/\n    select,\n    input[type=\"text\"] {\n        width: 100%;\n        padding: 8px 36px 8px 16px;\n        border: 1.5px solid #e2e8f0;\n        border-radius: 8px;\n        background-color: #f8fafc;\n        font-size: 15px;\n        color: #1e293b;\n        outline: none;\n        transition: all 0.2s;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        height: 48px;\n        cursor: pointer;\n        background-image: none !important;\n    }\n\n    input[type=\"text\"] {\n        cursor: text;\n        padding: 8px 16px;\n    }\n\n    select:focus,\n    input[type=\"text\"]:focus {\n        border-color: var(--primary-red);\n        box-shadow: 0 0 0 4px rgba(227, 30, 36, 0.1);\n        background-color: #ffffff;\n    }\n\n    \/* Remove default icons from all selects *\/\n    select {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        background-image: none !important;\n    }\n\n    \/* Remove Firefox specific styling *\/\n    select:-moz-focusring {\n        color: transparent;\n        text-shadow: 0 0 0 #1e293b;\n    }\n\n    \/* Remove IE\/Edge specific styling *\/\n    select::-ms-expand {\n        display: none !important;\n    }\n\n    \/* Custom dropdown icon - only for select elements *\/\n    .filter-group:not(.search-input)::after {\n        content: \"\\f107\";\n        font-family: \"Font Awesome 6 Free\";\n        font-weight: 900;\n        position: absolute;\n        right: 16px;\n        top: 50%;\n        transform: translateY(-50%);\n        pointer-events: none;\n        color: #64748b;\n        font-size: 16px;\n        z-index: 2;\n    }\n\n    \/* No icon for search input *\/\n    .filter-group.search-input::after {\n        display: none;\n    }\n\n    \/* Button Styles *\/\n    .btn {\n        padding: 0 24px;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 15px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        transition: all 0.2s;\n        border: none;\n        height: 48px;\n        white-space: nowrap;\n        outline: none;\n        min-width: 120px;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .btn-red {\n        background-color: var(--primary-red);\n        color: white;\n        border: 2px solid var(--primary-red);\n    }\n\n    .btn-red:hover {\n        background-color: var(--primary-red-hover);\n        border-color: var(--primary-red-hover);\n        transform: translateY(-1px);\n        box-shadow: 0 4px 6px -1px rgba(227, 30, 36, 0.2);\n    }\n\n    .btn-outline {\n        background-color: white;\n        color: var(--primary-red);\n        border: 2px solid var(--primary-red);\n    }\n\n    .btn-outline:hover {\n        background-color: var(--primary-red);\n        color: white;\n        transform: translateY(-1px);\n        box-shadow: 0 4px 6px -1px rgba(227, 30, 36, 0.1);\n    }\n\n    \/* Remove blue outline from all buttons and interactive elements *\/\n    .btn:focus,\n    .btn:active,\n    .btn:focus-visible,\n    .btn:focus-within {\n        outline: none !important;\n        box-shadow: none !important;\n    }\n\n    .btn-red:focus,\n    .btn-red:active,\n    .btn-red:focus-visible {\n        background-color: var(--primary-red) !important;\n        color: white !important;\n        border-color: var(--primary-red) !important;\n        outline: none !important;\n        box-shadow: 0 4px 6px -1px rgba(227, 30, 36, 0.2) !important;\n    }\n\n    .btn-outline:focus,\n    .btn-outline:active,\n    .btn-outline:focus-visible {\n        background-color: white !important;\n        color: var(--primary-red) !important;\n        border-color: var(--primary-red) !important;\n        outline: none !important;\n        box-shadow: 0 4px 6px -1px rgba(227, 30, 36, 0.1) !important;\n    }\n\n    \/* Remove blue highlight from all interactive elements *\/\n    button,\n    a,\n    select,\n    input[type=\"text\"],\n    input[type=\"file\"],\n    .file-upload-btn,\n    .file-upload-container,\n    .tab-btn {\n        -webkit-tap-highlight-color: transparent;\n        outline: none;\n    }\n\n    button:focus,\n    a:focus,\n    select:focus,\n    input[type=\"text\"]:focus,\n    input[type=\"file\"]:focus,\n    .file-upload-btn:focus,\n    .file-upload-container:focus,\n    .tab-btn:focus {\n        outline: none;\n        box-shadow: none;\n    }\n\n    \/* Keep only red border for form inputs on focus *\/\n    select:focus,\n    input[type=\"text\"]:focus {\n        border-color: var(--primary-red);\n        box-shadow: 0 0 0 4px rgba(227, 30, 36, 0.1);\n        outline: none;\n        background-color: #ffffff;\n    }\n\n    \/* Upload Section *\/\n    .upload-row {\n        display: flex;\n        gap: 16px;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .file-upload-container {\n        flex: 1;\n        min-width: 200px;\n        display: flex;\n        align-items: center;\n        background-color: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        height: 48px;\n        overflow: hidden;\n        position: relative;\n        transition: all 0.2s;\n    }\n\n    \/* Red border when container is focused (user clicks on Choose File) *\/\n    .file-upload-container:focus-within {\n        border-color: var(--primary-red);\n        border-width: 1px;\n        background-color: #f8fafc;\n    }\n\n    \/* Keep the red border when file is selected (optional - you can remove this if you only want focus border) *\/\n    .file-upload-container.has-file {\n        border-color: var(--primary-red);\n        border-width: 1px;\n        background-color: #f8fafc;\n    }\n\n    .file-upload-btn {\n        padding: 0 24px;\n        height: 100%;\n        background: #f8fafc;\n        border: none;\n        border-right: 1.5px solid #e2e8f0;\n        font-size: 15px;\n        font-weight: 400;\n        color: #475569;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        white-space: nowrap;\n    }\n\n    .file-upload-text {\n        padding-left: 20px;\n        font-size: 15px;\n        color: #64748b;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        flex: 1;\n    }\n\n    #fileInput {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        cursor: pointer;\n        z-index: 5;\n    }\n\n    .tree {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-pack: start;\n        -ms-flex-pack: start;\n        justify-content: center;\n    }\n\n    .tree ul {\n        padding-left: 20px;\n        position: relative;\n\n        transition: all 0.5s;\n        -webkit-transition: all 0.5s;\n        -moz-transition: all 0.5s;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n    }\n\n    .tree li {\n        text-align: center;\n        list-style-type: none;\n        position: relative;\n        padding: 5px 0 5px 20px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n\n        transition: all 0.5s;\n        -webkit-transition: all 0.5s;\n        -moz-transition: all 0.5s;\n    }\n\n    .tree li::before,\n    .tree li::after {\n        content: '';\n        border-radius: 1px !important;\n        position: absolute;\n        left: 0;\n        bottom: 50%;\n        border-left: 1px solid #ccc;\n        width: 20px;\n        height: 50%;\n    }\n\n    .tree li::after {\n        bottom: auto;\n        top: 50%;\n        border-top: 1px solid #ccc;\n    }\n\n    .tree li:only-child::after,\n    .tree li:only-child::before {\n        display: none;\n    }\n\n    .tree li:only-child {\n        padding-left: 0;\n    }\n\n    .tree li:first-child::before,\n    .tree li:last-child::after {\n        border: 0 none;\n    }\n\n    .tree li:last-child::before {\n        border-bottom: 1px solid #ccc;\n        border-radius: 0 0 5px 0;\n        -webkit-border-radius: 0 0 5px 0;\n        -moz-border-radius: 0 0 5px 0;\n    }\n\n    .tree li:first-child::after {\n        border-radius: 0 0 0 5px;\n        -webkit-border-radius: 0 0 0 5px;\n        -moz-border-radius: 0 0 0 5px;\n    }\n\n    .tree ul ul::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 50%;\n        border-top: 1px solid #ccc;\n        width: 20px;\n        height: 0;\n    }\n\n    .tree li a {\n        border: 1px solid #ccc;\n        padding: 10px 5px;\n        text-decoration: none;\n        color: #666;\n        font-family: arial, verdana, tahoma;\n        font-size: 11px;\n        display: inline-block;\n        -ms-flex-item-align: center;\n        -ms-grid-row-align: center;\n        align-self: center;\n\n        border-radius: 5px;\n        -webkit-border-radius: 5px;\n        -moz-border-radius: 5px;\n\n        transition: all 0.5s;\n        -webkit-transition: all 0.5s;\n        -moz-transition: all 0.5s;\n    }\n\n    .tree li a:hover,\n    .tree li a:hover+ul li a {\n        background: var(--primary-red);\n        color: #ffffff;\n        border: 1px solid var(--primary-red);\n    }\n\n    .tree li a:hover+ul li::after,\n    .tree li a:hover+ul li::before,\n    .tree li a:hover+ul::before,\n    .tree li a:hover+ul ul::before {\n        border-color: var(--primary-red);\n    }\n\n    .tree-view-container {\n        box-shadow: var(--card-shadow);\n        display: none;\n    }\n\n    .tree-view-container .card .card-body {\n        max-height: 80vh;\n        overflow-y: auto;\n    }\n\n    .tree-view-container.active {\n        display: block;\n    }\n\n    \/* Remove the focus outline from the file input itself *\/\n    #fileInput:focus {\n        outline: none;\n    }\n\n    \/* Tabs Section *\/\n    .tabs-container {\n        display: flex;\n        justify-content: center;\n        gap: 16px;\n        margin: 32px 0;\n        flex-wrap: wrap;\n    }\n\n    .tab-btn {\n        height: 48px;\n        padding: 0 32px;\n        border-radius: 8px;\n        font-size: 16px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        cursor: pointer;\n        transition: all 0.2s;\n        background-color: white;\n        border: 2px solid var(--primary-red);\n        color: var(--primary-red);\n        font-weight: 400;\n    }\n\n    .tab-btn.active {\n        background-color: var(--primary-red);\n        color: white;\n        box-shadow: 0 4px 6px -1px rgba(227, 30, 36, 0.2);\n    }\n\n    .tab-btn:hover {\n        background-color: var(--primary-red);\n        color: white;\n        transform: translateY(-1px);\n    }\n\n    \/* Results Display - Table View *\/\n    .results-section {\n        width: 100%;\n        background: white;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n        margin-bottom: 40px;\n    }\n\n    .results-header {\n        background-color: var(--primary-red);\n        color: white;\n        padding: 24px 32px;\n        font-size: 20px;\n        font-weight: 600;\n        letter-spacing: -0.5px;\n    }\n\n    .results-table-container {\n        overflow-x: auto;\n        margin: 0;\n        padding: 1.5rem;\n        \/* This matches .card-body padding *\/\n    }\n\n    .results-table {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: 1000px;\n        margin: 0;\n        \/* .table has margin-bottom: 0 *\/\n    }\n\n    .results-table th {\n        background-color: #e5e4e4;\n        \/* Exact color from your CSS *\/\n        color: var(--text-dark);\n        font-weight: 600;\n        padding: 1rem;\n        \/* 16px *\/\n        border-bottom: 2px solid var(--border-color);\n        text-align: left;\n        font-size: 16px;\n        letter-spacing: 0.5px;\n    }\n\n    .results-table td {\n        padding: 16px;\n        \/* 16px *\/\n        vertical-align: middle;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 16px;\n        color: #1e293b;\n        line-height: 1.6;\n    }\n\n    \/* Zebra striping - matching .table-striped *\/\n    .results-table tbody tr:nth-of-type(odd) {\n        background-color: #F2F2F2;\n    }\n\n    .results-table tbody tr:nth-of-type(even) {\n        background-color: #ffffff;\n    }\n\n    \/* Hover effect - matching your CSS *\/\n    .results-table tbody tr {\n        background-color: #f1f5f9;\n    }\n\n    \/* Remove any other borders *\/\n    .results-table th,\n    .results-table td {\n        border-left: none;\n        border-right: none;\n        border-top: none;\n    }\n\n    \/* Consistent padding for first and last cells *\/\n    .results-table td:first-child,\n    .results-table th:first-child {\n        padding-left: 16px;\n    }\n\n    .results-table td:last-child,\n    .results-table th:last-child {\n        padding-right: 16px;\n    }\n\n    \/* Skill Tracking Tree Styles *\/\n    .tree-outer-container {\n        padding: 40px;\n        background-color: white;\n        min-height: 400px;\n        overflow: auto;\n    }\n\n    \/* Status Messages *\/\n    .status-message {\n        text-align: center;\n        padding: 60px 20px;\n    }\n\n    .status-message i {\n        font-size: 40px;\n        color: #9ca3af;\n        margin-bottom: 16px;\n    }\n\n    .status-message p {\n        color: #6b7280;\n        font-size: 15px;\n        font-weight: 500;\n    }\n\n    .spinner {\n        border: 3px solid #f3f4f6;\n        border-top: 3px solid var(--primary-red);\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        animation: spin 0.8s linear infinite;\n        display: inline-block;\n        margin-bottom: 16px;\n    }\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* Mobile View Fixes *\/\n    @media (max-width: 1024px) {\n        .filter-row {\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n\n        .filter-group {\n            min-width: calc(50% - 10px);\n        }\n\n        .btn {\n            flex: 1;\n            min-width: 120px;\n            padding: 12px;\n            height: 52px;\n        }\n\n        .upload-row {\n            gap: 10px;\n        }\n\n        .file-upload-container {\n            min-width: 0;\n            flex: 1;\n        }\n\n        .file-upload-btn {\n            padding: 0 12px;\n            font-size: 14px;\n        }\n\n        .file-upload-text {\n            font-size: 14px;\n            padding-left: 12px;\n        }\n\n        #uploadBtn {\n            width: auto;\n            min-width: 100px;\n        }\n\n        .tabs-container {\n            gap: 10px;\n        }\n\n        .tab-btn {\n            flex: 1;\n            min-width: 160px;\n            justify-content: center;\n            padding: 0 16px;\n        }\n\n        .results-table td {\n            font-size: 16px;\n            padding: 16px;\n        }\n\n        .results-table th {\n            font-size: 16px;\n            padding: 16px;\n        }\n\n        .tree-container {\n            padding: 15px 15px 15px 30px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .container {\n            padding: 12px;\n        }\n\n        .card {\n            padding: 16px;\n            margin-bottom: 20px;\n        }\n\n        .filter-row {\n            flex-direction: column;\n            gap: 18px;\n            \/* Increased gap between elements\/buttons *\/\n            align-items: stretch;\n        }\n\n        .filter-group {\n            min-width: 100%;\n        }\n\n        \/* Mobile fix for Choose File section *\/\n        .upload-row {\n            flex-direction: row;\n            \/* Keep in row as per image *\/\n            flex-wrap: nowrap;\n            gap: 8px;\n        }\n\n        .file-upload-container {\n            min-width: 0;\n            flex: 1;\n        }\n\n        .file-upload-btn {\n            padding: 0 12px;\n            font-size: 14px;\n            white-space: nowrap;\n        }\n\n        .file-upload-text {\n            font-size: 14px;\n            padding-left: 12px;\n            max-width: none;\n        }\n\n        #uploadBtn {\n            width: auto;\n            min-width: 110px;\n            padding: 0 16px;\n            font-size: 14px;\n            white-space: nowrap;\n        }\n\n        .tabs-container {\n            display: flex;\n            flex-direction: row;\n            \/* Change back to row for 2 columns *\/\n            gap: 12px;\n            margin: 24px 0;\n            padding: 0;\n        }\n\n        .tab-btn {\n            flex: 1;\n            \/* Each takes 50% width minus gap *\/\n            min-width: 0;\n            font-size: 14px;\n            justify-content: center;\n            padding: 8px 19.2px;\n            white-space: nowrap;\n        }\n\n        .results-table {\n            min-width: 800px;\n        }\n\n        .results-header {\n            padding: 16px 20px;\n            font-size: 20px;\n            font-family: 'Inter', sans-serif !important;\n        }\n\n        \/* Tree Responsive Styles *\/\n        .tree-outer-container {\n            padding: 15px;\n            min-height: 400px;\n            overflow-x: auto;\n            \/* Ensure horizontal scrolling *\/\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .tree {\n            justify-content: flex-start;\n            padding-left: 0;\n            width: max-content;\n            \/* Allow tree to expand horizontally *\/\n        }\n\n        .tree li a {\n            padding: 8px 12px;\n            font-size: 13px;\n            white-space: nowrap;\n            \/* Prevent text from stacking vertically *\/\n            display: inline-block;\n            width: auto;\n        }\n\n        .tree ul {\n            padding-left: 25px;\n            \/* Maintain clear branching *\/\n        }\n\n        .tree li {\n            padding-left: 25px;\n        }\n\n        .tree li::before,\n        .tree li::after,\n        .tree ul ul::before {\n            width: 25px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .card {\n            padding: 16px;\n            border-radius: 12px;\n        }\n\n        .btn {\n            height: 48px;\n            font-size: 15px;\n        }\n\n        .upload-row {\n            gap: 8px;\n        }\n\n        .file-upload-btn {\n            padding: 0 10px;\n            font-size: 13px;\n            font-weight: 400;\n        }\n\n        #uploadBtn {\n            min-width: 100px;\n            font-size: 13px;\n            padding: 0 12px;\n        }\n    }\n<\/style>\n\n<div class=\"container\">\n\n    <!-- Search and Filter Card -->\n    <div class=\"card\">\n        <div class=\"filter-row\">\n            <div class=\"filter-group\">\n                <select id=\"sectorFilter\">\n                    <option value=\"\" selected>All Sectors<\/option>\n                    <option value=\"Business Operations\">Business Operations<\/option>\n                    <option value=\"Commercial\">Commercial<\/option>\n                    <option value=\"Compliance &#038; Anti Financial Crime\">Compliance &#038; Anti Financial Crime<\/option>\n                    <option value=\"Contact Center\">Contact Center<\/option>\n                    <option value=\"Corporate Affairs\">Corporate Affairs<\/option>\n                    <option value=\"Customer Care\">Customer Care<\/option>\n                    <option value=\"Finance\">Finance<\/option>\n                    <option value=\"Human Resources\">Human Resources<\/option>\n                    <option value=\"Internal Audit\">Internal Audit<\/option>\n                    <option value=\"Procurement &#038; Administration\">Procurement &#038; Administration<\/option>\n                    <option value=\"Risk Management\">Risk Management<\/option>\n                    <option value=\"Strategy &#038; Innovation\">Strategy &#038; Innovation<\/option>\n                    <option value=\"Technology\">Technology<\/option>\n                    <option value=\"Treasury\">Treasury<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"filter-group\">\n                <select id=\"levelFilter\">\n                    <option value=\"\">All Levels<\/option>\n                    <option value=\"1\">Division<\/option>\n                    <option value=\"2\">Department<\/option>\n                    <option value=\"3\">Unit<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"filter-group search-input\">\n                <input type=\"text\" id=\"skillSearch\" placeholder=\"Search skills...\">\n            <\/div>\n\n            <div class=\"filter-group\">\n                <select id=\"matchType\">\n                    <option value=\"contains\" selected>Contains<\/option>\n                    <option value=\"not_contains\">Not Contains<\/option>\n                    <option value=\"starts_with\">Starts With<\/option>\n                    <option value=\"ends_with\">Ends With<\/option>\n                <\/select>\n            <\/div>\n\n            <button class=\"btn btn-red\" id=\"searchBtn\">\n                <i class=\"fa-solid fa-magnifying-glass\"><\/i> Search\n            <\/button>\n\n            <button class=\"btn btn-outline\" id=\"compareBtn\">\n                <i class=\"fa-solid fa-table-cells\"><\/i> Comparison Table\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- File Upload Card -->\n    <div class=\"card\">\n        <div class=\"upload-row\">\n            <div class=\"file-upload-container\" id=\"fileUploadContainer\">\n                <span class=\"file-upload-btn\">Choose File<\/span>\n                <span class=\"file-upload-text\" id=\"fileName\">No file chosen<\/span>\n                <input type=\"file\" id=\"fileInput\" accept=\".xlsx, .xls\">\n            <\/div>\n            <button class=\"btn btn-red\" id=\"uploadBtn\">\n                <i class=\"fa-solid fa-upload\"><\/i> Upload\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Tabs Section -->\n    <div class=\"tabs-container\">\n        <div class=\"tab-btn active\" data-tab=\"table\"><i class=\"fa-solid fa-table-cells\"><\/i> Table View<\/div>\n        <div class=\"tab-btn\" data-tab=\"tree\"><i class=\"fa-solid fa-sitemap\"><\/i> Skill Tracking Tree<\/div>\n    <\/div>\n\n    <!-- Results Display - Table View -->\n    <div class=\"results-section\" id=\"tableView\" style=\"display: block;\">\n        <div class=\"results-header\">Records<\/div>\n\n        <div id=\"loading\" class=\"status-message\" style=\"display: none;\">\n            <div class=\"spinner\"><\/div>\n            <p>Searching records&#8230;<\/p>\n        <\/div>\n\n        <div id=\"noResults\" class=\"status-message\" style=\"display: none;\">\n            <i class=\"fa-solid fa-circle-info\"><\/i>\n            <p>No records found matching your criteria.<\/p>\n        <\/div>\n\n        <div class=\"results-table-container\" id=\"tableContainer\" style=\"display: none;\">\n            <table class=\"results-table\">\n                <thead>\n                    <tr id=\"tableHeader\"><\/tr>\n                <\/thead>\n                <tbody id=\"tableBody\"><\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <!-- Results Display - Tree View -->\n    <div class=\"results-section\" id=\"treeView\" style=\"display: none;\">\n        <div class=\"results-header\" id=\"treeHeader\">Tree view of <span>All Sectors<\/span><\/div>\n        <div class=\"tree-outer-container\">\n            <div id=\"treeContent\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    const API_BASE = 'https:\/\/api-skill-inventory.zyneventures.com\/api\/v1';\n\n    const elements = {\n        sector: document.getElementById('sectorFilter'),\n        level: document.getElementById('levelFilter'),\n        search: document.getElementById('skillSearch'),\n        match: document.getElementById('matchType'),\n        searchBtn: document.getElementById('searchBtn'),\n        fileInput: document.getElementById('fileInput'),\n        fileName: document.getElementById('fileName'),\n        fileUploadContainer: document.getElementById('fileUploadContainer'),\n        uploadBtn: document.getElementById('uploadBtn'),\n        tableContainer: document.getElementById('tableContainer'),\n        tableHeader: document.getElementById('tableHeader'),\n        tableBody: document.getElementById('tableBody'),\n        loading: document.getElementById('loading'),\n        noResults: document.getElementById('noResults'),\n        compareBtn: document.getElementById('compareBtn'),\n        tabBtns: document.querySelectorAll('.tab-btn'),\n        tableView: document.getElementById('tableView'),\n        treeView: document.getElementById('treeView'),\n        treeContent: document.getElementById('treeContent'),\n        treeHeaderSpan: document.querySelector('#treeHeader span')\n    };\n\n    let currentView = 'table';\n    let currentSearchResults = [];\n\n    \/\/ File input label update with red border\n    elements.fileInput.addEventListener('change', (e) => {\n        const fileName = e.target.files[0] ? e.target.files[0].name : 'No file chosen';\n        elements.fileName.textContent = fileName;\n\n        \/\/ Add red border when file is selected - exactly matching image\n        if (e.target.files[0]) {\n            elements.fileUploadContainer.classList.add('has-file');\n        } else {\n            elements.fileUploadContainer.classList.remove('has-file');\n        }\n    });\n\n    \/\/ Tab button functionality\n    elements.tabBtns.forEach(btn => {\n        btn.addEventListener('click', function () {\n            elements.tabBtns.forEach(b => b.classList.remove('active'));\n            this.classList.add('active');\n\n            const tab = this.getAttribute('data-tab');\n            switchView(tab);\n        });\n    });\n\n    function switchView(view) {\n        currentView = view;\n\n        if (view === 'table') {\n            elements.tableView.style.display = 'block';\n            elements.treeView.style.display = 'none';\n            \/\/ If we have search results, show them in table view\n            if (currentSearchResults.length > 0) {\n                renderTable(currentSearchResults);\n                updateUIState('results');\n            }\n        } else {\n            elements.tableView.style.display = 'none';\n            elements.treeView.style.display = 'block';\n\n            \/\/ Update tree header title\n            const sectorName = elements.sector.options[elements.sector.selectedIndex].text;\n            elements.treeHeaderSpan.textContent = sectorName || 'All Sectors';\n\n            \/\/ If we have search results, show them as tree\n            if (currentSearchResults.length > 0) {\n                renderTreeFromSearchResults(currentSearchResults);\n            } else {\n                \/\/ Show empty state or sample tree\n                showEmptyTree();\n            }\n        }\n    }\n\n    function updateUIState(state) {\n        elements.loading.style.display = state === 'loading' ? 'flex' : 'none';\n        elements.noResults.style.display = state === 'no-results' ? 'flex' : 'none';\n        elements.tableContainer.style.display = state === 'results' ? 'block' : 'none';\n    }\n\n    async function performSearch() {\n        const query = elements.search.value.trim();\n        const jobFamily = elements.sector.value;\n        const subFamily = elements.level.value;\n        const matchType = elements.match.value;\n\n        const params = new URLSearchParams();\n        if (query) params.append('query', query);\n        if (jobFamily) params.append('job_family', jobFamily);\n        if (subFamily) params.append('sub_family', subFamily);\n        if (matchType) params.append('match_type', matchType);\n\n        const queryString = params.toString();\n        const url = queryString ? `${API_BASE}\/search?${queryString}` : `${API_BASE}\/search`;\n\n        updateUIState('loading');\n\n        try {\n            const response = await fetch(url);\n            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);\n\n            const data = await response.json();\n\n            let records = [];\n            if (data.response && Array.isArray(data.response.records)) {\n                records = data.response.records;\n            } else if (data.data && Array.isArray(data.data)) {\n                records = data.data;\n            } else if (data.records && Array.isArray(data.records)) {\n                records = data.records;\n            } else if (Array.isArray(data)) {\n                records = data;\n            }\n\n            currentSearchResults = records;\n\n            if (records.length === 0) {\n                updateUIState('no-results');\n                if (currentView === 'tree') {\n                    showEmptyTree();\n                }\n            } else {\n                if (currentView === 'table') {\n                    renderTable(records);\n                    updateUIState('results');\n                } else {\n                    renderTreeFromSearchResults(records);\n                }\n            }\n        } catch (error) {\n            console.error('Search failed detailed error:', error);\n            updateUIState('no-results');\n        }\n    }\n\n    function renderTable(records) {\n        elements.tableHeader.innerHTML = '';\n        elements.tableBody.innerHTML = '';\n\n        if (!records || records.length === 0) return;\n\n        const columns = [\n            { key: 'id', label: 'ID' },\n            { key: 'sector', label: 'Sector' },\n            { key: 'division', label: 'Division' },\n            { key: 'department', label: 'Department' },\n            { key: 'unit', label: 'Unit' },\n            { key: 'technical_skills', label: 'Technical Skills' }\n        ];\n\n        columns.forEach(col => {\n            const th = document.createElement('th');\n            th.textContent = col.label;\n            elements.tableHeader.appendChild(th);\n        });\n\n        records.forEach(record => {\n            const tr = document.createElement('tr');\n            columns.forEach(col => {\n                const td = document.createElement('td');\n                let content = record[col.key];\n\n                if (content === null || content === undefined) {\n                    content = '';\n                }\n\n                if (col.key === 'technical_skills') {\n                    td.style.minWidth = '450px';\n                }\n\n                td.textContent = content;\n                tr.appendChild(td);\n            });\n            elements.tableBody.appendChild(tr);\n        });\n    }\n\n    function renderTreeFromSearchResults(records) {\n        elements.treeContent.innerHTML = '';\n\n        const sectorName = elements.sector.options[elements.sector.selectedIndex].text || 'All Sectors';\n        const sectorValue = elements.sector.value || '';\n\n        \/\/ Build hierarchy: Division -> Department -> Unit\n        const hierarchy = {};\n\n        records.forEach(record => {\n            const div = record.division || 'General';\n            const dept = record.department || 'General';\n            const unit = record.unit || '';\n\n            if (!hierarchy[div]) hierarchy[div] = {};\n            if (!hierarchy[div][dept]) hierarchy[div][dept] = new Set();\n            if (unit) hierarchy[div][dept].add(unit);\n        });\n\n        const treeContainer = document.createElement('div');\n        treeContainer.className = 'tree';\n\n        const rootUl = document.createElement('ul');\n        const rootLi = document.createElement('li');\n\n        \/\/ Root node\n        const rootA = document.createElement('a');\n        rootA.href = `https:\/\/skills.arthurlawrence.net?job_family=${encodeURIComponent(sectorValue)}`;\n        rootA.textContent = sectorName;\n        rootLi.appendChild(rootA);\n\n        const divisions = Object.keys(hierarchy);\n        if (divisions.length > 0) {\n            const divUl = document.createElement('ul');\n            divisions.forEach(divName => {\n                const divLi = document.createElement('li');\n                const divA = document.createElement('a');\n                divA.href = `https:\/\/skills.arthurlawrence.net?job_family=${encodeURIComponent(sectorValue)}&query=${encodeURIComponent(divName)}`;\n                divA.textContent = divName;\n                divLi.appendChild(divA);\n\n                const departments = Object.keys(hierarchy[divName]);\n                if (departments.length > 0) {\n                    const deptUl = document.createElement('ul');\n                    departments.forEach(deptName => {\n                        const deptLi = document.createElement('li');\n                        const deptA = document.createElement('a');\n                        deptA.href = `https:\/\/skills.arthurlawrence.net?job_family=${encodeURIComponent(sectorValue)}&query=${encodeURIComponent(deptName)}`;\n                        deptA.textContent = deptName;\n                        deptLi.appendChild(deptA);\n\n                        const units = Array.from(hierarchy[divName][deptName]);\n                        if (units.length > 0) {\n                            const unitUl = document.createElement('ul');\n                            units.forEach(unitName => {\n                                const unitLi = document.createElement('li');\n                                const unitA = document.createElement('a');\n                                unitA.href = `https:\/\/skills.arthurlawrence.net?job_family=${encodeURIComponent(sectorValue)}&query=${encodeURIComponent(unitName)}`;\n                                unitA.textContent = unitName;\n                                unitLi.appendChild(unitA);\n                                unitUl.appendChild(unitLi);\n                            });\n                            deptLi.appendChild(unitUl);\n                        }\n                        deptUl.appendChild(deptLi);\n                    });\n                    divLi.appendChild(deptUl);\n                }\n                divUl.appendChild(divLi);\n            });\n            rootLi.appendChild(divUl);\n        }\n\n        rootUl.appendChild(rootLi);\n        treeContainer.appendChild(rootUl);\n        elements.treeContent.appendChild(treeContainer);\n    }\n\n    function showEmptyTree() {\n        elements.treeContent.innerHTML = `\n                    <div class=\"tree\">\n                        <ul>\n                            <li>\n                                <a href=\"#\">No Results Found<\/a>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                `;\n    }\n\n    \/\/ Upload logic\n    async function performUpload() {\n        const file = elements.fileInput.files[0];\n        if (!file) {\n            alert('Please select an Excel file.');\n            return;\n        }\n\n        const formData = new FormData();\n        formData.append('file', file);\n\n        elements.uploadBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Uploading...';\n        elements.uploadBtn.disabled = true;\n\n        try {\n            const response = await fetch(`${API_BASE}\/upload`, {\n                method: 'POST',\n                body: formData\n            });\n\n            if (response.ok) {\n                alert('File uploaded successfully!');\n                elements.fileUploadContainer.classList.remove('has-file');\n                elements.fileInput.value = '';\n                elements.fileName.textContent = 'No file chosen';\n                performSearch();\n            } else {\n                const errorMsg = await response.text();\n                alert('Upload failed: ' + errorMsg);\n            }\n        } catch (error) {\n            console.error('Upload failed:', error);\n            alert('An error occurred during upload.');\n        } finally {\n            elements.uploadBtn.innerHTML = '<i class=\"fa-solid fa-upload\"><\/i> Upload';\n            elements.uploadBtn.disabled = false;\n        }\n    }\n\n    elements.searchBtn.addEventListener('click', performSearch);\n    elements.uploadBtn.addEventListener('click', performUpload);\n    elements.compareBtn.addEventListener('click', () => {\n        window.location.href = 'https:\/\/skill-inventory.zyneventures.com\/?page_id=95';\n    });\n    elements.search.addEventListener('keypress', (e) => {\n        if (e.key === 'Enter') performSearch();\n    });\n\n    \/\/ Initial Load\n    const initialSector = elements.sector.options[elements.sector.selectedIndex].text;\n    elements.treeHeaderSpan.textContent = initialSector || 'All Sectors';\n    performSearch();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Skill Inventory Matrix Enabler for Internal Mobility Program All SectorsBusiness OperationsCommercialCompliance &#038; Anti Financial CrimeContact CenterCorporate AffairsCustomer CareFinanceHuman ResourcesInternal AuditProcurement &#038; AdministrationRisk ManagementStrategy &#038; InnovationTechnologyTreasury All LevelsDivisionDepartmentUnit ContainsNot ContainsStarts WithEnds With Search Comparison Table Choose File No file chosen Upload Table View Skill Tracking Tree Records Searching records&#8230; No records found matching your criteria. Tree&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"jerry","author_link":"https:\/\/skill-inventory.zyneventures.com\/?author=1"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":103,"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/skill-inventory.zyneventures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}