/* ─── Reset & Base ─────────────────────────────────────── */
        a, div, header, i, img, li, span, ul {
            border: 0; outline: 0; vertical-align: baseline; background: 0 0; margin: 0; padding: 0;
        }
        header { display: block; }
        ul { list-style: disc; margin-left: 35px; margin-bottom: 20px; }
        ul ul { list-style: circle; }
        a img { vertical-align: middle; }
        i { font-style: italic; }
        *, *::before, *::after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }
        img { max-width: 100%; height: auto; }

        /* ─── Layout Utilities ─────────────────────────────────── */
        .clearfix { zoom: 1; }
        .clearfix::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
        .kelm-body-wrapper.kelm-with-frame,
        .kelm-header-container-inner,
        .kelm-logo,
        .kelm-top-bar-container-inner { position: relative; }
        .kelm-container,
        .kelm-top-bar-container { margin-left: auto; margin-right: auto; }
        .kelm-column-15 { float: left; width: 25%; }

        /* ─── Links & Transitions ──────────────────────────────── */
        a {
            text-decoration: none;
            transition: background .3s, color .3s, border-color .3s;
            -moz-transition: background .3s, color .3s, border-color .3s;
            -o-transition: background .3s, color .3s, border-color .3s;
            -webkit-transition: background .3s, color .3s, border-color .3s;
        }
        .sf-menu > .kelm-mega-menu .sf-mega-section-inner a,
        .sf-menu > li > a { text-decoration: none; }

        /* ─── Body Wrapper ─────────────────────────────────────── */
        .kelm-body-wrapper { z-index: 1; position: relative; }
        .kelm-body-wrapper.kelm-with-frame { margin: 0; }
        body.kelm-full .kelm-body-wrapper,
        .kelm-header-background { background-color: #fff; }

        /* ─── Top Bar ──────────────────────────────────────────── */
        .kelm-header-style-plain,
        .kelm-top-bar { position: relative; border-bottom-style: solid; border-bottom-width: 0; }
        .kelm-header-style-plain .kelm-header-background,
        .kelm-top-bar-background { position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
        .kelm-top-bar { padding-top: 18px; font-size: 15px; color: #96a2b8; }
        .kelm-top-bar, .kelm-top-bar .kelm-top-bar-menu > li > a { padding-bottom: 18px; }
        .kelm-top-bar-background { background-color: #192f59; }
        .kelm-body .kelm-top-bar { border-bottom-color: #fff; }
        .kelm-body .kelm-top-bar a { color: #fff; }
        .kelm-body .kelm-top-bar a:hover { color: #f5f5f5; }
        .kelm-top-bar-right-social { display: inline; }
        .kelm-body .kelm-top-bar .kelm-top-bar-right-button {
            background: #fea905; color: #fff; display: inline-block;
            font-weight: 700; padding-left: 23px; padding-right: 23px; margin-left: 23px;
        }
        .kelm-top-bar .kelm-top-bar-menu { display: inline-block; margin-bottom: 0; }
        .kelm-top-bar .kelm-top-bar-menu > li { float: none; display: inline-block; }
        .kelm-top-bar .kelm-top-bar-menu > li > a { display: inline; margin-right: 16px; }
        .kelm-top-bar .kelm-top-bar-menu > li:last-child > a { margin-right: 0; }
        .kelm-top-bar .kelm-top-bar-right-menu { margin-left: 23px; }
        .kelm-top-bar-right-button { padding-bottom: 19px; margin-bottom: -19px; padding-top: 18px; margin-top: -18px; }

        /* ─── Header Layout ────────────────────────────────────── */
        .kelm-header-style-plain.kelm-style-menu-right .kelm-logo { float: left; }
        .kelm-header-style-plain.kelm-style-menu-right .kelm-navigation { float: right; }
        .kelm-header-wrap.kelm-header-style-plain {
            box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
            border-color: #e8e8e8;
        }
        .kelm-header-container { position: relative; margin-left: auto; margin-right: auto; }
        .kelm-header-style-plain .kelm-navigation { line-height: 0; }
        .kelm-header-style-plain.kelm-style-menu-right .kelm-main-menu { display: inline-block; vertical-align: top; }
        .kelm-header-style-plain.kelm-style-menu-right .kelm-main-menu-right-wrap {
            display: inline-block; line-height: 1.7; margin-left: 10px; vertical-align: top;
        }

        /* ─── Logo ─────────────────────────────────────────────── */
        .kelm-logo { padding-top: 24px; padding-bottom: 28px; }
        .kelm-logo-inner {
            max-width: 330px;
            transition: max-width .2s;
            -moz-transition: max-width .2s; -o-transition: max-width .2s; -webkit-transition: max-width .2s;
        }

        /* ─── Navigation ────────────────────────────────────────── */
        .kelm-navigation { padding-top: 37px; }
        .kelm-navigation .sf-menu {
            display: inline-block; line-height: 1.7; text-align: left; margin-bottom: 0;
        }
        .kelm-navigation .sf-menu > li { padding-left: 18px; padding-right: 18px; }
        .kelm-navigation .sf-menu > li:first-child { padding-left: 0; }
        .kelm-navigation .sf-menu > li:last-child { padding-right: 0; }
        .kelm-navigation .sf-menu > li > a {
            letter-spacing: 0; padding-bottom: 34px;
            font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; text-transform: none;
        }
        .kelm-navigation .kelm-main-menu { margin-left: 0; padding-right: 0; }
        .kelm-main-menu-right-wrap { margin-top: 6px; }
        .kelm-navigation .kelm-navigation-slide-bar {
            border-bottom-width: 7px; border-bottom-style: solid;
            position: absolute; display: none; margin-top: -7px; overflow: hidden;
            border-color: #3db166;
        }
        .kelm-navigation .kelm-navigation-slide-bar::before { border-bottom-color: #3db166; }
        .kelm-main-menu-search { float: left; margin-top: -5px; margin-left: 25px; }
        .kelm-main-menu-search i { font-size: 14px; margin-top: -1px; cursor: pointer; color: #192f59; }

        /* ─── Sticky Navigation ─────────────────────────────────── */
        .kelm-sticky-navigation.kelm-style-fixed .kelm-logo,
        .kelm-sticky-navigation.kelm-style-fixed .kelm-navigation,
        .kelm-sticky-navigation.kelm-style-fixed .kelm-navigation .sf-menu > li > a {
            transition: background .3s, color .3s, border-color .3s, padding .2s;
            -moz-transition: background .3s, color .3s, border-color .3s, padding .2s;
            -o-transition: background .3s, color .3s, border-color .3s, padding .2s;
            -webkit-transition: background .3s, color .3s, border-color .3s, padding .2s;
        }

        /* ─── Mega Menu ─────────────────────────────────────────── */
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-full { left: 0; right: 0; }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega { margin-left: 20px; margin-right: 20px; }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section-wrap {
            overflow: hidden; border-top-width: 1px; border-top-style: solid;
        }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section-wrap:first-child { border-top: none; }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section {
            padding-bottom: 999px; margin-bottom: -999px;
            border-left-width: 1px; border-left-style: solid; border-color: #ddd;
        }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section:first-child { border-left: none; }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section-inner { padding: 45px 28px; }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section-inner > a {
            font-size: 17px; display: block; margin-bottom: 17px;
            letter-spacing: 0; font-weight: 600; padding: 0 12px; color: #192f59;
        }
        .kelm-navigation .sf-menu > .kelm-mega-menu .sf-mega-section-inner .sub-menu a {
            font-size: 15px; padding: 4px 12px; display: block;
        }

        /* ─── SuperFish Menu ────────────────────────────────────── */
        .sf-menu { list-style: none; margin-left: 0; }
        .sf-menu > li { float: left; cursor: pointer; }
        .sf-menu > li > a { display: block; position: relative; z-index: 9; color: #163269; }
        .sf-menu > li.current-menu-item > a,
        .sf-menu > li > a:hover { color: #3db166; }
        .sf-menu > .kelm-mega-menu > .sf-mega { background-color: #eee; }
        .sf-menu > .kelm-mega-menu > .sf-mega a,
        .sf-menu > .kelm-mega-menu > .sf-mega > a.sf-with-ul-pre { color: #585858; }
        .kelm-normal-menu > .sub-menu > li > a,
        .sf-menu > .kelm-mega-menu > .sf-mega a:not(.sf-with-ul-pre) { color: #00e; text-decoration: underline; }
        .kelm-normal-menu > .sub-menu > li > a:hover,
        .sf-menu > .kelm-mega-menu > .sf-mega a:not(.sf-with-ul-pre):hover { color: #0000cf; text-decoration: none; }
        .sf-menu > .kelm-mega-menu > .sf-mega a:hover { color: #223c6c; background-color: #eee; }
        .sf-menu > .kelm-mega-menu > .sf-mega { position: absolute; display: none; z-index: 99; }
        .sf-menu > .kelm-mega-menu > .sf-mega a.sf-with-ul-pre { color: #00e; text-decoration: underline; } /* keep rule */
        .sf-menu > .kelm-mega-menu .sf-mega-section-inner ul { list-style: none; margin-left: 0; margin-bottom: 0; }

        /* ─── Container & Global ────────────────────────────────── */
        .kelm-body-front .kelm-container,
        .kelm-item-pdlr { padding-left: 20px; padding-right: 20px; }
        .kelm-container { max-width: 1360px; }
        .kelm-body * { border-color: #e6e6e6; }

        /* ─── Misc ──────────────────────────────────────────────── */
        .megaimg {
            background-image: url('https://kelmacademy.org/upload/library.avif');
            background-position: bottom right; background-repeat: no-repeat; background-size: 320px 220px;
        }
        #i_fd84_0 { font-size: 15px; color: #96a2b8; margin-right: 8px; }
        #i_fd84_1 { font-size: 15px; color: #96a2b8; margin-left: 18px; margin-right: 6px; }
        .menu-item-has-children:not(.sf-mega-section-inner) > .sub-menu { display: none; }

        .backstory { margin-right: 150px; margin-left: 150px; background-color: #BDC9F0; }

        /* ─── Proposed header styles ────────────────────────────── */
        .proposed-new-header-link { text-decoration: underline; color: #fff; }
        .proposed-new-header-link:hover { text-decoration: none; }
        .proposed-new-top-bar { display: flex; position: relative; justify-content: space-between; align-items: center; }
        .proposed-new-header-btn { padding: 5px; border-radius: 6px; display: inline-block; }
        .portal-login-btn { background-color: #4169e1; }
        .career-survey-btn { background-color: #45b6fe; }
        .support-kelm-btn { background-color: green; }

        /* ─── Font Awesome (inline subset) ─────────────────────── */
        .fa { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; display: inline-block; }
        .fa-envelope::before { content: "\f0e0"; }
        .fa-phone::before { content: "\f095"; }

        /* ─── Responsive ────────────────────────────────────────── */
        @media only screen and (max-width: 1260px) {
            .kelm-top-bar { display: none; }
            .kelm-header-wrap.kelm-header-style-plain,
            .kelm-sticky-navigation { display: none !important; }
        }
        @media only screen and (max-width: 767px) {
            body.kelm-body-front .kelm-container { max-width: 500px; padding-left: 15px; padding-right: 15px; }
            .kelm-column-15 { width: 100%; }
            .kelm-top-bar .kelm-top-bar-right-menu,
            .kelm-top-bar-right-social { margin-left: 0; }
        }

        /* ─── Font Faces ─────────────────────────────────────────── */
        @font-face {
            font-family: ElegantIcons;
            src: url(https://kelmacademy.org/plugins/goodlayers-core/plugins/combine/elegant/ElegantIcons.eot);
            src: url(https://kelmacademy.org/plugins/goodlayers-core/plugins/combine/elegant/ElegantIconsd41d.eot?#iefix) format('embedded-opentype'),
                 url(https://kelmacademy.org/plugins/goodlayers-core/plugins/combine/elegant/ElegantIcons.woff) format('woff'),
                 url(https://kelmacademy.org/plugins/goodlayers-core/plugins/combine/elegant/ElegantIcons.ttf) format('truetype'),
                 url(https://kelmacademy.org/plugins/goodlayers-core/plugins/combine/elegant/ElegantIcons.svg#ElegantIcons) format('svg');
            font-weight: 400; font-style: normal;
        }
        @font-face {
            font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap;
            src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                           U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
                           U+2C60-2C7F, U+A720-A7FF;
        }
        @font-face {
            font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap;
            src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
                           U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
            font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap;
            src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
                           U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
            font-family: 'Font Awesome 5 Free'; font-display: swap; font-weight: 900;
            src: url("https://kelmacademy.org/Fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
                 url("https://kelmacademy.org/Fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
        }