{"id":123,"date":"2026-03-23T16:12:41","date_gmt":"2026-03-23T16:12:41","guid":{"rendered":"https:\/\/e40c447b5810478002.temporary.link\/ai\/?page_id=123"},"modified":"2026-03-25T22:15:38","modified_gmt":"2026-03-25T22:15:38","slug":"framework","status":"publish","type":"page","link":"https:\/\/ai.elcamino.edu\/es\/learning\/framework\/","title":{"rendered":"Ai Fluency Framework"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#c8102e\" class=\"has-inline-color\">INTRODUCING THE ECC AI FLUENCY FRAMEWORK<\/mark><\/p>\n\n\n<h3>AI Fluency at ECC: Building Capacity, Strengthening Judgment, and Leading with Intention<\/h3>\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/ECC_AI_Fluency_Framework.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p><strong>Synopsis:<\/strong> Artificial intelligence is reshaping how colleges operate but success depends on how intentionally we respond. This presentation introduces <span style=\"color: #c8102e;\">El Camino College\u2019s AI Fluency Professional Development Framework,<\/span> a structured, role-based approach designed to strengthen decision-making, extend institutional capacity, and support our workforce. Rather than focusing on tools, this initiative focuses on people, equipping employees at every level to use AI thoughtfully, responsibly, and effectively in their daily work. This is how ECC is preparing to lead in a rapidly changing landscape.<\/p>\n<\/div>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n<h3>ECC AI Fluency Blueprint: A Tiered Strategy for Institutional Capacity, Governance, and Impact<\/h3>\n\n\n<div style=\"height:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/AI-Fluency-Blueprint-Framework-1024x571.png\" alt=\"Ai Fluency Framework\" class=\"wp-image-137\" srcset=\"https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/AI-Fluency-Blueprint-Framework-1024x571.png 1024w, https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/AI-Fluency-Blueprint-Framework-300x167.png 300w, https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/AI-Fluency-Blueprint-Framework-768x428.png 768w, https:\/\/ai.elcamino.edu\/wp-content\/uploads\/2026\/03\/AI-Fluency-Blueprint-Framework.png 1375w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<!--nextpage-->\n\n\n<h3>ECC AI Fluency Framework at a Glance<\/h3>\n\n\n<!-- ECC AI Fluency Framework \u2014 Interactive Mind Map -->\n<!-- Paste this into a Custom HTML block on \/ai\/framework\/ -->\n<!-- Uses theme CSS variables from style.css \u2014 no overrides needed -->\n\n<style>\n  .fw-wrap {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 0 0 40px;\n  }\n\n  .fw-controls {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-bottom: 24px;\n  }\n\n  .fw-ctrl {\n    padding: 8px 20px;\n    background: transparent;\n    border: 1.5px solid var(--ai-line);\n    border-radius: 999px;\n    color: var(--ai-muted);\n    font-family: Inter, system-ui, -apple-system, sans-serif;\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    letter-spacing: 0.02em;\n  }\n\n  .fw-ctrl:hover {\n    border-color: rgba(200, 16, 46, 0.22);\n    background: rgba(200, 16, 46, 0.08);\n    color: var(--ai-red);\n  }\n\n  \/* \u2500\u2500 Tier Row \u2500\u2500 *\/\n  .fw-tier {\n    margin-bottom: 12px;\n  }\n\n  .fw-tier-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px 24px;\n    background: var(--ai-surface);\n    border: 1px solid var(--ai-line);\n    border-radius: var(--ai-radius);\n    box-shadow: var(--ai-shadow-soft);\n    cursor: pointer;\n    user-select: none;\n    transition: box-shadow 0.25s ease, border-color 0.25s ease;\n  }\n\n  .fw-tier-header:hover {\n    box-shadow: var(--ai-shadow);\n    border-color: rgba(22, 22, 22, 0.15);\n  }\n\n  \/* Tier tint backgrounds \u2014 match homepage tier cards *\/\n  .fw-tier--1 .fw-tier-header {\n    background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1));\n  }\n  .fw-tier--2 .fw-tier-header {\n    background: linear-gradient(135deg, rgba(185,217,246,0.25), rgba(255,255,255,1));\n  }\n  .fw-tier--3 .fw-tier-header {\n    background: linear-gradient(135deg, rgba(142,223,214,0.18), rgba(255,255,255,1));\n  }\n  .fw-tier--ps .fw-tier-header {\n    background: linear-gradient(135deg, rgba(242,216,203,0.25), rgba(255,255,255,1));\n  }\n\n  .fw-tier-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 0.75rem;\n    letter-spacing: 0.04em;\n    color: #fff;\n    flex-shrink: 0;\n  }\n\n  .fw-tier--1 .fw-tier-icon { background: #3b5fc0; }\n  .fw-tier--2 .fw-tier-icon { background: var(--ai-blue); }\n  .fw-tier--3 .fw-tier-icon { background: #2d8a4e; }\n  .fw-tier--ps .fw-tier-icon { background: #7c5bbf; }\n\n  .fw-tier-meta { flex: 1; }\n\n  .fw-tier-label {\n    display: block;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--ai-red);\n    margin-bottom: 2px;\n  }\n\n  .fw-tier-title {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 700;\n    font-size: 1.2rem;\n    color: var(--ai-text);\n    line-height: 1.25;\n    letter-spacing: -0.02em;\n  }\n\n  .fw-tier-arrow {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(22, 22, 22, 0.04);\n    color: var(--ai-muted);\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n  }\n\n  .fw-tier-arrow svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n  }\n\n  .fw-tier.is-open > .fw-tier-header .fw-tier-arrow svg {\n    transform: rotate(90deg);\n  }\n\n  .fw-tier.is-open > .fw-tier-header .fw-tier-arrow {\n    color: var(--ai-text);\n    background: rgba(22, 22, 22, 0.07);\n  }\n\n  \/* \u2500\u2500 Branch Container \u2500\u2500 *\/\n  .fw-branches {\n    display: none;\n    padding: 8px 0 4px 22px;\n    position: relative;\n  }\n\n  .fw-tier.is-open > .fw-branches {\n    display: block;\n    animation: fwFade 0.3s ease forwards;\n  }\n\n  .fw-branches::before {\n    content: '';\n    position: absolute;\n    left: 42px;\n    top: 0;\n    bottom: 16px;\n    width: 1.5px;\n    background: linear-gradient(to bottom, rgba(22,22,22,0.12), transparent);\n  }\n\n  \/* \u2500\u2500 Branch \u2500\u2500 *\/\n  .fw-branch {\n    margin: 6px 0;\n    margin-left: 28px;\n    position: relative;\n  }\n\n  .fw-branch::before {\n    content: '';\n    position: absolute;\n    left: -10px;\n    top: 21px;\n    width: 14px;\n    height: 1.5px;\n    background: rgba(22, 22, 22, 0.12);\n  }\n\n  .fw-branch-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 16px;\n    background: var(--ai-surface);\n    border: 1px solid var(--ai-line);\n    border-radius: 14px;\n    cursor: pointer;\n    user-select: none;\n    transition: all 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  }\n\n  .fw-branch-header:hover {\n    box-shadow: var(--ai-shadow-soft);\n    border-color: rgba(22, 22, 22, 0.15);\n  }\n\n  .fw-branch-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    transition: transform 0.2s ease;\n  }\n\n  .fw-branch.is-open .fw-branch-dot {\n    transform: scale(1.25);\n  }\n\n  .fw-tier--1 .fw-branch-dot { background: #5b7fd6; }\n  .fw-tier--2 .fw-branch-dot { background: var(--ai-blue); }\n  .fw-tier--3 .fw-branch-dot { background: #4aad6a; }\n  .fw-tier--ps .fw-branch-dot { background: #9678d3; }\n\n  .fw-branch-name {\n    font-weight: 600;\n    font-size: 0.92rem;\n    color: var(--ai-text);\n    flex: 1;\n  }\n\n  .fw-branch-count {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--ai-muted);\n    background: rgba(22, 22, 22, 0.04);\n    padding: 2px 10px;\n    border-radius: 999px;\n  }\n\n  .fw-branch-arrow {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--ai-muted);\n  }\n\n  .fw-branch-arrow svg {\n    width: 12px;\n    height: 12px;\n    transition: transform 0.3s ease;\n  }\n\n  .fw-branch.is-open .fw-branch-arrow svg {\n    transform: rotate(90deg);\n  }\n\n  \/* \u2500\u2500 Leaves \u2500\u2500 *\/\n  .fw-leaves {\n    display: none;\n    padding: 8px 0 8px 28px;\n    position: relative;\n  }\n\n  .fw-branch.is-open > .fw-leaves {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    animation: fwFade 0.25s ease forwards;\n  }\n\n  .fw-leaves::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 8px;\n    width: 1px;\n    background: linear-gradient(to bottom, rgba(22,22,22,0.08), transparent);\n  }\n\n  .fw-leaf {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 16px;\n    background: var(--ai-surface);\n    border: 1px solid var(--ai-line);\n    border-radius: 10px;\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: var(--ai-muted);\n    transition: all 0.2s ease;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n  }\n\n  .fw-leaf::before {\n    content: '';\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    opacity: 0.55;\n  }\n\n  .fw-tier--1 .fw-leaf::before { background: #3b5fc0; }\n  .fw-tier--2 .fw-leaf::before { background: var(--ai-blue); }\n  .fw-tier--3 .fw-leaf::before { background: #2d8a4e; }\n  .fw-tier--ps .fw-leaf::before { background: #7c5bbf; }\n\n  .fw-leaf:hover {\n    border-color: rgba(22, 22, 22, 0.15);\n    box-shadow: var(--ai-shadow-soft);\n    color: var(--ai-text);\n    transform: translateY(-1px);\n  }\n\n  @keyframes fwFade {\n    from { opacity: 0; transform: translateY(-4px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 820px) {\n    .fw-wrap { padding: 0 0 32px; }\n    .fw-tier-header { padding: 16px 18px; gap: 12px; }\n    .fw-tier-icon { width: 34px; height: 34px; font-size: 0.7rem; }\n    .fw-tier-title { font-size: 1.05rem; }\n    .fw-branch { margin-left: 14px; }\n    .fw-branch-header { padding: 10px 12px; }\n    .fw-leaves { padding-left: 18px; }\n    .fw-leaf { font-size: 0.8rem; padding: 7px 12px; }\n    .fw-controls { justify-content: center; }\n  }\n<\/style>\n\n<div class=\"fw-wrap\">\n\n  <div class=\"fw-controls\">\n    <button class=\"fw-ctrl\" onclick=\"fwExpandAll()\">Expand All<\/button>\n    <button class=\"fw-ctrl\" onclick=\"fwCollapseAll()\">Collapse All<\/button>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 TIER 1 \u2550\u2550\u2550 -->\n  <div class=\"fw-tier fw-tier--1\" data-fw-tier>\n    <div class=\"fw-tier-header\" onclick=\"fwToggleTier(this)\">\n      <div class=\"fw-tier-icon\">T1<\/div>\n      <div class=\"fw-tier-meta\">\n        <span class=\"fw-tier-label\">Tier 1<\/span>\n        <span class=\"fw-tier-title\">Governance &amp; Direction Setters<\/span>\n      <\/div>\n      <span class=\"fw-tier-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n    <\/div>\n    <div class=\"fw-branches\">\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Board of Trustees Track<\/span>\n          <span class=\"fw-branch-count\">5 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Strategic Understanding<\/span>\n          <span class=\"fw-leaf\">Fiduciary Oversight<\/span>\n          <span class=\"fw-leaf\">Risk &amp; Ethics<\/span>\n          <span class=\"fw-leaf\">Governance &amp; Policy<\/span>\n          <span class=\"fw-leaf\">Workforce Implications<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Executive Cabinet Track<\/span>\n          <span class=\"fw-branch-count\">5 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Executive Authority<\/span>\n          <span class=\"fw-leaf\">Operational Leverage<\/span>\n          <span class=\"fw-leaf\">Proposal Evaluation<\/span>\n          <span class=\"fw-leaf\">Internal Controls<\/span>\n          <span class=\"fw-leaf\">Change Leadership<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 TIER 2 \u2550\u2550\u2550 -->\n  <div class=\"fw-tier fw-tier--2\" data-fw-tier>\n    <div class=\"fw-tier-header\" onclick=\"fwToggleTier(this)\">\n      <div class=\"fw-tier-icon\">T2<\/div>\n      <div class=\"fw-tier-meta\">\n        <span class=\"fw-tier-label\">Tier 2<\/span>\n        <span class=\"fw-tier-title\">Higher Institutional ROI (Pilots)<\/span>\n      <\/div>\n      <span class=\"fw-tier-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n    <\/div>\n    <div class=\"fw-branches\">\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Administrative Assistants<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Daily Work Multiplier<\/span>\n          <span class=\"fw-leaf\">Practical Functions<\/span>\n          <span class=\"fw-leaf\">Workflow Integration<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">HR &amp; Fiscal Services<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Control-Enhancing Partner<\/span>\n          <span class=\"fw-leaf\">Regulatory Guardrails<\/span>\n          <span class=\"fw-leaf\">Process Optimization<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">ITS, IRP &amp; Data<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Enterprise Capability<\/span>\n          <span class=\"fw-leaf\">Analytic Integrity<\/span>\n          <span class=\"fw-leaf\">Architecture &amp; Scalability<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 TIER 3 \u2550\u2550\u2550 -->\n  <div class=\"fw-tier fw-tier--3\" data-fw-tier>\n    <div class=\"fw-tier-header\" onclick=\"fwToggleTier(this)\">\n      <div class=\"fw-tier-icon\">T3<\/div>\n      <div class=\"fw-tier-meta\">\n        <span class=\"fw-tier-label\">Tier 3<\/span>\n        <span class=\"fw-tier-title\">Strategic Amplifiers<\/span>\n      <\/div>\n      <span class=\"fw-tier-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n    <\/div>\n    <div class=\"fw-branches\">\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Marketing &amp; Communications<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Brand Amplifier<\/span>\n          <span class=\"fw-leaf\">Message Integrity<\/span>\n          <span class=\"fw-leaf\">Campaign Scalability<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Student Services<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Support Amplifier<\/span>\n          <span class=\"fw-leaf\">Equity &amp; Privacy<\/span>\n          <span class=\"fw-leaf\">Proactive Intervention<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Facilities &amp; Operations<\/span>\n          <span class=\"fw-branch-count\">3 areas<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Operational Intelligence<\/span>\n          <span class=\"fw-leaf\">Safety-Critical Judgment<\/span>\n          <span class=\"fw-leaf\">Preventive Operations<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 PROGRAM STRUCTURE \u2550\u2550\u2550 -->\n  <div class=\"fw-tier fw-tier--ps\" data-fw-tier>\n    <div class=\"fw-tier-header\" onclick=\"fwToggleTier(this)\">\n      <div class=\"fw-tier-icon\">PS<\/div>\n      <div class=\"fw-tier-meta\">\n        <span class=\"fw-tier-label\">Delivery<\/span>\n        <span class=\"fw-tier-title\">Program Structure &amp; Phases<\/span>\n      <\/div>\n      <span class=\"fw-tier-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n    <\/div>\n    <div class=\"fw-branches\">\n      <div class=\"fw-branch\" data-fw-branch>\n        <div class=\"fw-branch-header\" onclick=\"fwToggleBranch(this)\">\n          <span class=\"fw-branch-dot\"><\/span>\n          <span class=\"fw-branch-name\">Program Phases<\/span>\n          <span class=\"fw-branch-count\">4 phases<\/span>\n          <span class=\"fw-branch-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"fw-leaves\">\n          <span class=\"fw-leaf\">Common Core Phase<\/span>\n          <span class=\"fw-leaf\">Role-Specific Tracks<\/span>\n          <span class=\"fw-leaf\">Capstone Project<\/span>\n          <span class=\"fw-leaf\">90-Day Pilot Duration<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  function fwToggleTier(h){h.parentElement.classList.toggle('is-open')}\n  function fwToggleBranch(h){h.parentElement.classList.toggle('is-open')}\n  function fwExpandAll(){document.querySelectorAll('[data-fw-tier]').forEach(function(e){e.classList.add('is-open')});document.querySelectorAll('[data-fw-branch]').forEach(function(e){e.classList.add('is-open')})}\n  function fwCollapseAll(){document.querySelectorAll('[data-fw-tier]').forEach(function(e){e.classList.remove('is-open')});document.querySelectorAll('[data-fw-branch]').forEach(function(e){e.classList.remove('is-open')})}\n  document.addEventListener('DOMContentLoaded', fwExpandAll);\n  if (document.readyState !== 'loading') fwExpandAll();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INTRODUCING THE ECC AI FLUENCY FRAMEWORK AI Fluency at ECC: Building Capacity, Strengthening Judgment, and Leading with Intention Synopsis: Artificial intelligence is reshaping how colleges operate but success depends on how intentionally we respond. This presentation introduces El Camino College\u2019s AI Fluency Professional Development Framework, a structured, role-based approach designed to strengthen decision-making, extend institutional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":84,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":48,"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/pages\/123\/revisions\/195"}],"up":[{"embeddable":true,"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/pages\/84"}],"wp:attachment":[{"href":"https:\/\/ai.elcamino.edu\/es\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}