{"id":2653,"date":"2026-07-09T14:38:03","date_gmt":"2026-07-09T14:38:03","guid":{"rendered":"https:\/\/hiaedge.com\/staging\/3501\/?page_id=2653"},"modified":"2026-07-12T10:02:28","modified_gmt":"2026-07-12T10:02:28","slug":"blog","status":"publish","type":"page","link":"https:\/\/hiaedge.com\/staging\/3501\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2653\" class=\"elementor elementor-2653\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c04ed9 e-flex e-con-boxed e-con e-parent\" data-id=\"9c04ed9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e36932b elementor-widget elementor-widget-html\" data-id=\"e36932b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  HIA BLOG PAGE \u00b7 VERSION 4\r\n  Paste this entire file into one Elementor HTML widget.\r\n\r\n  Publishing workflow:\r\n  - Publish a normal WordPress post.\r\n  - This page updates automatically through the WordPress REST API.\r\n  - A sticky WordPress post becomes the lead article; otherwise the newest post does.\r\n\r\n  The page uses WordPress-hosted images and remains a single HTML\/CSS\/JS asset.\r\n-->\r\n\r\n<section id=\"hia-insights-app\" aria-labelledby=\"hia-insights-title\">\r\n  <header class=\"hia-insights-hero\">\r\n    <div class=\"hia-insights-hero-inner\">\r\n      <div class=\"hia-insights-hero-copy\">\r\n        <h1 id=\"hia-insights-title\">What\u2019s happening in AI, and why it matters<\/h1>\r\n        <p class=\"hia-hero-deck\">\r\n          Commentary on new tools, major releases, useful features, and how AI is changing work.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hia-insights-hero-media\" role=\"img\" aria-label=\"An editor reviewing article drafts beside a digital publication\"><\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main class=\"hia-blog-shell\">\r\n    <div id=\"hia-blog-loading\" class=\"hia-blog-loading\" aria-live=\"polite\" aria-label=\"Loading HIA insights\">\r\n      <div class=\"hia-skeleton-feature\">\r\n        <div class=\"hia-skeleton-copy\">\r\n          <span><\/span><strong><\/strong><strong><\/strong><i><\/i><i><\/i><em><\/em>\r\n        <\/div>\r\n        <div class=\"hia-skeleton-media\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section id=\"hia-blog-latest-section\" class=\"hia-blog-latest-section\" aria-labelledby=\"hia-blog-latest-title\" hidden>\r\n      <div class=\"hia-section-heading hia-section-heading-latest\">\r\n        <h2 id=\"hia-blog-latest-title\" class=\"hia-section-kicker hia-section-kicker-heading\">LATEST ARTICLE<\/h2>\r\n      <\/div>\r\n      <div id=\"hia-blog-featured\"><\/div>\r\n    <\/section>\r\n\r\n    <section id=\"hia-blog-controls-section\" class=\"hia-blog-controls-section\" aria-label=\"Find HIA articles\" hidden>\r\n      <div class=\"hia-blog-controls-copy\">\r\n        <p class=\"hia-section-kicker\">BROWSE<\/p>\r\n        <h2>Find an article<\/h2>\r\n      <\/div>\r\n      <div class=\"hia-blog-controls\">\r\n        <label id=\"hia-blog-search-wrap\" class=\"hia-blog-search\" hidden>\r\n          <span class=\"hia-sr-only\">Search articles<\/span>\r\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" focusable=\"false\">\r\n            <path d=\"m21 21-4.35-4.35m2.35-5.65a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z\"><\/path>\r\n          <\/svg>\r\n          <input id=\"hia-blog-search-input\" type=\"search\" placeholder=\"Search articles\" autocomplete=\"off\" \/>\r\n        <\/label>\r\n        <div id=\"hia-blog-categories\" class=\"hia-blog-categories\" aria-label=\"Article topics\" hidden><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"hia-blog-more-section\" class=\"hia-blog-more\" aria-labelledby=\"hia-blog-more-title\" hidden>\r\n      <div class=\"hia-section-heading\">\r\n        <div>\r\n          <p class=\"hia-section-kicker\">FROM THE BLOG<\/p>\r\n          <h2 id=\"hia-blog-more-title\">All articles<\/h2>\r\n        <\/div>\r\n        <span id=\"hia-blog-result-count\" class=\"hia-blog-result-count\" aria-live=\"polite\"><\/span>\r\n      <\/div>\r\n      <div id=\"hia-blog-grid\" class=\"hia-blog-grid\"><\/div>\r\n      <div class=\"hia-blog-load-wrap\">\r\n        <button id=\"hia-blog-load-more\" class=\"hia-blog-load-more\" type=\"button\" hidden>Load more articles<\/button>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div id=\"hia-blog-empty\" class=\"hia-blog-message\" hidden>\r\n      <h2>No matching articles<\/h2>\r\n      <p>Try a different search or topic.<\/p>\r\n      <button id=\"hia-blog-clear\" type=\"button\">Clear filters<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"hia-blog-error\" class=\"hia-blog-message hia-blog-error\" hidden>\r\n      <h2>The articles could not be loaded.<\/h2>\r\n      <p>Please refresh the page. If the issue continues, the WordPress posts feed may be temporarily unavailable.<\/p>\r\n      <button id=\"hia-blog-retry\" type=\"button\">Try again<\/button>\r\n    <\/div>\r\n\r\n    <section class=\"hia-blog-cta\" aria-labelledby=\"hia-blog-cta-title\">\r\n      <div class=\"hia-blog-cta-copy\">\r\n        <h2 id=\"hia-blog-cta-title\">Put these ideas to work<\/h2>\r\n        <p>Build the skills to use AI more effectively in your work or across your organization.<\/p>\r\n      <\/div>\r\n      <div class=\"hia-blog-cta-actions\">\r\n        <a class=\"hia-button hia-button-primary\" href=\"\/seminars\/\">Explore seminars<\/a>\r\n        <a class=\"hia-button hia-button-secondary\" href=\"\/organizations\/\">Work with HIA<\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <noscript>\r\n      <div class=\"hia-blog-message hia-blog-error\">\r\n        <h2>JavaScript is required to display the HIA blog.<\/h2>\r\n      <\/div>\r\n    <\/noscript>\r\n  <\/main>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Hide the ordinary WordPress page title on this custom page. *\/\r\n  body.hia-insights-page .entry-header,\r\n  body.hia-insights-page .page-header,\r\n  body.hia-insights-page .entry-title,\r\n  body.hia-insights-page h1.page-title,\r\n  body.hia-insights-page .elementor-page-title { display: none !important; }\r\n\r\n  body.hia-insights-page { overflow-x: clip; }\r\n\r\n  body.hia-insights-page .hia-blog-host {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n  }\r\n\r\n  #hia-insights-app {\r\n    --hia-ink: #120030;\r\n    --hia-blue: #1c6ff3;\r\n    --hia-teal: #17cadb;\r\n    --hia-indigo: #371775;\r\n    --hia-charcoal: #1c2430;\r\n    --hia-slate: #66758a;\r\n    --hia-stone: #d9d6cf;\r\n    --hia-soft-white: #f7f5f0;\r\n    --hia-white: #ffffff;\r\n    --hia-brass: #a98a5b;\r\n    --hia-sage: #7c8a82;\r\n    --hia-border: rgba(18, 0, 48, 0.13);\r\n    --hia-hero-image: url(\"https:\/\/hiaedge.com\/wp-content\/uploads\/2026\/07\/Blog-Image.png\");\r\n    --hia-fallback-image: url(\"https:\/\/hiaedge.com\/wp-content\/uploads\/2026\/07\/Blog-Image.png\");\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-left: -50vw;\r\n    color: var(--hia-charcoal);\r\n    background: var(--hia-soft-white);\r\n    font-family: Roboto, Arial, Helvetica, sans-serif;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #hia-insights-app,\r\n  #hia-insights-app * { box-sizing: border-box; }\r\n  #hia-insights-app a { color: inherit; }\r\n  #hia-insights-app button,\r\n  #hia-insights-app input { font: inherit; }\r\n  #hia-insights-app [hidden] { display: none !important; }\r\n\r\n  #hia-insights-app .hia-insights-hero {\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: var(--hia-white);\r\n    background: var(--hia-ink);\r\n  }\r\n\r\n  #hia-insights-app .hia-insights-hero::after {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 26%;\r\n    height: 3px;\r\n    background: var(--hia-brass);\r\n    content: \"\";\r\n  }\r\n\r\n  #hia-insights-app .hia-insights-hero-inner {\r\n    position: relative;\r\n    width: min(1440px, 100%);\r\n    min-height: 390px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #hia-insights-app .hia-insights-hero-copy {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    width: min(590px, calc(100% - 48px));\r\n    min-height: 390px;\r\n    margin-left: max(24px, calc((100% - 1180px) \/ 2));\r\n    padding: 58px 0;\r\n  }\r\n\r\n  #hia-insights-app .hia-section-kicker {\r\n    margin: 0 0 12px;\r\n    color: var(--hia-blue);\r\n    font-size: 0.73rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n  }\r\n\r\n\r\n  #hia-insights-app .hia-insights-hero h1 {\r\n    max-width: 670px;\r\n    margin: 0;\r\n    color: var(--hia-white);\r\n    font-size: clamp(2.55rem, 5vw, 4.45rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.047em;\r\n    line-height: 1.01;\r\n  }\r\n\r\n  #hia-insights-app .hia-hero-deck {\r\n    max-width: 650px;\r\n    margin: 24px 0 0;\r\n    color: rgba(255,255,255,0.76);\r\n    font-size: clamp(1rem, 1.5vw, 1.2rem);\r\n    line-height: 1.62;\r\n  }\r\n\r\n  #hia-insights-app .hia-insights-hero-media {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    min-height: 390px;\r\n    background-image:\r\n      linear-gradient(90deg,\r\n        rgba(18,0,48,0.98) 0%,\r\n        rgba(18,0,48,0.95) 24%,\r\n        rgba(18,0,48,0.72) 39%,\r\n        rgba(18,0,48,0.24) 54%,\r\n        rgba(18,0,48,0.03) 68%,\r\n        rgba(18,0,48,0) 100%),\r\n      var(--hia-hero-image);\r\n    background-position: right center;\r\n    background-size: cover;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-shell {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n    padding: 56px 0 82px;\r\n  }\r\n\r\n  #hia-insights-app .hia-section-heading {\r\n    display: flex;\r\n    align-items: end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #hia-insights-app .hia-section-heading-latest { margin-bottom: 16px; }\r\n  #hia-insights-app .hia-section-heading h2,\r\n  #hia-insights-app .hia-blog-controls-copy h2 {\r\n    margin: 0;\r\n    color: var(--hia-ink);\r\n    font-size: clamp(1.8rem, 3vw, 2.45rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  #hia-insights-app .hia-section-kicker { margin-bottom: 7px; }\r\n  #hia-insights-app .hia-section-kicker-heading {\r\n    margin: 0;\r\n    color: var(--hia-blue);\r\n    font-size: 0.73rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n    line-height: 1.2;\r\n  }\r\n  #hia-insights-app .hia-blog-result-count {\r\n    color: var(--hia-slate);\r\n    font-size: 0.86rem;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-latest-section { margin-bottom: 48px; }\r\n\r\n  #hia-insights-app .hia-blog-feature {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);\r\n    overflow: hidden;\r\n    border: 1px solid var(--hia-border);\r\n    border-radius: 12px;\r\n    background: var(--hia-white);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-feature-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-height: 420px;\r\n    padding: clamp(34px, 5vw, 60px);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-label-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 8px 14px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-latest-label,\r\n  #hia-insights-app .hia-blog-category-label {\r\n    font-size: 0.7rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-latest-label {\r\n    position: relative;\r\n    padding-left: 22px;\r\n    color: var(--hia-brass);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-latest-label::before {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 13px;\r\n    height: 2px;\r\n    transform: translateY(-50%);\r\n    background: var(--hia-brass);\r\n    content: \"\";\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-category-label { color: var(--hia-blue); }\r\n\r\n  #hia-insights-app .hia-blog-feature h3 {\r\n    margin: 0;\r\n    font-size: clamp(2rem, 4vw, 3.25rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.039em;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-title-link {\r\n    color: var(--hia-ink);\r\n    text-decoration: none;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-title-link:hover { color: var(--hia-blue); }\r\n\r\n  #hia-insights-app .hia-blog-feature-excerpt {\r\n    display: -webkit-box;\r\n    max-width: 650px;\r\n    margin: 21px 0 0;\r\n    overflow: hidden;\r\n    color: var(--hia-slate);\r\n    font-size: 1.03rem;\r\n    line-height: 1.68;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 4;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 7px 10px;\r\n    margin-top: 24px;\r\n    color: var(--hia-slate);\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-meta-dot::before {\r\n    margin-right: 10px;\r\n    color: var(--hia-brass);\r\n    content: \"\u2022\";\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-read-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: fit-content;\r\n    margin-top: 29px;\r\n    color: var(--hia-blue);\r\n    text-decoration: none;\r\n    font-size: 0.91rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-read-link svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 1.8;\r\n    transition: transform 150ms ease;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-read-link:hover svg { transform: translateX(3px); }\r\n\r\n  #hia-insights-app .hia-blog-feature-media,\r\n  #hia-insights-app .hia-blog-card-media {\r\n    position: relative;\r\n    display: block;\r\n    overflow: hidden;\r\n    background: #efede7;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-feature-media {\r\n    min-height: 420px;\r\n    padding: 18px;\r\n    background: #efebe3;\r\n  }\r\n  #hia-insights-app .hia-blog-feature-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card-media { aspect-ratio: 4 \/ 3; }\r\n  #hia-insights-app .hia-blog-card-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 230ms ease;\r\n  }\r\n  #hia-insights-app .hia-blog-card:hover .hia-blog-card-media img { transform: scale(1.012); }\r\n  #hia-insights-app .hia-blog-card-media.hia-media-contain img { object-fit: contain; }\r\n\r\n  #hia-insights-app .hia-blog-placeholder {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--hia-fallback-image) center \/ cover no-repeat;\r\n  }\r\n  #hia-insights-app .hia-blog-placeholder::after {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(18,0,48,0.36), rgba(18,0,48,0.05));\r\n    content: \"\";\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-controls-section {\r\n    display: grid;\r\n    grid-template-columns: minmax(230px, 0.38fr) minmax(0, 0.62fr);\r\n    align-items: end;\r\n    gap: 36px;\r\n    margin: 0 0 48px;\r\n    padding: 28px 0;\r\n    border-top: 1px solid var(--hia-border);\r\n    border-bottom: 1px solid var(--hia-border);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: 12px 16px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-search {\r\n    position: relative;\r\n    flex: 0 1 280px;\r\n    min-width: 220px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-search svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 14px;\r\n    width: 18px;\r\n    height: 18px;\r\n    transform: translateY(-50%);\r\n    fill: none;\r\n    stroke: var(--hia-slate);\r\n    stroke-linecap: round;\r\n    stroke-width: 1.8;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-search input {\r\n    width: 100%;\r\n    height: 44px;\r\n    padding: 0 14px 0 42px;\r\n    border: 1px solid rgba(18,0,48,0.18);\r\n    border-radius: 7px;\r\n    outline: none;\r\n    color: var(--hia-charcoal);\r\n    background: var(--hia-white);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-search input:focus {\r\n    border-color: var(--hia-blue);\r\n    box-shadow: 0 0 0 3px rgba(28,111,243,0.12);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-categories {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 6px 16px;\r\n    overflow-x: auto;\r\n    padding: 3px 0;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-category-button {\r\n    flex: 0 0 auto;\r\n    min-height: 38px;\r\n    padding: 8px 0;\r\n    border: 0;\r\n    border-bottom: 2px solid transparent;\r\n    color: var(--hia-slate);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    font-size: 0.84rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-category-button:hover { color: var(--hia-ink); }\r\n  #hia-insights-app .hia-blog-category-button[aria-pressed=\"true\"] {\r\n    color: var(--hia-ink);\r\n    border-bottom-color: var(--hia-blue);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-more { margin-top: 0; }\r\n  #hia-insights-app .hia-blog-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid var(--hia-border);\r\n    border-radius: 10px;\r\n    background: var(--hia-white);\r\n    transition: border-color 150ms ease;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card:hover { border-color: rgba(28,111,243,0.42); }\r\n  #hia-insights-app .hia-blog-card-body {\r\n    display: flex;\r\n    flex: 1;\r\n    flex-direction: column;\r\n    padding: 23px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card h3 {\r\n    display: -webkit-box;\r\n    margin: 13px 0 0;\r\n    overflow: hidden;\r\n    color: var(--hia-ink);\r\n    font-size: 1.31rem;\r\n    font-weight: 800;\r\n    letter-spacing: -0.026em;\r\n    line-height: 1.23;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 3;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card-excerpt {\r\n    display: -webkit-box;\r\n    margin: 13px 0 0;\r\n    overflow: hidden;\r\n    color: var(--hia-slate);\r\n    font-size: 0.92rem;\r\n    line-height: 1.58;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 3;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-card .hia-blog-meta {\r\n    margin-top: 17px;\r\n    font-size: 0.76rem;\r\n  }\r\n  #hia-insights-app .hia-blog-card .hia-blog-read-link {\r\n    margin-top: auto;\r\n    padding-top: 21px;\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-load-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-load-more,\r\n  #hia-insights-app .hia-blog-message button,\r\n  #hia-insights-app .hia-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 44px;\r\n    padding: 10px 18px;\r\n    border-radius: 7px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    font-size: 0.87rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-load-more,\r\n  #hia-insights-app .hia-blog-message button {\r\n    border: 1px solid var(--hia-ink);\r\n    color: var(--hia-white);\r\n    background: var(--hia-ink);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-load-more:hover,\r\n  #hia-insights-app .hia-blog-message button:hover { background: var(--hia-indigo); }\r\n\r\n  #hia-insights-app .hia-blog-message {\r\n    padding: 48px 28px;\r\n    border: 1px solid var(--hia-border);\r\n    border-radius: 10px;\r\n    text-align: center;\r\n    background: var(--hia-white);\r\n  }\r\n  #hia-insights-app .hia-blog-message h2 {\r\n    margin: 0;\r\n    color: var(--hia-ink);\r\n    font-size: 1.45rem;\r\n  }\r\n  #hia-insights-app .hia-blog-message p {\r\n    margin: 10px auto 20px;\r\n    color: var(--hia-slate);\r\n  }\r\n  #hia-insights-app .hia-blog-error { border-color: rgba(169,138,91,0.45); }\r\n\r\n  #hia-insights-app .hia-blog-cta {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 40px;\r\n    margin-top: 64px;\r\n    padding: 40px 46px;\r\n    color: var(--hia-white);\r\n    background: var(--hia-ink);\r\n  }\r\n\r\n  #hia-insights-app .hia-blog-cta h2 {\r\n    margin: 0;\r\n    color: var(--hia-white);\r\n    font-size: clamp(1.85rem, 3vw, 2.55rem);\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.08;\r\n  }\r\n  #hia-insights-app .hia-blog-cta p:not(.hia-section-kicker) {\r\n    max-width: 690px;\r\n    margin: 13px 0 0;\r\n    color: rgba(255,255,255,0.74);\r\n    font-size: 0.98rem;\r\n    line-height: 1.6;\r\n  }\r\n  #hia-insights-app .hia-blog-cta-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n  }\r\n  #hia-insights-app .hia-button-primary {\r\n    border: 1px solid var(--hia-blue);\r\n    color: var(--hia-white);\r\n    background: var(--hia-blue);\r\n  }\r\n  #hia-insights-app .hia-button-primary:hover { background: #155fd4; }\r\n  #hia-insights-app .hia-button-secondary {\r\n    border: 1px solid rgba(255,255,255,0.48);\r\n    color: var(--hia-white);\r\n    background: transparent;\r\n  }\r\n  #hia-insights-app .hia-button-secondary:hover { border-color: var(--hia-white); }\r\n\r\n  #hia-insights-app .hia-blog-loading { min-height: 420px; }\r\n  #hia-insights-app .hia-skeleton-feature {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.95fr;\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--hia-border);\r\n    border-radius: 12px;\r\n    background: var(--hia-white);\r\n  }\r\n  #hia-insights-app .hia-skeleton-copy { padding: 58px; }\r\n  #hia-insights-app .hia-skeleton-copy span,\r\n  #hia-insights-app .hia-skeleton-copy strong,\r\n  #hia-insights-app .hia-skeleton-copy i,\r\n  #hia-insights-app .hia-skeleton-copy em,\r\n  #hia-insights-app .hia-skeleton-media {\r\n    display: block;\r\n    border-radius: 4px;\r\n    background: linear-gradient(90deg, #e8e5df 25%, #f4f2ee 45%, #e8e5df 65%);\r\n    background-size: 220% 100%;\r\n    animation: hia-shimmer 1.45s infinite linear;\r\n  }\r\n  #hia-insights-app .hia-skeleton-copy span { width: 92px; height: 12px; margin-bottom: 24px; }\r\n  #hia-insights-app .hia-skeleton-copy strong { width: 88%; height: 36px; margin-bottom: 11px; }\r\n  #hia-insights-app .hia-skeleton-copy strong + strong { width: 72%; }\r\n  #hia-insights-app .hia-skeleton-copy i { width: 100%; height: 14px; margin-top: 28px; }\r\n  #hia-insights-app .hia-skeleton-copy i + i { width: 85%; margin-top: 10px; }\r\n  #hia-insights-app .hia-skeleton-copy em { width: 150px; height: 14px; margin-top: 32px; }\r\n  #hia-insights-app .hia-skeleton-media { border-radius: 0; }\r\n  @keyframes hia-shimmer { to { background-position: -220% 0; } }\r\n\r\n  #hia-insights-app .hia-sr-only {\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    padding: 0 !important;\r\n    margin: -1px !important;\r\n    overflow: hidden !important;\r\n    clip: rect(0,0,0,0) !important;\r\n    white-space: nowrap !important;\r\n    border: 0 !important;\r\n  }\r\n\r\n  #hia-insights-app a:focus-visible,\r\n  #hia-insights-app button:focus-visible,\r\n  #hia-insights-app input:focus-visible {\r\n    outline: 3px solid rgba(28,111,243,0.36);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #hia-insights-app .hia-insights-hero-inner {\r\n      display: grid;\r\n      width: 100%;\r\n      min-height: 0;\r\n    }\r\n    #hia-insights-app .hia-insights-hero-copy {\r\n      z-index: 2;\r\n      width: 100%;\r\n      min-height: 0;\r\n      margin-left: 0;\r\n      padding: 52px 34px 40px;\r\n      background: var(--hia-ink);\r\n    }\r\n    #hia-insights-app .hia-insights-hero-media {\r\n      position: relative;\r\n      z-index: 1;\r\n      min-height: 290px;\r\n      background-image: var(--hia-hero-image);\r\n      background-position: 66% center;\r\n    }\r\n    #hia-insights-app .hia-blog-feature { grid-template-columns: 1fr; }\r\n    #hia-insights-app .hia-blog-feature-copy { min-height: 0; grid-row: 1; }\r\n    #hia-insights-app .hia-blog-feature-media { min-height: 330px; grid-row: 2; }\r\n    #hia-insights-app .hia-blog-controls-section { grid-template-columns: 1fr; gap: 20px; }\r\n    #hia-insights-app .hia-blog-controls { align-items: flex-start; justify-content: flex-start; flex-direction: column; }\r\n    #hia-insights-app .hia-blog-categories { justify-content: flex-start; width: 100%; }\r\n    #hia-insights-app .hia-blog-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n    #hia-insights-app .hia-blog-cta { grid-template-columns: 1fr; }\r\n    #hia-insights-app .hia-blog-cta-actions { justify-content: flex-start; }\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    #hia-insights-app .hia-insights-hero h1 { font-size: clamp(2.35rem, 11vw, 3.35rem); }\r\n    #hia-insights-app .hia-insights-hero-copy { padding: 47px 22px 37px; }\r\n    #hia-insights-app .hia-insights-hero-media {\r\n      min-height: 230px;\r\n      background-position: 72% center;\r\n    }\r\n    #hia-insights-app .hia-blog-shell { width: min(100% - 24px, 1180px); padding: 46px 0 64px; }\r\n    #hia-insights-app .hia-blog-latest-section { margin-bottom: 42px; }\r\n    #hia-insights-app .hia-blog-feature { border-radius: 9px; }\r\n    #hia-insights-app .hia-blog-feature-copy { padding: 29px 23px 31px; }\r\n    #hia-insights-app .hia-blog-feature h3 { font-size: clamp(1.8rem, 8vw, 2.35rem); }\r\n    #hia-insights-app .hia-blog-feature-media {\r\n      min-height: 225px;\r\n      padding: 12px;\r\n    }\r\n    #hia-insights-app .hia-blog-controls-section { margin-bottom: 40px; padding: 24px 0; }\r\n    #hia-insights-app .hia-blog-search { width: 100%; min-width: 0; }\r\n    #hia-insights-app .hia-blog-grid { grid-template-columns: 1fr; }\r\n    #hia-insights-app .hia-section-heading { align-items: flex-start; flex-direction: column; gap: 7px; }\r\n    #hia-insights-app .hia-blog-cta { margin-top: 50px; padding: 34px 26px; }\r\n    #hia-insights-app .hia-blog-cta-actions { flex-direction: column; }\r\n    #hia-insights-app .hia-button { width: 100%; }\r\n    #hia-insights-app .hia-skeleton-feature { grid-template-columns: 1fr; }\r\n    #hia-insights-app .hia-skeleton-copy { padding: 34px 24px; }\r\n    #hia-insights-app .hia-skeleton-media { min-height: 230px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #hia-insights-app *,\r\n    #hia-insights-app *::before,\r\n    #hia-insights-app *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: 0.01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  \"use strict\";\r\n\r\n  document.body.classList.add(\"hia-insights-page\");\r\n\r\n  \/* Let the blog break out of a constrained Elementor or theme content column. *\/\r\n  const appRoot = document.getElementById(\"hia-insights-app\");\r\n  let host = appRoot?.parentElement;\r\n  while (host && host !== document.body) {\r\n    host.classList.add(\"hia-blog-host\");\r\n    if (host.tagName === \"MAIN\") break;\r\n    host = host.parentElement;\r\n  }\r\n\r\n  \/* Supply sensible page metadata. Set the same values in WordPress before launch. *\/\r\n  document.title = \"HIA Blog | Hybrid Intelligence Academy\";\r\n  let metaDescription = document.querySelector('meta[name=\"description\"]');\r\n  if (!metaDescription) {\r\n    metaDescription = document.createElement(\"meta\");\r\n    metaDescription.name = \"description\";\r\n    document.head.appendChild(metaDescription);\r\n  }\r\n  metaDescription.content = \"Commentary on AI tools, major releases, useful features, and how AI is changing professional work.\";\r\n\r\n  \/* Hide only an ordinary page title that belongs to this page. *\/\r\n  document.querySelectorAll(\".entry-title, h1.page-title, .elementor-page-title\").forEach(title => {\r\n    const text = (title.textContent || \"\").trim().toLowerCase();\r\n    if ([\"blog test\", \"insights\", \"hia insights\", \"blog\"].includes(text)) {\r\n      const wrapper = title.closest(\".entry-header, .page-header\") || title;\r\n      wrapper.style.display = \"none\";\r\n    }\r\n  });\r\n\r\n  const CONFIG = {\r\n    apiEndpoint: window.location.protocol === \"file:\"\r\n      ? \"https:\/\/hiaedge.com\/wp-json\/wp\/v2\/posts\"\r\n      : `${window.location.origin}\/wp-json\/wp\/v2\/posts`,\r\n    maximumPosts: 60,\r\n    initialGridCards: 6,\r\n    additionalGridCards: 6,\r\n    wordsPerMinute: 225,\r\n    excludedCategorySlugs: [\"uncategorized\"],\r\n    showCategoriesAt: 4,\r\n    showSearchAt: 7,\r\n    cacheKey: \"hia-blog-v4-posts\",\r\n    cacheMinutes: 10,\r\n    dateLocale: \"en-US\",\r\n    dateOptions: { month: \"long\", day: \"numeric\", year: \"numeric\" },\r\n    imageOverrides: {\r\n      \"when-good-isnt-good-enough\": \"https:\/\/hiaedge.com\/wp-content\/uploads\/2026\/07\/When-Good-Isnt-Good-Enough-Image.jpeg\",\r\n      \"when-good-isnt-good-enough-2\": \"https:\/\/hiaedge.com\/wp-content\/uploads\/2026\/07\/When-Good-Isnt-Good-Enough-Image.jpeg\"\r\n    }\r\n  };\r\n\r\n  const arrowIcon = `<svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>`;\r\n\r\n  const el = {\r\n    loading: document.getElementById(\"hia-blog-loading\"),\r\n    latestSection: document.getElementById(\"hia-blog-latest-section\"),\r\n    featured: document.getElementById(\"hia-blog-featured\"),\r\n    controlsSection: document.getElementById(\"hia-blog-controls-section\"),\r\n    searchWrap: document.getElementById(\"hia-blog-search-wrap\"),\r\n    search: document.getElementById(\"hia-blog-search-input\"),\r\n    categories: document.getElementById(\"hia-blog-categories\"),\r\n    moreSection: document.getElementById(\"hia-blog-more-section\"),\r\n    grid: document.getElementById(\"hia-blog-grid\"),\r\n    resultCount: document.getElementById(\"hia-blog-result-count\"),\r\n    loadMore: document.getElementById(\"hia-blog-load-more\"),\r\n    empty: document.getElementById(\"hia-blog-empty\"),\r\n    clear: document.getElementById(\"hia-blog-clear\"),\r\n    error: document.getElementById(\"hia-blog-error\"),\r\n    retry: document.getElementById(\"hia-blog-retry\")\r\n  };\r\n\r\n  const state = {\r\n    posts: [],\r\n    category: \"all\",\r\n    query: \"\",\r\n    visibleGridCards: CONFIG.initialGridCards,\r\n    loading: false\r\n  };\r\n\r\n  function decodeHtml(html = \"\") {\r\n    const textarea = document.createElement(\"textarea\");\r\n    textarea.innerHTML = html;\r\n    return textarea.value;\r\n  }\r\n\r\n  function plainText(html = \"\") {\r\n    const template = document.createElement(\"template\");\r\n    template.innerHTML = html;\r\n    return (template.content.textContent || \"\").replace(\/\\s+\/g, \" \").trim();\r\n  }\r\n\r\n  function safeUrl(value, fallback = \"#\") {\r\n    try {\r\n      const url = new URL(value, window.location.origin);\r\n      return [\"http:\", \"https:\"].includes(url.protocol) ? url.href : fallback;\r\n    } catch { return fallback; }\r\n  }\r\n\r\n  function formatDate(value) {\r\n    const date = new Date(value);\r\n    if (Number.isNaN(date.getTime())) return \"\";\r\n    return new Intl.DateTimeFormat(CONFIG.dateLocale, CONFIG.dateOptions).format(date);\r\n  }\r\n\r\n  function readingTime(html) {\r\n    const count = plainText(html).split(\/\\s+\/).filter(Boolean).length;\r\n    return Math.max(1, Math.ceil(count \/ CONFIG.wordsPerMinute));\r\n  }\r\n\r\n  function extractCategories(post) {\r\n    const groups = post?._embedded?.[\"wp:term\"] || [];\r\n    return groups.flat()\r\n      .filter(term => term && term.taxonomy === \"category\")\r\n      .filter(term => !CONFIG.excludedCategorySlugs.includes(term.slug))\r\n      .map(term => ({ id: term.id, name: decodeHtml(term.name), slug: term.slug }));\r\n  }\r\n\r\n  function extractAuthor(post) {\r\n    const author = post?._embedded?.author?.[0];\r\n    return author?.name ? decodeHtml(author.name) : \"HIA\";\r\n  }\r\n\r\n  function extractImage(post) {\r\n    const override = CONFIG.imageOverrides[post?.slug];\r\n    if (override) {\r\n      return {\r\n        url: safeUrl(override, \"\"),\r\n        alt: decodeHtml(plainText(post.title?.rendered || \"Article image\")),\r\n        contain: true\r\n      };\r\n    }\r\n    const media = post?._embedded?.[\"wp:featuredmedia\"]?.[0];\r\n    if (!media) return null;\r\n    const sizes = media.media_details?.sizes || {};\r\n    const source = sizes.large?.source_url || sizes.medium_large?.source_url || sizes.full?.source_url || media.source_url;\r\n    if (!source) return null;\r\n    const width = media.media_details?.width || sizes.full?.width || 0;\r\n    const height = media.media_details?.height || sizes.full?.height || 0;\r\n    const ratio = width && height ? width \/ height : 0;\r\n    const descriptor = `${media.alt_text || \"\"} ${media.caption?.rendered || \"\"} ${source}`.toLowerCase();\r\n    const graphicWords = \/diagram|chart|illustration|infographic|graphic|dashboard|workflow|framework|screenshot\/;\r\n    return {\r\n      url: safeUrl(source, \"\"),\r\n      alt: decodeHtml(media.alt_text || plainText(post.title?.rendered || \"\")),\r\n      contain: graphicWords.test(descriptor) || (ratio && (ratio < 1.18 || ratio > 1.82))\r\n    };\r\n  }\r\n\r\n  function normalizePost(post) {\r\n    const title = decodeHtml(plainText(post.title?.rendered || \"Untitled\"));\r\n    const content = post.content?.rendered || \"\";\r\n    const excerpt = plainText(post.excerpt?.rendered || content);\r\n    const categories = extractCategories(post);\r\n    const author = extractAuthor(post);\r\n    return {\r\n      id: post.id,\r\n      slug: post.slug || \"\",\r\n      title,\r\n      excerpt,\r\n      content,\r\n      link: safeUrl(post.link),\r\n      date: post.date,\r\n      formattedDate: formatDate(post.date),\r\n      author,\r\n      categories,\r\n      primaryCategory: categories[0] || null,\r\n      image: extractImage(post),\r\n      readMinutes: readingTime(content),\r\n      sticky: Boolean(post.sticky),\r\n      searchText: [title, excerpt, author, categories.map(c => c.name).join(\" \")].join(\" \").toLowerCase()\r\n    };\r\n  }\r\n\r\n  function cacheRead() {\r\n    try {\r\n      const saved = JSON.parse(localStorage.getItem(CONFIG.cacheKey) || \"null\");\r\n      const maxAge = CONFIG.cacheMinutes * 60 * 1000;\r\n      if (!saved || !saved.savedAt || !Array.isArray(saved.posts) || Date.now() - saved.savedAt > maxAge) return null;\r\n      return saved.posts;\r\n    } catch { return null; }\r\n  }\r\n\r\n  function cacheWrite(posts) {\r\n    try { localStorage.setItem(CONFIG.cacheKey, JSON.stringify({ savedAt: Date.now(), posts })); }\r\n    catch { \/* Storage limits or privacy settings should not break the page. *\/ }\r\n  }\r\n\r\n  async function fetchPosts() {\r\n    const params = new URLSearchParams({\r\n      per_page: String(CONFIG.maximumPosts),\r\n      orderby: \"date\",\r\n      order: \"desc\",\r\n      status: \"publish\",\r\n      _embed: \"1\",\r\n      _fields: \"id,slug,date,link,sticky,title,excerpt,content,_embedded\"\r\n    });\r\n    const response = await fetch(`${CONFIG.apiEndpoint}?${params.toString()}`, {\r\n      headers: { Accept: \"application\/json\" },\r\n      credentials: \"same-origin\"\r\n    });\r\n    if (!response.ok) throw new Error(`WordPress returned ${response.status}`);\r\n    const posts = await response.json();\r\n    cacheWrite(posts);\r\n    return posts;\r\n  }\r\n\r\n  function getFilteredPosts() {\r\n    const query = state.query.trim().toLowerCase();\r\n    return state.posts.filter(post => {\r\n      const categoryMatch = state.category === \"all\" || post.categories.some(c => c.slug === state.category);\r\n      const queryMatch = !query || post.searchText.includes(query);\r\n      return categoryMatch && queryMatch;\r\n    });\r\n  }\r\n\r\n  function chooseFeatured(posts) { return posts.find(post => post.sticky) || posts[0] || null; }\r\n\r\n  function createMedia(post, className, isFeature = false) {\r\n    const link = document.createElement(\"a\");\r\n    link.className = className;\r\n    link.href = post.link;\r\n    link.setAttribute(\"aria-label\", `Read ${post.title}`);\r\n\r\n    if (post.image?.url) {\r\n      if (!isFeature && post.image.contain) link.classList.add(\"hia-media-contain\");\r\n      const img = document.createElement(\"img\");\r\n      img.src = post.image.url;\r\n      img.alt = post.image.alt;\r\n      img.loading = isFeature ? \"eager\" : \"lazy\";\r\n      img.decoding = \"async\";\r\n      link.appendChild(img);\r\n    } else {\r\n      const placeholder = document.createElement(\"div\");\r\n      placeholder.className = \"hia-blog-placeholder\";\r\n      link.appendChild(placeholder);\r\n    }\r\n    return link;\r\n  }\r\n\r\n  function createCategoryLabel(post) {\r\n    if (!post.primaryCategory) return null;\r\n    const label = document.createElement(\"span\");\r\n    label.className = \"hia-blog-category-label\";\r\n    label.textContent = post.primaryCategory.name;\r\n    return label;\r\n  }\r\n\r\n  function createMeta(post, includeAuthor = true) {\r\n    const meta = document.createElement(\"div\");\r\n    meta.className = \"hia-blog-meta\";\r\n    const items = [];\r\n    if (includeAuthor) {\r\n      const author = document.createElement(\"span\");\r\n      author.textContent = `By ${post.author}`;\r\n      items.push(author);\r\n    }\r\n    if (post.formattedDate) {\r\n      const date = document.createElement(\"span\");\r\n      date.textContent = post.formattedDate;\r\n      items.push(date);\r\n    }\r\n    const reading = document.createElement(\"span\");\r\n    reading.textContent = `${post.readMinutes} min read`;\r\n    items.push(reading);\r\n    items.forEach((item, index) => {\r\n      if (index) item.classList.add(\"hia-blog-meta-dot\");\r\n      meta.appendChild(item);\r\n    });\r\n    return meta;\r\n  }\r\n\r\n  function createReadLink(post) {\r\n    const link = document.createElement(\"a\");\r\n    link.className = \"hia-blog-read-link\";\r\n    link.href = post.link;\r\n    link.innerHTML = `<span>Read article<\/span>${arrowIcon}`;\r\n    link.setAttribute(\"aria-label\", `Read article: ${post.title}`);\r\n    return link;\r\n  }\r\n\r\n  function createLinkedTitle(post, level = \"h3\") {\r\n    const heading = document.createElement(level);\r\n    const link = document.createElement(\"a\");\r\n    link.className = \"hia-blog-title-link\";\r\n    link.href = post.link;\r\n    link.textContent = post.title;\r\n    heading.appendChild(link);\r\n    return heading;\r\n  }\r\n\r\n  function renderFeatured(post) {\r\n    el.featured.replaceChildren();\r\n    if (!post) return;\r\n    const article = document.createElement(\"article\");\r\n    article.className = \"hia-blog-feature\";\r\n    const copy = document.createElement(\"div\");\r\n    copy.className = \"hia-blog-feature-copy\";\r\n    const labels = document.createElement(\"div\");\r\n    labels.className = \"hia-blog-label-row\";\r\n    const latest = document.createElement(\"span\");\r\n    latest.className = \"hia-blog-latest-label\";\r\n    latest.textContent = post.sticky ? \"Featured\" : \"Latest\";\r\n    labels.appendChild(latest);\r\n    const category = createCategoryLabel(post);\r\n    if (category) labels.appendChild(category);\r\n    const excerpt = document.createElement(\"p\");\r\n    excerpt.className = \"hia-blog-feature-excerpt\";\r\n    excerpt.textContent = post.excerpt;\r\n    copy.append(labels, createLinkedTitle(post), excerpt, createMeta(post, true), createReadLink(post));\r\n    article.append(copy, createMedia(post, \"hia-blog-feature-media\", true));\r\n    el.featured.appendChild(article);\r\n  }\r\n\r\n  function createCard(post) {\r\n    const article = document.createElement(\"article\");\r\n    article.className = \"hia-blog-card\";\r\n    const body = document.createElement(\"div\");\r\n    body.className = \"hia-blog-card-body\";\r\n    const category = createCategoryLabel(post);\r\n    if (category) body.appendChild(category);\r\n    const excerpt = document.createElement(\"p\");\r\n    excerpt.className = \"hia-blog-card-excerpt\";\r\n    excerpt.textContent = post.excerpt;\r\n    body.append(createLinkedTitle(post), excerpt, createMeta(post, false), createReadLink(post));\r\n    article.append(createMedia(post, \"hia-blog-card-media\"), body);\r\n    return article;\r\n  }\r\n\r\n  function getUniqueCategories() {\r\n    const map = new Map();\r\n    state.posts.forEach(post => post.categories.forEach(c => { if (!map.has(c.slug)) map.set(c.slug, c.name); }));\r\n    return [...map.entries()].sort((a,b) => a[1].localeCompare(b[1]));\r\n  }\r\n\r\n  function renderControls() {\r\n    const categories = getUniqueCategories();\r\n    const showSearch = state.posts.length >= CONFIG.showSearchAt;\r\n    const showCategories = state.posts.length >= CONFIG.showCategoriesAt && categories.length > 1;\r\n    el.searchWrap.hidden = !showSearch;\r\n    el.categories.hidden = !showCategories;\r\n    el.controlsSection.hidden = !(showSearch || showCategories);\r\n    el.categories.replaceChildren();\r\n    if (!showCategories) return;\r\n    [[\"all\", \"All topics\"], ...categories].forEach(([slug, name]) => {\r\n      const button = document.createElement(\"button\");\r\n      button.type = \"button\";\r\n      button.className = \"hia-blog-category-button\";\r\n      button.dataset.category = slug;\r\n      button.textContent = name;\r\n      button.setAttribute(\"aria-pressed\", String(state.category === slug));\r\n      button.addEventListener(\"click\", () => {\r\n        state.category = slug;\r\n        state.visibleGridCards = CONFIG.initialGridCards;\r\n        renderControls();\r\n        renderPosts();\r\n      });\r\n      el.categories.appendChild(button);\r\n    });\r\n  }\r\n\r\n  function renderPosts() {\r\n    const filtered = getFilteredPosts();\r\n    const featured = chooseFeatured(filtered);\r\n    const remaining = featured ? filtered.filter(post => post.id !== featured.id) : [];\r\n    const visible = remaining.slice(0, state.visibleGridCards);\r\n\r\n    el.error.hidden = true;\r\n    el.empty.hidden = filtered.length > 0;\r\n    el.latestSection.hidden = filtered.length === 0;\r\n\r\n    if (!filtered.length) {\r\n      el.featured.replaceChildren();\r\n      el.grid.replaceChildren();\r\n      el.moreSection.hidden = true;\r\n      return;\r\n    }\r\n\r\n    renderFeatured(featured);\r\n    el.grid.replaceChildren(...visible.map(createCard));\r\n    el.moreSection.hidden = remaining.length === 0;\r\n    el.loadMore.hidden = visible.length >= remaining.length;\r\n    el.resultCount.textContent = remaining.length ? `${remaining.length} ${remaining.length === 1 ? \"article\" : \"articles\"}` : \"\";\r\n  }\r\n\r\n  function setLoading(value) {\r\n    state.loading = value;\r\n    el.search.disabled = value;\r\n    el.loading.hidden = !value;\r\n    if (value) {\r\n      el.latestSection.hidden = true;\r\n      el.controlsSection.hidden = true;\r\n      el.moreSection.hidden = true;\r\n      el.empty.hidden = true;\r\n      el.error.hidden = true;\r\n    }\r\n  }\r\n\r\n  async function initialize(forceRefresh = false) {\r\n    if (state.loading) return;\r\n    setLoading(true);\r\n    try {\r\n      const rawPosts = !forceRefresh ? cacheRead() : null;\r\n      const posts = rawPosts || await fetchPosts();\r\n      state.posts = posts.map(normalizePost).sort((a,b) => new Date(b.date) - new Date(a.date));\r\n      renderControls();\r\n      renderPosts();\r\n    } catch (error) {\r\n      console.error(\"HIA blog failed to load:\", error);\r\n      el.latestSection.hidden = true;\r\n      el.controlsSection.hidden = true;\r\n      el.moreSection.hidden = true;\r\n      el.empty.hidden = true;\r\n      el.error.hidden = false;\r\n    } finally { setLoading(false); }\r\n  }\r\n\r\n  let searchTimer;\r\n  el.search.addEventListener(\"input\", event => {\r\n    clearTimeout(searchTimer);\r\n    searchTimer = setTimeout(() => {\r\n      state.query = event.target.value;\r\n      state.visibleGridCards = CONFIG.initialGridCards;\r\n      renderPosts();\r\n    }, 180);\r\n  });\r\n\r\n  el.loadMore.addEventListener(\"click\", () => {\r\n    state.visibleGridCards += CONFIG.additionalGridCards;\r\n    renderPosts();\r\n  });\r\n\r\n  el.clear.addEventListener(\"click\", () => {\r\n    state.category = \"all\";\r\n    state.query = \"\";\r\n    state.visibleGridCards = CONFIG.initialGridCards;\r\n    el.search.value = \"\";\r\n    renderControls();\r\n    renderPosts();\r\n    if (!el.searchWrap.hidden) el.search.focus();\r\n  });\r\n\r\n  el.retry.addEventListener(\"click\", () => initialize(true));\r\n  initialize();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What\u2019s happening in AI, and why it matters Commentary on new tools, major releases, useful features, and how AI is changing work. LATEST ARTICLE BROWSE Find an article Search articles FROM THE BLOG All articles Load more articles No matching articles Try a different search or topic. Clear filters The articles could not be loaded. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2653","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Blog - Hybrid Intelligence Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hiaedge.com\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog - Hybrid Intelligence Academy\" \/>\n<meta property=\"og:description\" content=\"What\u2019s happening in AI, and why it matters Commentary on new tools, major releases, useful features, and how AI is changing work. LATEST ARTICLE BROWSE Find an article Search articles FROM THE BLOG All articles Load more articles No matching articles Try a different search or topic. Clear filters The articles could not be loaded. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hiaedge.com\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"Hybrid Intelligence Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Hybrid-Intelligence-Academy\/61579510605846\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-12T10:02:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hiaedge.com\\\/blog\\\/\",\"url\":\"https:\\\/\\\/hiaedge.com\\\/blog\\\/\",\"name\":\"Blog - Hybrid Intelligence Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#website\"},\"datePublished\":\"2026-07-09T14:38:03+00:00\",\"dateModified\":\"2026-07-12T10:02:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hiaedge.com\\\/blog\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hiaedge.com\\\/blog\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hiaedge.com\\\/blog\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hiaedge.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#website\",\"url\":\"https:\\\/\\\/www.hiaedge.com\\\/\",\"name\":\"Hybrid Intelligence Academy\",\"description\":\"Practical AI skills for real professionals.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#organization\"},\"alternateName\":\"HAI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hiaedge.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#organization\",\"name\":\"Hybrid Intelligence Academy\",\"url\":\"https:\\\/\\\/www.hiaedge.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hiaedge.com\\\/staging\\\/3501\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-Hybrid-Intelligence-Academy-1.jpg\",\"contentUrl\":\"https:\\\/\\\/hiaedge.com\\\/staging\\\/3501\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-Hybrid-Intelligence-Academy-1.jpg\",\"width\":1660,\"height\":476,\"caption\":\"Hybrid Intelligence Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hiaedge.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Hybrid-Intelligence-Academy\\\/61579510605846\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hybrid-intelligence-academy\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blog - Hybrid Intelligence Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hiaedge.com\/blog\/","og_locale":"en_US","og_type":"article","og_title":"Blog - Hybrid Intelligence Academy","og_description":"What\u2019s happening in AI, and why it matters Commentary on new tools, major releases, useful features, and how AI is changing work. LATEST ARTICLE BROWSE Find an article Search articles FROM THE BLOG All articles Load more articles No matching articles Try a different search or topic. Clear filters The articles could not be loaded. [&hellip;]","og_url":"https:\/\/hiaedge.com\/blog\/","og_site_name":"Hybrid Intelligence Academy","article_publisher":"https:\/\/www.facebook.com\/people\/Hybrid-Intelligence-Academy\/61579510605846\/","article_modified_time":"2026-07-12T10:02:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hiaedge.com\/blog\/","url":"https:\/\/hiaedge.com\/blog\/","name":"Blog - Hybrid Intelligence Academy","isPartOf":{"@id":"https:\/\/www.hiaedge.com\/#website"},"datePublished":"2026-07-09T14:38:03+00:00","dateModified":"2026-07-12T10:02:28+00:00","breadcrumb":{"@id":"https:\/\/hiaedge.com\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hiaedge.com\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hiaedge.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hiaedge.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/www.hiaedge.com\/#website","url":"https:\/\/www.hiaedge.com\/","name":"Hybrid Intelligence Academy","description":"Practical AI skills for real professionals.","publisher":{"@id":"https:\/\/www.hiaedge.com\/#organization"},"alternateName":"HAI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hiaedge.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hiaedge.com\/#organization","name":"Hybrid Intelligence Academy","url":"https:\/\/www.hiaedge.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hiaedge.com\/#\/schema\/logo\/image\/","url":"https:\/\/hiaedge.com\/staging\/3501\/wp-content\/uploads\/2026\/03\/cropped-Hybrid-Intelligence-Academy-1.jpg","contentUrl":"https:\/\/hiaedge.com\/staging\/3501\/wp-content\/uploads\/2026\/03\/cropped-Hybrid-Intelligence-Academy-1.jpg","width":1660,"height":476,"caption":"Hybrid Intelligence Academy"},"image":{"@id":"https:\/\/www.hiaedge.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Hybrid-Intelligence-Academy\/61579510605846\/","https:\/\/www.linkedin.com\/company\/hybrid-intelligence-academy\/"]}]}},"_links":{"self":[{"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/pages\/2653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/comments?post=2653"}],"version-history":[{"count":20,"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/pages\/2653\/revisions"}],"predecessor-version":[{"id":3585,"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/pages\/2653\/revisions\/3585"}],"wp:attachment":[{"href":"https:\/\/hiaedge.com\/staging\/3501\/wp-json\/wp\/v2\/media?parent=2653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}