/**
 * Kenii Catalog — Frontend Styles
 *
 * Token-driven design system. Out-of-the-box Kenii brand (purple).
 * Schools override via Settings → Branding. CSS custom properties throughout.
 * All classes prefixed with `kenii-` to avoid collisions.
 *
 * @since 1.3.0
 */

/* ================================================================
   DESIGN TOKENS
   ================================================================ */

:root {
    /* Brand Colors — Kenii defaults, overridden by wp_head inline styles from settings */
    --kenii-primary: #7C3AED;
    --kenii-primary-interactive: #6D28D9;
    --kenii-primary-dark: #5B21B6;
    --kenii-accent: #1A1A1A;

    /* Neutral Scale */
    --kenii-text: #272a2b;
    --kenii-text-secondary: #514f4b;
    --kenii-neutral-darkest: #191918;
    --kenii-neutral-light: #d8d8d6;
    --kenii-neutral-lighter: #e3e0de;
    --kenii-neutral-lightest: #f2f1ed;
    --kenii-white: #ffffff;
    --kenii-border: rgba(39, 42, 43, 0.15);
    --kenii-border-subtle: rgba(39, 42, 43, 0.08);
    --kenii-text-muted: rgba(39, 42, 43, 0.7);
    --kenii-success: #2e7d32;

    /* Typography — generic defaults, overridden by Google Font settings */
    --kenii-heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --kenii-body-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --kenii-space-xs: 8px;
    --kenii-space-sm: 16px;
    --kenii-space-md: 24px;
    --kenii-space-lg: 32px;
    --kenii-space-xl: 48px;
    --kenii-space-2xl: 64px;
    --kenii-space-3xl: 80px;
    --kenii-space-section: 112px;
    --kenii-space-section-md: 80px;

    /* Layout */
    --kenii-container-max: 1280px;
    --kenii-page-padding: 64px;
    --kenii-sidebar-width: 300px;
    --kenii-content-gap: 80px;

    /* Border Radius */
    --kenii-radius: 6px;

    /* Shadows */
    --kenii-shadow-sm: 0px 1px 2px rgba(0,0,0,0.05);
    --kenii-shadow-md: 0px 4px 12px rgba(0,0,0,0.08), 0px 2px 4px rgba(0,0,0,0.04);
    --kenii-shadow-lg: 0px 12px 24px -4px rgba(0,0,0,0.08), 0px 4px 8px -2px rgba(0,0,0,0.04);
    --kenii-shadow-xxl: 0px 20px 40px -8px rgba(0,0,0,0.12);
}


/* ================================================================
   LAYOUT
   ================================================================ */

.kenii-layout--full {
    max-width: var(--kenii-container-max);
    margin: 0 auto;
    padding: var(--kenii-space-xl) var(--kenii-page-padding) var(--kenii-space-section-md);
}

.kenii-layout {
    max-width: var(--kenii-container-max);
    margin: 0 auto;
    padding: var(--kenii-space-section-md) 0;
    display: flex;
    gap: var(--kenii-content-gap);
    align-items: flex-start;
}

.kenii-layout--sidebar-right {
    max-width: var(--kenii-container-max);
    margin: 0 auto;
    padding: var(--kenii-space-section-md) 0;
    display: flex;
    gap: var(--kenii-content-gap);
    align-items: flex-start;
}

.kenii-layout--sidebar-right .kenii-layout__content {
    order: 1;
    flex: 1;
    min-width: 0;
}

.kenii-layout--sidebar-right .kenii-sidebar {
    order: 2;
    position: sticky;
    top: var(--kenii-space-lg);
}


/* ================================================================
   HERO SECTION
   ================================================================ */

.kenii-hero {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 210px var(--kenii-page-padding) var(--kenii-space-section);
    margin-top: -130px;
    overflow: hidden;
}

.kenii-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.kenii-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
}

.kenii-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.kenii-hero__inner {
    position: relative;
    z-index: 2;
    width: fit-content;
    max-width: 773px;
    display: flex;
    flex-direction: column;
    gap: 19px;
    background: rgba(91, 33, 182, 0.9);
    padding: var(--kenii-page-padding);
    border-radius: var(--kenii-radius);
}

.kenii-hero__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 80px;
    line-height: 80px;
    color: var(--kenii-white);
    margin: 0;
}

.kenii-hero__title em {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-style: italic;
}

.kenii-hero__subtitle {
    font-family: var(--kenii-body-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: var(--kenii-white);
    max-width: 700px;
    margin: 0;
}

/* Hero Responsive */
@media (max-width: 1024px) {
    .kenii-hero {
        padding: 180px var(--kenii-page-padding) var(--kenii-space-section-md);
        /* Reset the desktop nav-overlap negative margin on mobile/tablet.
           At ≤1024px there's no overlapping nav to compensate for, and the
           -130px shoves the hero up under the header. */
        margin-top: 0;
    }
    .kenii-hero__title {
        font-size: 60px;
        line-height: 60px;
    }
}

@media (max-width: 768px) {
    .kenii-hero {
        padding: 180px 20px var(--kenii-space-section-md);
    }
    .kenii-hero__title {
        font-size: 44px;
        /* 1.25 ratio prevents line-clash when long titles wrap on mobile.
           Tight 48px (≈1.09) caused descenders to collide with ascenders. */
        line-height: 1.25;
        /* Handle very long single-word titles (compound program names) so
           they don't blow out the hero container's width on narrow viewports. */
        overflow-wrap: break-word;
        hyphens: auto;
    }
    .kenii-hero__subtitle {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .kenii-hero {
        padding: 160px 16px var(--kenii-space-2xl);
    }
    .kenii-hero__inner {
        padding: 24px;
    }
    .kenii-hero__title {
        font-size: 36px;
        line-height: 1.3;
    }
    .kenii-hero__subtitle {
        font-size: 16px;
    }
}


/* ================================================================
   BREADCRUMB BAR
   ================================================================ */

.kenii-breadcrumb {
    width: 100%;
    background: var(--kenii-white);
    border-bottom: 1px solid var(--kenii-neutral-lighter);
    padding: 20px 0;
}

.kenii-breadcrumb__inner {
    max-width: var(--kenii-container-max);
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kenii-breadcrumb__home {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    color: var(--kenii-text-secondary);
    transition: color 0.2s ease;
    font-size: 16px;
    line-height: 1;
}

.kenii-breadcrumb__home:hover,
.kenii-breadcrumb__home:focus-visible {
    color: var(--kenii-primary-interactive);
}

.kenii-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kenii-breadcrumb__chevron {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    color: var(--kenii-text-secondary);
    font-size: 12px;
    line-height: 1;
}

.kenii-breadcrumb__text {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--kenii-text-secondary);
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.2s ease;
}

.kenii-breadcrumb__text:hover {
    color: var(--kenii-primary-interactive);
}

.kenii-breadcrumb__text--current {
    color: var(--kenii-primary-interactive);
    font-weight: 600;
}

@media (max-width: 768px) {
    .kenii-breadcrumb__inner {
        padding: 0 20px;
        flex-wrap: wrap;
    }
    .kenii-breadcrumb__text {
        font-size: 12px;
    }
}


/* ================================================================
   SEARCH BAR
   ================================================================ */

.kenii-search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border);
    border-radius: var(--kenii-radius);
    width: 100%;
    margin-bottom: var(--kenii-space-md);
}

.kenii-search-bar__input {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: var(--kenii-text);
    background: none;
    border: none;
    outline: none;
    flex: 1;
    min-width: 0;
}

.kenii-search-bar__input::placeholder {
    color: var(--kenii-text);
    opacity: 1;
}

.kenii-search-bar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--kenii-primary);
    border: none;
    border-radius: 0;
    cursor: pointer;
    flex-shrink: 0;
    color: var(--kenii-white);
    font-size: 18px;
    line-height: 1;
    transition: background 0.2s ease;
}

.kenii-search-bar__btn:hover,
.kenii-search-bar__btn:focus-visible {
    background: var(--kenii-primary-interactive);
}

.kenii-search-bar__btn:focus-visible {
    outline: 2px solid var(--kenii-primary);
    outline-offset: 2px;
}


/* ================================================================
   FILTER BAR
   ================================================================ */

.kenii-filter-bar {
    display: flex;
    gap: var(--kenii-space-xl);
    padding: var(--kenii-space-lg) var(--kenii-space-lg);
    border: 1px solid var(--kenii-border);
    border-radius: var(--kenii-radius);
    width: 100%;
    margin-bottom: var(--kenii-space-md);
}

.kenii-filter-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: var(--kenii-space-sm);
    /* Neutralize browser default <fieldset> chrome — gray border + inset
       padding + margin shipped by user-agent stylesheets. We render as
       <fieldset>/<legend> for accessibility (screen readers announce the
       legend as the group label), not for the visual default. min-inline-size
       overrides the spec's special fieldset min-content sizing. */
    border: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
    min-inline-size: 0;
    min-width: 0;
}

.kenii-filter-group:first-child {
    padding-left: 0;
}

.kenii-filter-group__heading {
    /* <legend> reset — browsers reserve space for the legend that floats
       outside the fieldset border. With border:0 we want the legend to flow
       as a normal block element. Typography is set below in the existing
       .kenii-filter-group__heading rule. */
    display: block;
    padding: 0;
    margin: 0 0 12px 0;
    width: 100%;
}

.kenii-filter-group--wide {
    flex: 1;
    border-right: 1px solid var(--kenii-border);
    padding-right: var(--kenii-space-xl);
}

.kenii-filter-group__heading {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--kenii-text-muted);
}

.kenii-filter-group__options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kenii-filter-group__options--2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 48px;
}

.kenii-filter-group__label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--kenii-text);
    cursor: pointer;
}

.kenii-filter-group__checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid var(--kenii-neutral-light);
    border-radius: 2px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.kenii-filter-group__checkbox:checked {
    background: var(--kenii-primary);
    border-color: var(--kenii-primary);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3 3 7-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .kenii-filter-bar {
        flex-direction: column;
        gap: var(--kenii-space-md);
    }
    .kenii-filter-group--wide {
        border-right: none;
        border-bottom: 1px solid var(--kenii-border);
        padding-right: 0;
        padding-bottom: var(--kenii-space-md);
    }
    .kenii-filter-group__options--2col {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   PROGRAM ACCORDION
   ================================================================ */

.kenii-program-accordion {
    width: 100%;
    overflow: hidden;
}

.kenii-program-accordion__counter {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    line-height: 1.5;
    color: var(--kenii-text-muted);
    margin-bottom: var(--kenii-space-md);
}

.kenii-program-accordion__counter strong {
    font-weight: 700;
    color: var(--kenii-primary);
}

.kenii-program-accordion__item {
    border-bottom: 1px solid var(--kenii-border);
}

.kenii-program-accordion__item:last-child {
    border-bottom: none;
}

.kenii-program-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    height: 64px;
    background: var(--kenii-white);
    cursor: pointer;
    list-style: none;
    width: 100%;
}

.kenii-program-accordion__header::-webkit-details-marker {
    display: none;
}

.kenii-program-accordion__title {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: var(--kenii-primary);
}

.kenii-program-accordion__toggle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--kenii-neutral-lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 300;
    color: var(--kenii-text);
    transition: background 0.2s ease, color 0.2s ease;
}

.kenii-program-accordion__toggle::before {
    content: '+';
    line-height: 1;
    margin-top: -2px;
}

.kenii-program-accordion__header:hover .kenii-program-accordion__toggle {
    background: var(--kenii-primary-interactive);
    color: var(--kenii-white);
}

.kenii-program-accordion__item[open] .kenii-program-accordion__toggle::before {
    content: '\2212';
}

.kenii-program-accordion__item[open] .kenii-program-accordion__toggle {
    background: var(--kenii-primary-interactive);
    color: var(--kenii-white);
}

.kenii-program-accordion__body {
    display: flex;
    gap: var(--kenii-space-xl);
    padding: 24px 24px 32px;
    background: var(--kenii-neutral-lightest);
    border-top: 1px solid var(--kenii-border);
}

.kenii-program-accordion__meta {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-right: 1px solid var(--kenii-border);
    padding-right: 32px;
    flex-shrink: 0;
    width: 200px;
}

.kenii-program-accordion__meta-label {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--kenii-text-muted);
}

.kenii-program-accordion__meta-value {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: var(--kenii-text);
    margin-top: 4px;
}

.kenii-program-accordion__content {
    flex: 1;
}

.kenii-program-accordion__desc {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--kenii-text);
    margin-bottom: 24px;
}

.kenii-program-accordion__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--kenii-body-font);
    font-weight: 400;
    font-size: 18px;
    color: var(--kenii-primary-interactive);
    text-decoration: none;
    transition: gap 0.2s ease;
}

.kenii-program-accordion__link:hover {
    gap: 12px;
}

.kenii-program-accordion__link svg {
    width: 11px;
    height: 20px;
}

@media (max-width: 768px) {
    .kenii-program-accordion__body {
        flex-direction: column;
        gap: var(--kenii-space-md);
    }
    .kenii-program-accordion__meta {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--kenii-border);
        padding-right: 0;
        padding-bottom: 24px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px 48px;
    }
}


/* ================================================================
   SIDEBAR
   ================================================================ */

.kenii-sidebar {
    flex-shrink: 0;
    width: var(--kenii-sidebar-width);
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 24px;
    align-self: flex-start;
}

.kenii-sidebar__heading {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    color: var(--kenii-neutral-darkest);
    margin-bottom: 12px;
}

/* Sidebar Nav (vertical navigation list) */
.kenii-sidebar__nav {
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border);
    border-radius: var(--kenii-radius);
    overflow: hidden;
    margin-bottom: 32px;
}

.kenii-sidebar__nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: var(--kenii-white);
    border-bottom: 1px solid var(--kenii-neutral-light);
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--kenii-neutral-darkest);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.kenii-sidebar__nav-item:last-child {
    border-bottom: none;
}

.kenii-sidebar__nav-item:hover {
    background: var(--kenii-neutral-lightest);
}

.kenii-sidebar__nav-item--active {
    background: rgba(124, 58, 237, 0.06);
    color: var(--kenii-primary);
    border-left: 3px solid var(--kenii-primary);
    padding-left: 17px;
}

.kenii-sidebar__nav-item--active:hover {
    background: rgba(124, 58, 237, 0.06);
}

.kenii-sidebar__nav-item span {
    flex: 1;
}

.kenii-sidebar__nav-item svg {
    width: 11px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.kenii-sidebar__nav-item:hover svg,
.kenii-sidebar__nav-item--active svg {
    opacity: 1;
}

/* Sidebar Facts (course detail) */
.kenii-sidebar__facts {
    display: flex;
    flex-direction: column;
}

.kenii-sidebar__fact {
    padding: 16px 0;
    border-bottom: 1px solid var(--kenii-border);
}

.kenii-sidebar__fact:last-child {
    border-bottom: none;
}

.kenii-sidebar__fact-label {
    display: block;
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--kenii-text-muted);
    margin-bottom: 6px;
}

.kenii-sidebar__fact-value {
    display: block;
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: var(--kenii-text);
}

.kenii-sidebar__fact-value--success {
    color: var(--kenii-success);
    font-weight: 600;
}

/* Sidebar Contact */
.kenii-sidebar__contact {
    background: var(--kenii-neutral-lightest);
    padding: 24px;
    border-left: 3px solid var(--kenii-primary-interactive);
}

.kenii-sidebar__contact-heading {
    font-family: var(--kenii-body-font);
    font-weight: 700;
    font-size: 16px;
    color: var(--kenii-text);
    margin-bottom: 8px;
}

.kenii-sidebar__contact-text {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    line-height: 1.5;
    color: var(--kenii-text-secondary);
    margin: 0;
}

.kenii-sidebar__contact-link {
    display: block;
    font-family: var(--kenii-body-font);
    font-size: 14px;
    color: var(--kenii-primary-interactive);
    text-decoration: none;
    margin-top: 4px;
    transition: color 0.2s ease;
}

.kenii-sidebar__contact-link:hover {
    color: var(--kenii-primary);
}


/* ================================================================
   LAYOUT CONTENT (right column)
   ================================================================ */

.kenii-layout__content {
    flex: 1;
    min-width: 0;
}


/* ================================================================
   SECTION TITLES & DIVIDERS
   ================================================================ */

.kenii-section-title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: clamp(24px, 2vw + 8px, 32px);
    line-height: 1.3;
    color: var(--kenii-text);
    margin-bottom: 8px;
}

.kenii-section-divider {
    width: 80px;
    height: 3px;
    background: var(--kenii-primary-interactive);
    border: none;
    margin-bottom: 24px;
}


/* ================================================================
   TABS (Credential Detail)
   ================================================================ */

.kenii-tabs {
    width: 100%;
}

.kenii-tabs__nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--kenii-neutral-lighter);
    margin-bottom: var(--kenii-space-lg);
}

.kenii-tabs__btn {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 16px;
    color: var(--kenii-text-secondary);
    padding: 12px 24px;
    cursor: pointer;
    border: none;
    background: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.kenii-tabs__btn:hover {
    color: var(--kenii-text);
}

.kenii-tabs__btn--active {
    color: var(--kenii-primary-interactive);
    border-bottom-color: var(--kenii-primary-interactive);
    font-weight: 600;
}

.kenii-tabs__panel {
    display: none;
}

.kenii-tabs__panel--active {
    display: block;
}


/* ================================================================
   REQUIREMENT SECTIONS (Credential Detail tabs)
   ================================================================ */

.kenii-req-section {
    margin-bottom: var(--kenii-space-xl);
}

.kenii-req-section__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--kenii-space-sm);
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--kenii-primary-interactive);
    margin-bottom: 4px;
}

.kenii-req-section__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: var(--kenii-primary-interactive);
    margin: 0;
}

.kenii-req-section__credits {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--kenii-text-muted);
    white-space: nowrap;
}

.kenii-req-section__choose {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    font-style: italic;
    color: var(--kenii-text-muted);
    margin: 8px 0 4px;
}

/* v1.13.5 — nested group support. Top-level (depth 0) keeps the bold serif
   24px heading + thick brand-color underline. Nested groups (depth 1+) get
   progressively lighter weight, smaller headings, and visible indentation
   so the hierarchy is obvious. */
.kenii-req-section--group > .kenii-req-section__header .kenii-req-section__title {
    /* Group headers are aggregators — slightly larger, since they wrap
       structured children rather than being themselves a course list. */
}

/* Children flow flat under the parent — no left border, no indent. Tony's
   call: rely on the parent's bold underline + the child's smaller heading
   to communicate hierarchy. Indentation was visual noise. */
.kenii-req-section__children {
    margin-top: var(--kenii-space-sm);
    margin-bottom: var(--kenii-space-md);
}

.kenii-req-section--depth-1 .kenii-req-section__header {
    border-bottom-width: 1px;
    border-bottom-color: var(--kenii-border);
    margin-bottom: 8px;
}

.kenii-req-section--depth-1 .kenii-req-section__title {
    font-size: 18px;
    color: var(--kenii-text);
}

.kenii-req-section--depth-2 .kenii-req-section__header {
    border-bottom-width: 1px;
    border-bottom-color: var(--kenii-border-subtle);
    margin-bottom: 6px;
}

.kenii-req-section--depth-2 .kenii-req-section__title {
    font-size: 16px;
    color: var(--kenii-text-secondary);
}

.kenii-req-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    margin-top: 8px;
    border-top: 2px solid var(--kenii-neutral-darkest);
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 18px;
    color: var(--kenii-neutral-darkest);
}


/* ================================================================
   COURSE LIST — simple variant (v1.15.2)
   Continuing-Ed standalone courses (no code, no credit hours) render
   as a clean unordered list instead of a 3-column table with empty
   columns. Matches the table's row rhythm and link colors so the two
   modes feel like one component family.
   ================================================================ */

.kenii-course-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--kenii-border-subtle, rgba(39, 42, 43, 0.1));
}

.kenii-course-list__item {
    padding: 12px 0;
    border-bottom: 1px solid var(--kenii-border-subtle, rgba(39, 42, 43, 0.1));
    font-size: 1rem;
}

.kenii-course-list__item a {
    color: var(--kenii-text, #272a2b);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease;
}

.kenii-course-list__item a:hover {
    border-bottom-color: var(--kenii-primary, currentColor);
}

/* ================================================================
   COURSE TABLE (Requirements & Plan of Study)
   ================================================================ */

.kenii-course-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /* Fixed layout — columns get predictable widths instead of auto-sizing
       based on content. Without this, the CREDITS column auto-shrinks to the
       width of the longest cell value (often a single digit), pushing the
       right edge of "3" leftward from the section-header credits label above.
       Fixed widths keep the column's right edge flush with the section's
       right edge so all credit numbers line up vertically. */
    table-layout: fixed;
}

.kenii-course-table thead th {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--kenii-text-muted);
    padding: 12px 0;
    text-align: left;
    border-bottom: 1px solid var(--kenii-border);
}

/* Course code column — first column. Narrow, fits an XXX-NNN code. */
.kenii-course-table thead th:nth-child(1),
.kenii-course-table tbody td:nth-child(1) {
    width: 100px;
    padding-right: 12px;
}

/* Title column — flexes to fill remaining space. */
.kenii-course-table thead th:nth-child(2),
.kenii-course-table tbody td:nth-child(2) {
    width: auto;
}

/* Credits column — fixed narrow, right-aligned to the same edge the
   section-header "N credits" label sits at. !important on padding-right to
   defend against any inherited padding shorthand from theme/site CSS that
   could push the column content inward from the table edge. */
.kenii-course-table thead th:nth-child(3),
.kenii-course-table tbody td:nth-child(3) {
    width: 70px;
    text-align: right !important;
    padding-left: 12px;
    padding-right: 0 !important;
}

.kenii-course-table thead th:last-child {
    text-align: right;
}

.kenii-course-table__center {
    text-align: center !important;
}

.kenii-course-table tbody tr:nth-child(even) {
    background: var(--kenii-neutral-lightest);
}

.kenii-course-table tbody td {
    font-family: var(--kenii-body-font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--kenii-text);
    padding: 12px 0;
    border-bottom: 1px solid var(--kenii-border-subtle);
    /* Allow long titles to wrap on narrow viewports without forcing a
       horizontal scrollbar. */
    overflow-wrap: anywhere;
    word-break: break-word;
}

.kenii-course-table tbody td:first-child {
    font-weight: 700;
    color: var(--kenii-primary);
    white-space: nowrap;
}

.kenii-course-table tbody td:last-child {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: var(--kenii-text-muted);
    white-space: nowrap;
}

/* Course-table responsive — narrow viewports get tighter columns and
   slightly smaller cell text so the table fits without horizontal scroll. */
@media (max-width: 768px) {
    .kenii-course-table thead th:nth-child(1),
    .kenii-course-table tbody td:nth-child(1) {
        width: 80px;
        padding-right: 8px;
    }
    .kenii-course-table thead th:nth-child(3),
    .kenii-course-table tbody td:nth-child(3) {
        width: 60px;
        padding-left: 8px;
    }
    .kenii-course-table tbody td {
        font-size: 14px;
        padding: 10px 0;
    }
}

@media (max-width: 480px) {
    .kenii-course-table thead th {
        font-size: 11px;
    }
    .kenii-course-table thead th:nth-child(1),
    .kenii-course-table tbody td:nth-child(1) {
        width: 70px;
    }
    .kenii-course-table thead th:nth-child(3),
    .kenii-course-table tbody td:nth-child(3) {
        width: 50px;
    }
}

.kenii-course-table tbody tr:last-child td {
    border-bottom: none;
}

.kenii-course-table tfoot td {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 14px;
    color: var(--kenii-text);
    padding: 12px 0;
    border-top: 1px solid var(--kenii-border);
}

.kenii-course-table tfoot td:last-child {
    text-align: right;
}


/* ================================================================
   PLAN OF STUDY SEMESTERS
   ================================================================ */

.kenii-pos-semester {
    margin-bottom: var(--kenii-space-lg);
}

.kenii-pos-semester__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--kenii-primary-interactive);
    margin-bottom: 4px;
}

.kenii-pos-semester__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: var(--kenii-primary-interactive);
    margin: 0;
}

.kenii-pos-semester__credits {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--kenii-text-muted);
    white-space: nowrap;
}


/* ================================================================
   CREDENTIAL DETAIL
   ================================================================ */

.kenii-credential-detail__header {
    margin-bottom: var(--kenii-space-lg);
    /* Sticky header — keeps the credential title + code + total credits + Print
       button anchored to the top while the student scrolls through plan-of-
       study tables. Erica's review noted that scrolling lost the credential
       context; this restores it without changing the static layout above.
       Solid white background prevents content underneath from showing through.
       Disabled at ≤1024px (column-stacked layout) — sticky in a single-column
       flow would just consume vertical real estate without benefit. */
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--kenii-white);
    padding-top: var(--kenii-space-sm);
    padding-bottom: var(--kenii-space-sm);
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-credential-detail__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: clamp(24px, 2vw + 8px, 32px);
    line-height: 1.3;
    color: var(--kenii-text);
    margin: 0 0 12px 0;
}

@media (max-width: 1024px) {
    .kenii-credential-detail__header {
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
}

.kenii-credential-detail__meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* Credential intro (post_content rendered above tab nav). Same vertical
   rhythm as program description so the catalog reads consistently across
   surfaces. Editor authors via WP's main content editor (TipTap-backed
   admin) so HTML/tables/lists all flow through wp_kses_post on save. */
.kenii-credential-detail__intro {
    font-family: var(--kenii-body-font);
    font-size: clamp(16px, 0.5vw + 4px, 18px);
    line-height: 1.6;
    color: var(--kenii-text);
    margin: var(--kenii-space-md) 0 var(--kenii-space-lg);
    padding-bottom: var(--kenii-space-md);
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-credential-detail__intro p {
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-credential-detail__intro p:last-child {
    margin-bottom: 0;
}

.kenii-credential-detail__intro ul,
.kenii-credential-detail__intro ol {
    margin: 0 0 var(--kenii-space-sm);
    padding-left: var(--kenii-space-md);
}

.kenii-credential-detail__intro li {
    margin-bottom: 6px;
}

.kenii-credential-detail__intro h2,
.kenii-credential-detail__intro h3,
.kenii-credential-detail__intro h4 {
    font-family: var(--kenii-heading-font);
    color: var(--kenii-text);
    margin-top: var(--kenii-space-md);
    margin-bottom: var(--kenii-space-sm);
    line-height: 1.3;
}

.kenii-credential-detail__intro h2 { font-size: 24px; }
.kenii-credential-detail__intro h3 { font-size: 20px; }
.kenii-credential-detail__intro h4 { font-size: 17px; }

.kenii-credential-detail__intro a {
    color: var(--kenii-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kenii-credential-detail__intro a:hover {
    color: var(--kenii-primary-interactive);
}

.kenii-credential-detail__intro table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--kenii-space-md) 0;
    font-size: clamp(14px, 0.5vw + 2px, 16px);
}

.kenii-credential-detail__intro th,
.kenii-credential-detail__intro td {
    padding: 10px 12px;
    border: 1px solid var(--kenii-border-subtle);
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.kenii-credential-detail__intro th {
    background: var(--kenii-neutral-lightest);
    font-weight: 600;
}

/* Badge */
.kenii-badge {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
}

.kenii-badge--primary {
    background: rgba(124, 58, 237, 0.1);
    color: var(--kenii-primary);
}

/* Meta item */
.kenii-meta-item {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    color: var(--kenii-text-secondary);
}


/* ================================================================
   PROGRAM DETAIL
   ================================================================ */

.kenii-program-detail__description {
    font-family: var(--kenii-body-font);
    font-size: clamp(16px, 0.5vw + 4px, 18px);
    line-height: 1.5;
    color: var(--kenii-text);
    margin-bottom: var(--kenii-space-section-md);
}

.kenii-program-detail__description p {
    margin-bottom: 16px;
}

/* Tables in program descriptions (admission requirements, GPA charts,
   prerequisite matrices, etc.). Matches the table conventions used in
   credential-detail and policy-detail bodies so rich content reads
   consistently across the catalog. Editors author these via the Svelte
   admin's TipTap table tools (v1.11.2+). */
.kenii-program-detail__description table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--kenii-space-md) 0;
    font-size: clamp(14px, 0.5vw + 2px, 16px);
}

.kenii-program-detail__description th,
.kenii-program-detail__description td {
    padding: 10px 12px;
    border: 1px solid var(--kenii-border-subtle);
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.kenii-program-detail__description th {
    background: var(--kenii-neutral-lightest);
    font-weight: 600;
    color: var(--kenii-text);
}

.kenii-program-detail__description ul,
.kenii-program-detail__description ol {
    margin: 0 0 var(--kenii-space-sm);
    padding-left: var(--kenii-space-md);
}

.kenii-program-detail__description li {
    margin-bottom: 6px;
}

.kenii-program-detail__description h2,
.kenii-program-detail__description h3,
.kenii-program-detail__description h4 {
    font-family: var(--kenii-heading-font);
    color: var(--kenii-text);
    margin-top: var(--kenii-space-lg);
    margin-bottom: var(--kenii-space-sm);
    line-height: 1.3;
}

.kenii-program-detail__description h2 { font-size: 24px; }
.kenii-program-detail__description h3 { font-size: 20px; }
.kenii-program-detail__description h4 { font-size: 17px; }

.kenii-program-detail__description a {
    color: var(--kenii-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kenii-program-detail__description a:hover {
    color: var(--kenii-primary-interactive);
}

/* Mobile: tables become scroll-on-X containers so they don't blow out
   the viewport. The table is wrapped by the editor as standalone <table>
   markup; we apply overflow at the description container level so any
   wide table (course matrices etc.) stays readable. */
@media (max-width: 768px) {
    .kenii-program-detail__description {
        overflow-x: auto;
    }
    .kenii-program-detail__description table {
        min-width: 480px;
    }
    .kenii-program-detail__description th,
    .kenii-program-detail__description td {
        padding: 8px 10px;
        font-size: 14px;
    }
}

.kenii-program-detail__credentials {
    margin-bottom: var(--kenii-space-xl);
}

/* Individual credential card on program detail */
.kenii-credential {
    border: 1px solid var(--kenii-neutral-lighter);
    border-radius: var(--kenii-radius);
    padding: 32px;
    margin-bottom: 24px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.kenii-credential:hover {
    box-shadow: var(--kenii-shadow-md);
    transform: translateY(-2px);
}

.kenii-credential__header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kenii-credential__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    margin: 0;
}

.kenii-credential__title a {
    color: var(--kenii-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.kenii-credential__title a:hover {
    color: var(--kenii-primary-interactive);
}

.kenii-credential__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.kenii-credential__badge {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: rgba(124, 58, 237, 0.1);
    color: var(--kenii-primary);
    padding: 4px 12px;
    border-radius: 100px;
}

.kenii-credential__code,
.kenii-credential__credits {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    color: var(--kenii-text-secondary);
}


/* ================================================================
   COURSE DETAIL
   ================================================================ */

.kenii-course-detail__description {
    font-family: var(--kenii-body-font);
    font-size: clamp(16px, 0.5vw + 4px, 18px);
    line-height: 1.5;
    color: var(--kenii-text);
}

.kenii-course-detail__description p {
    /* Symmetric block spacing — using margin-block so paragraphs have proper
       vertical rhythm regardless of position. Prior margin-bottom-only rule
       relied on parent's first-of-type margin collapse, which broke when
       paragraphs were preceded by other block content. */
    margin-block: 0 16px;
}

.kenii-course-detail__description p:last-child {
    margin-block-end: 0;
}

/* Mobile: tighter vertical rhythm + reading-optimized line-height. Mobile-
   only because desktop's inherited spacing reads fine at wider measure.
   Covers p, ul, ol so multi-paragraph descriptions AND lists get consistent
   treatment. */
@media (max-width: 768px) {
    .kenii-course-detail__description p,
    .kenii-course-detail__description ul,
    .kenii-course-detail__description ol {
        margin-block: 0 var(--kenii-space-sm, 16px);
        line-height: 1.65;
    }
    .kenii-course-detail__description p:last-child,
    .kenii-course-detail__description ul:last-child,
    .kenii-course-detail__description ol:last-child {
        margin-bottom: 0;
    }
}

/* Programs Using This Course - link list */
.kenii-program-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kenii-program-list li {
    padding: 16px 0;
    border-bottom: 1px solid var(--kenii-border);
}

.kenii-program-list li:last-child {
    border-bottom: none;
}

.kenii-program-list li a {
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 16px;
    color: var(--kenii-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.kenii-program-list li a:hover {
    color: var(--kenii-primary-interactive);
}


/* ================================================================
   CTA BANNER
   ================================================================ */

.kenii-cta {
    position: relative;
    width: 100%;
    padding: 160px 80px;
    overflow: hidden;
}

.kenii-cta__bg {
    position: absolute;
    inset: 0;
}

.kenii-cta__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kenii-cta__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.kenii-cta__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--kenii-container-max);
    margin: 0 auto;
    background: rgba(91, 33, 182, 0.9);
    border-radius: var(--kenii-radius);
    padding: var(--kenii-page-padding);
}

.kenii-cta__heading {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2;
    color: var(--kenii-white);
    max-width: 700px;
    margin: 0;
}

.kenii-cta__heading em {
    font-style: italic;
}

@media (max-width: 1024px) {
    .kenii-cta {
        padding: 100px 40px;
    }
    .kenii-cta__heading {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .kenii-cta {
        padding: 80px 20px;
    }
    .kenii-cta__inner {
        flex-direction: column;
        gap: var(--kenii-space-md);
        align-items: flex-start;
    }
    .kenii-cta__heading {
        font-size: 36px;
    }
}


/* ================================================================
   BUTTONS
   ================================================================ */

.kenii-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    padding: 12px 28px;
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    border: none;
    border-radius: var(--kenii-radius);
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.kenii-btn:hover {
    box-shadow: var(--kenii-shadow-md);
}

.kenii-btn svg {
    width: 11px;
    height: 20px;
    flex-shrink: 0;
}

.kenii-btn--white {
    background: var(--kenii-white);
    border: 1px solid var(--kenii-white);
    color: var(--kenii-primary-dark);
}

.kenii-btn--white:hover {
    box-shadow: var(--kenii-shadow-lg);
}

.kenii-btn--outline {
    background: transparent;
    border: 1px solid var(--kenii-primary);
    color: var(--kenii-primary);
}

.kenii-btn--outline:hover {
    background: var(--kenii-primary);
    color: var(--kenii-white);
}

.kenii-btn--primary {
    background: var(--kenii-primary);
    color: var(--kenii-white);
    padding: 12px 28px;
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: var(--kenii-radius);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.kenii-btn--primary:hover {
    background: var(--kenii-primary-interactive);
}


/* ================================================================
   EMPTY STATE
   ================================================================ */

.kenii-empty {
    font-family: var(--kenii-body-font);
    font-size: 16px;
    color: var(--kenii-text-secondary);
    padding: var(--kenii-space-xl) 0;
    text-align: center;
}


/* ================================================================
   COURSE LISTING (table view)
   ================================================================ */

.kenii-course-listing-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--kenii-neutral-lighter);
    border-radius: var(--kenii-radius);
    overflow: hidden;
}

.kenii-course-listing-table thead th {
    background: var(--kenii-neutral-darkest);
    color: var(--kenii-white);
    font-family: var(--kenii-body-font);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 24px;
    text-align: left;
    white-space: nowrap;
}

.kenii-course-listing-table tbody tr {
    transition: background 0.15s ease;
}

.kenii-course-listing-table tbody tr:nth-child(odd) {
    background: var(--kenii-white);
}

.kenii-course-listing-table tbody tr:nth-child(even) {
    background: var(--kenii-neutral-lightest);
}

.kenii-course-listing-table tbody tr:hover {
    background: rgba(124, 58, 237, 0.03);
}

.kenii-course-listing-table tbody td {
    font-family: var(--kenii-body-font);
    font-size: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--kenii-neutral-lighter);
    color: var(--kenii-text);
}

.kenii-course-listing-table tbody td a {
    color: var(--kenii-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.kenii-course-listing-table tbody td a:hover {
    color: var(--kenii-primary-interactive);
}


/* ================================================================
   PROGRAM GRID (card layout)
   ================================================================ */

.kenii-program-grid {
    display: grid;
    gap: 24px;
    margin-top: var(--kenii-space-md);
}

.kenii-program-grid--3col {
    grid-template-columns: repeat(3, 1fr);
}

.kenii-program-grid--2col {
    grid-template-columns: repeat(2, 1fr);
}

.kenii-program-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 32px;
    background: var(--kenii-white);
    border: 1px solid var(--kenii-neutral-lighter);
    border-radius: var(--kenii-radius);
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.kenii-program-card:hover {
    box-shadow: var(--kenii-shadow-md);
    transform: translateY(-2px);
}

.kenii-program-card__title {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    color: var(--kenii-neutral-darkest);
}

.kenii-program-card__desc {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    line-height: 1.5;
    color: var(--kenii-text-secondary);
}

.kenii-program-card__meta {
    font-family: var(--kenii-body-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--kenii-text-muted);
}

@media (max-width: 768px) {
    .kenii-program-grid--3col {
        grid-template-columns: 1fr;
    }
    .kenii-program-grid--2col {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   CATALOG WRAPPER (year bar)
   ================================================================ */

.kenii-catalog-wrapper {
    background: var(--kenii-neutral-darkest);
    color: var(--kenii-white);
    padding: 12px var(--kenii-page-padding);
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}


/* ================================================================
   HANDBOOK
   ================================================================ */

.kenii-handbook-section {
    margin-bottom: var(--kenii-space-lg);
}

.kenii-handbook-section__title {
    font-family: var(--kenii-heading-font);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: var(--kenii-text);
    margin-bottom: 8px;
}

.kenii-handbook-section__content {
    font-family: var(--kenii-body-font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--kenii-text);
}

.kenii-handbook-section__content p {
    margin-bottom: 12px;
}


/* ================================================================
   RESPONSIVE — LAYOUT
   ================================================================ */

@media (max-width: 1200px) {
    :root {
        --kenii-page-padding: 40px;
    }
}

@media (max-width: 1024px) {
    .kenii-layout,
    .kenii-layout--sidebar-right {
        flex-direction: column;
        gap: var(--kenii-space-md);
    }
    /* Reset sticky positioning at the same breakpoint as the column flip,
       so the sidebar scrolls naturally with content on tablet portrait and
       below — never floats over stacked content. */
    .kenii-sidebar,
    .kenii-layout--sidebar-right .kenii-sidebar {
        position: static;
        top: auto;
        width: 100%;
        align-self: stretch;
    }
    .kenii-layout--sidebar-right .kenii-sidebar {
        order: 1;
    }
    .kenii-layout--sidebar-right .kenii-layout__content {
        order: 2;
    }
}

@media (max-width: 768px) {
    :root {
        --kenii-page-padding: 20px;
    }

    /* Horizontal page-padding at mobile — desktop assumes the host template
       wraps with padding, but at narrow viewports content was going edge-to-
       edge with zero horizontal padding. Column-flip + sidebar reset already
       handled in the ≤1024px block. */
    .kenii-layout,
    .kenii-layout--sidebar-right,
    .kenii-layout--full {
        padding: var(--kenii-space-xl) var(--kenii-page-padding);
    }

    .kenii-cta__inner .kenii-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    :root {
        --kenii-page-padding: 16px;
    }

    .kenii-section-title {
        font-size: 22px;
    }
}


/* ================================================================
   CAREER CARDS
   ================================================================ */

.kenii-career-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--kenii-space-md);
    padding: var(--kenii-space-md);
}

.kenii-career-card {
    background: var(--kenii-neutral-lightest);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    padding: var(--kenii-space-md);
}

.kenii-career-card__title {
    font-family: var(--kenii-body-font);
    font-weight: 700;
    font-size: 18px;
    color: var(--kenii-text);
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-career-card__desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--kenii-text-secondary);
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-career-card__salary {
    font-family: var(--kenii-body-font);
    font-weight: 700;
    font-style: italic;
    font-size: 15px;
    color: var(--kenii-primary);
    margin: 0;
}

@media (max-width: 1024px) {
    .kenii-career-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .kenii-career-grid { grid-template-columns: 1fr; }
}

/* ================================================================
   ACTION BUTTONS
   ================================================================ */

.kenii-action-buttons {
    display: flex;
    gap: var(--kenii-space-sm);
    margin: var(--kenii-space-lg) 0;
}

/* Program Contact name */
.kenii-sidebar__contact-name {
    font-family: var(--kenii-body-font);
    font-weight: 600;
    font-size: 14px;
    color: var(--kenii-text);
    margin: 0 0 4px;
}


/* ================================================================
   CATALOG LANDING
   ================================================================ */

.kenii-catalog-landing {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-2xl);
    width: 100%;
}

.kenii-catalog-landing__hero {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-sm);
}

.kenii-catalog-landing__institution {
    margin: 0;
    font-family: var(--kenii-body-font);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--kenii-text-secondary);
}

.kenii-catalog-landing__title {
    margin: 0;
    font-family: var(--kenii-heading-font);
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--kenii-text);
}

.kenii-catalog-landing__subtitle {
    margin: 0;
    font-family: var(--kenii-body-font);
    font-size: 16px;
    color: var(--kenii-text-secondary);
}

.kenii-catalog-landing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kenii-space-sm);
    margin-top: var(--kenii-space-sm);
}

/* Archives section */
.kenii-catalog-landing__archives {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-md);
}

.kenii-catalog-landing__archives .kenii-section-title,
.kenii-catalog-landing .kenii-section-title {
    margin: 0;
    font-family: var(--kenii-heading-font);
    font-size: 24px;
    font-weight: 700;
    color: var(--kenii-text);
    letter-spacing: -0.01em;
}

.kenii-catalog-landing__archive-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--kenii-space-sm);
}

.kenii-catalog-landing__archive-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--kenii-space-md);
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    text-decoration: none;
    color: var(--kenii-text);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.kenii-catalog-landing__archive-item:hover {
    transform: translateY(-2px);
    border-color: var(--kenii-border);
    box-shadow: var(--kenii-shadow-md);
    color: var(--kenii-text);
}

.kenii-catalog-landing__archive-year {
    font-family: var(--kenii-heading-font);
    font-size: 18px;
    font-weight: 700;
    color: var(--kenii-text);
    letter-spacing: -0.01em;
}

.kenii-catalog-landing__archive-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--kenii-body-font);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kenii-text-muted);
}

.kenii-catalog-landing__archive-icon {
    color: var(--kenii-primary);
    font-size: 14px;
    line-height: 1;
}

/* Skip link — first focusable element on any page Catalog wraps. Hidden
   off-screen until keyboard focus, then drops into view at the top-left. */
.kenii-skip-link {
    position: absolute;
    left: -9999px;
    top: 8px;
    background: var(--kenii-primary);
    color: var(--kenii-white);
    padding: 12px 20px;
    border-radius: var(--kenii-radius);
    text-decoration: none;
    font-weight: 600;
    z-index: 9999;
}

.kenii-skip-link:focus {
    left: 8px;
    outline: 2px solid var(--kenii-white);
    outline-offset: 2px;
}

/* Screen-reader-only helper — surfaces context to assistive tech without
   bloating the visual layout. Used wherever a visible label would be
   ambiguous out of context ("Download PDF" → "Download PDF for 2024-2025 catalog"). */
.kenii-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Universal focus indicator — visible on every focusable element, not just
   the ones that opt in. :focus-visible (not :focus) keeps the ring off
   mouse clicks while preserving it for keyboard, screen-reader virtual
   cursors, and switch input. Color and offset chosen for ≥3:1 contrast
   against both white and brand-tinted backgrounds. */
.kenii-catalog-landing :focus-visible,
.kenii-program-detail :focus-visible,
.kenii-credential-detail :focus-visible,
.kenii-course-detail :focus-visible,
.kenii-layout :focus-visible,
.kenii-layout--full :focus-visible,
.kenii-hero :focus-visible,
.kenii-breadcrumb :focus-visible,
.kenii-btn:focus-visible,
.kenii-program-accordion__item :focus-visible,
.kenii-program-grid :focus-visible {
    outline: 2px solid var(--kenii-primary);
    outline-offset: 2px;
    border-radius: 3px;
}

/* Respect user motion preferences — strip non-essential animation when
   the OS signals reduced-motion. Keeps state transitions instantaneous
   instead of suppressed entirely so the UI still communicates change. */
@media (prefers-reduced-motion: reduce) {
    .kenii-catalog-landing *,
    .kenii-program-detail *,
    .kenii-credential-detail *,
    .kenii-course-detail *,
    .kenii-program-grid *,
    .kenii-program-accordion__item * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Addenda — current year section above archives */
.kenii-catalog-landing__current-addenda {
    margin-top: var(--kenii-space-xl);
}

.kenii-catalog-landing__current-addenda .kenii-section-title {
    font-family: var(--kenii-heading-font);
    font-size: 22px;
    font-weight: 700;
    color: var(--kenii-text);
    letter-spacing: -0.01em;
    margin: 0 0 var(--kenii-space-md);
}

/* Archive list — single column when years carry addenda, since the
   accordion expands vertically. PDF-only flat tiles still grid nicely. */
.kenii-catalog-landing__archive-list {
    grid-template-columns: 1fr;
}

.kenii-catalog-landing__archive-item--no-pdf {
    cursor: default;
}

.kenii-catalog-landing__archive-item--no-pdf:hover {
    transform: none;
    box-shadow: none;
    border-color: var(--kenii-border-subtle);
}

.kenii-catalog-landing__archive-label--muted {
    color: var(--kenii-text-muted);
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

/* PDF-only flat tile — when a year has the catalog PDF but no addenda,
   skip the accordion overhead. Same visual rhythm as the original tile. */
.kenii-catalog-landing__archive-item--flat {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--kenii-space-md);
}

/* Accordion year — when a year has addenda, progressive disclosure via
   native <details>. No JS, browser-handled animation. */
.kenii-catalog-landing__archive-card {
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.kenii-catalog-landing__archive-card[open] {
    border-color: var(--kenii-border);
    box-shadow: var(--kenii-shadow-sm);
}

.kenii-catalog-landing__archive-card:hover {
    border-color: var(--kenii-border);
}

.kenii-catalog-landing__archive-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--kenii-space-md);
    padding: var(--kenii-space-md);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

/* Hide native disclosure triangle across browsers */
.kenii-catalog-landing__archive-summary::-webkit-details-marker { display: none; }
.kenii-catalog-landing__archive-summary::marker { display: none; content: ''; }

.kenii-catalog-landing__archive-summary-main {
    display: inline-flex;
    align-items: center;
    gap: var(--kenii-space-sm);
    min-width: 0;
}

.kenii-catalog-landing__archive-summary-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 1;
    color: var(--kenii-text-muted);
    transition: transform 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
}

.kenii-catalog-landing__archive-card[open] .kenii-catalog-landing__archive-summary-toggle {
    transform: rotate(180deg);
    color: var(--kenii-primary);
}

.kenii-catalog-landing__archive-counts {
    display: inline-flex;
    align-items: center;
    gap: var(--kenii-space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.kenii-catalog-landing__archive-count {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    padding: 4px 10px;
    background: var(--kenii-neutral-lightest);
    border-radius: var(--kenii-radius);
    font-family: var(--kenii-body-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--kenii-text);
    line-height: 1;
    white-space: nowrap;
}

.kenii-catalog-landing__archive-count-label {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--kenii-text-muted);
}

.kenii-catalog-landing__archive-body {
    padding: 0 var(--kenii-space-md) var(--kenii-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-sm);
}

/* Inline PDF download inside the expanded body — same visual weight as an
   addendum link so the body reads as one cohesive list of artifacts. */
.kenii-catalog-landing__archive-pdf {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    background: var(--kenii-neutral-lightest);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    text-decoration: none;
    color: var(--kenii-text);
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 600;
    transition: border-color 0.2s ease, background 0.2s ease;
    align-self: flex-start;
}

.kenii-catalog-landing__archive-pdf:hover {
    border-color: var(--kenii-primary);
    background: var(--kenii-white);
    color: var(--kenii-text);
}

.kenii-catalog-landing__archive-pdf .kenii-catalog-landing__archive-icon {
    color: var(--kenii-primary);
    font-size: 16px;
}

/* Addenda groups — institutional vs program-specific sectioning */
.kenii-catalog-landing__addenda-group {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-xs);
}

.kenii-catalog-landing__addenda-group + .kenii-catalog-landing__addenda-group {
    margin-top: var(--kenii-space-md);
}

.kenii-catalog-landing__addenda-group-title {
    font-family: var(--kenii-body-font);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--kenii-text-muted);
    margin: 0 0 var(--kenii-space-xs);
}

/* Addenda list — shared by current-year and archive-year render paths */
.kenii-catalog-landing__addenda-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-xs);
}

.kenii-catalog-landing__addendum-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    text-decoration: none;
    color: var(--kenii-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.kenii-catalog-landing__addendum-link:hover {
    border-color: var(--kenii-primary);
    box-shadow: var(--kenii-shadow-sm);
    color: var(--kenii-text);
}

.kenii-catalog-landing__addendum-title {
    font-family: var(--kenii-heading-font);
    font-size: 15px;
    font-weight: 600;
    color: var(--kenii-text);
    letter-spacing: -0.005em;
}

.kenii-catalog-landing__addendum-scope {
    font-size: 13px;
    color: var(--kenii-text-secondary);
    line-height: 1.4;
}

.kenii-catalog-landing__addendum-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kenii-space-sm);
    margin-top: 2px;
    font-family: var(--kenii-body-font);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kenii-text-muted);
}

@media (max-width: 600px) {
    .kenii-catalog-landing {
        gap: var(--kenii-space-xl);
    }
    .kenii-catalog-landing__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .kenii-catalog-landing__actions .kenii-btn {
        text-align: center;
    }
    .kenii-catalog-landing__archive-addenda {
        margin-left: var(--kenii-space-md);
        padding-left: var(--kenii-space-sm);
    }
}


/* ================================================================
   CCP PATHWAY (High School Pathway on credential detail pages)
   Renders below the traditional tabs. Distinguishes HS-side coursework
   (taught at the student's high school) from CCP college courses (dual
   enrollment at MCC). Same URL as traditional plan — both visible.
   ================================================================ */

.kenii-ccp-pathway {
    margin-top: var(--kenii-space-xl);
    padding: var(--kenii-space-lg);
    background: var(--kenii-neutral-lightest);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
}

.kenii-ccp-pathway__header {
    margin-bottom: var(--kenii-space-lg);
    padding-bottom: var(--kenii-space-md);
    border-bottom: 2px solid var(--kenii-primary);
}

.kenii-ccp-pathway__title {
    font-family: var(--kenii-heading-font);
    font-size: 24px;
    font-weight: 700;
    color: var(--kenii-text);
    margin: 0 0 var(--kenii-space-sm);
    letter-spacing: -0.01em;
}

.kenii-ccp-pathway__lede {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    line-height: 1.5;
    color: var(--kenii-text-secondary);
    margin: 0 0 var(--kenii-space-md);
}

.kenii-ccp-pathway__name {
    display: inline-block;
    margin-left: 4px;
    font-weight: 600;
    color: var(--kenii-text);
}

.kenii-ccp-pathway__facts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--kenii-space-md);
}

.kenii-ccp-pathway__facts li {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kenii-ccp-pathway__fact-label {
    font-family: var(--kenii-body-font);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kenii-text-muted);
}

.kenii-ccp-pathway__fact-value {
    font-family: var(--kenii-body-font);
    font-size: 14px;
    font-weight: 600;
    color: var(--kenii-text);
}

.kenii-ccp-pathway__phases {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-lg);
}

.kenii-ccp-pathway__period {
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    padding: var(--kenii-space-md);
}

.kenii-ccp-pathway__period--post {
    border-left: 4px solid var(--kenii-primary);
    background: var(--kenii-white);
}

.kenii-ccp-pathway__period-title {
    font-family: var(--kenii-heading-font);
    font-size: 16px;
    font-weight: 700;
    color: var(--kenii-text);
    margin: 0 0 var(--kenii-space-md);
}

.kenii-ccp-pathway__semesters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--kenii-space-md);
}

@media (max-width: 720px) {
    .kenii-ccp-pathway__semesters { grid-template-columns: 1fr; }
}

.kenii-ccp-pathway__semester {
    background: var(--kenii-neutral-lightest);
    border-radius: var(--kenii-radius);
    padding: var(--kenii-space-sm) var(--kenii-space-md);
}

.kenii-ccp-pathway__semester-title {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kenii-text-muted);
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-ccp-pathway__track + .kenii-ccp-pathway__track {
    margin-top: var(--kenii-space-sm);
}

.kenii-ccp-pathway__track-label {
    display: block;
    font-family: var(--kenii-body-font);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    color: var(--kenii-text-secondary);
}

.kenii-ccp-pathway__track--ccp .kenii-ccp-pathway__track-label {
    color: var(--kenii-primary);
}

.kenii-ccp-pathway__course-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kenii-ccp-pathway__course {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    color: var(--kenii-text);
    line-height: 1.4;
}

.kenii-ccp-pathway__track--ccp .kenii-ccp-pathway__course {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.kenii-ccp-pathway__code {
    font-family: var(--kenii-body-font);
    font-weight: 700;
    color: var(--kenii-primary);
    font-variant-numeric: tabular-nums;
}

.kenii-ccp-pathway__course--choice .kenii-ccp-pathway__code {
    color: var(--kenii-text);
}

.kenii-ccp-pathway__choice {
    font-size: 12px;
    color: var(--kenii-text-muted);
    font-style: italic;
}

.kenii-ccp-pathway__empty {
    font-family: var(--kenii-body-font);
    font-size: 12px;
    color: var(--kenii-text-muted);
    font-style: italic;
    margin: 0;
}

.kenii-ccp-pathway__chain {
    margin-top: var(--kenii-space-lg);
    padding-top: var(--kenii-space-md);
    border-top: 1px solid var(--kenii-border-subtle);
}

.kenii-ccp-pathway__chain-title {
    font-family: var(--kenii-heading-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--kenii-text);
    margin: 0 0 4px;
}

.kenii-ccp-pathway__chain-note {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    color: var(--kenii-text-secondary);
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-ccp-pathway__chain-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--kenii-space-sm);
    counter-reset: chain;
}

.kenii-ccp-pathway__chain-step {
    counter-increment: chain;
    display: flex;
    flex-direction: column;
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    position: relative;
}

.kenii-ccp-pathway__chain-step::before {
    content: counter(chain);
    position: absolute;
    top: -8px;
    left: -8px;
    width: 20px;
    height: 20px;
    background: var(--kenii-primary);
    color: var(--kenii-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.kenii-ccp-pathway__chain-code {
    font-family: var(--kenii-body-font);
    font-weight: 700;
    font-size: 13px;
    color: var(--kenii-primary);
}

.kenii-ccp-pathway__chain-label {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    color: var(--kenii-text);
}


/* ================================================================
   ACADEMIC CALENDAR
   ================================================================ */

.kenii-academic-calendar-year {
    margin: 0 0 var(--kenii-space-2xl);
}

.kenii-academic-calendar-year__title {
    font-family: var(--kenii-heading-font);
    font-size: 28px;
    font-weight: 700;
    color: var(--kenii-text);
    margin: 0 0 var(--kenii-space-lg);
    letter-spacing: -0.01em;
}

/* v1.16.0 — Header row: year title left, download-PDF button right */
.kenii-academic-calendar-year__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--kenii-space-md);
    flex-wrap: wrap;
    margin: 0 0 var(--kenii-space-lg);
}
.kenii-academic-calendar-year__header .kenii-academic-calendar-year__title {
    margin: 0;
    flex: 1 1 auto;
}
.kenii-academic-calendar-year__pdf {
    flex: 0 0 auto;
    white-space: nowrap;
}

.kenii-academic-calendar-year__tables {
    display: flex;
    flex-direction: column;
    gap: var(--kenii-space-lg);
}

.kenii-academic-calendar {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--kenii-body-font);
    background: var(--kenii-white);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    overflow: hidden;
    box-shadow: var(--kenii-shadow-sm);
}

.kenii-academic-calendar__caption {
    caption-side: top;
    text-align: left;
    font-family: var(--kenii-heading-font);
    font-size: 18px;
    font-weight: 700;
    color: var(--kenii-white);
    background: var(--kenii-primary);
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    letter-spacing: -0.01em;
}

.kenii-academic-calendar--spring .kenii-academic-calendar__caption {
    background: var(--kenii-primary-interactive, var(--kenii-primary));
}

.kenii-academic-calendar--summer .kenii-academic-calendar__caption {
    background: var(--kenii-primary-dark, var(--kenii-primary));
}

.kenii-academic-calendar thead th {
    text-align: left;
    font-family: var(--kenii-heading-font);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kenii-text-secondary);
    background: var(--kenii-neutral-lightest);
    padding: var(--kenii-space-xs) var(--kenii-space-md);
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-academic-calendar tbody tr {
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-academic-calendar tbody tr:last-child {
    border-bottom: none;
}

.kenii-academic-calendar__label {
    text-align: left;
    font-weight: 500;
    color: var(--kenii-text);
    padding: 12px var(--kenii-space-md);
    font-size: 15px;
    line-height: 1.45;
    vertical-align: top;
    word-break: normal;
    overflow-wrap: break-word;
    width: 70%;
}

.kenii-academic-calendar__date {
    text-align: right;
    color: var(--kenii-text-secondary);
    padding: 12px var(--kenii-space-md);
    font-size: 15px;
    line-height: 1.45;
    white-space: nowrap;
    vertical-align: top;
    width: 30%;
}

.kenii-academic-calendar__col-label {
    width: 70%;
}

.kenii-academic-calendar__col-date {
    width: 30%;
    text-align: right;
}

.kenii-academic-calendar__date time {
    font-variant-numeric: tabular-nums;
}

.kenii-academic-calendar__empty {
    text-align: center;
    color: var(--kenii-text-muted);
    padding: var(--kenii-space-lg);
    font-style: italic;
}

/* Type modifiers — left-edge accent */

.kenii-academic-calendar__row {
    position: relative;
}

.kenii-academic-calendar__row--holiday .kenii-academic-calendar__label {
    color: var(--kenii-text);
}

.kenii-academic-calendar__row--holiday {
    background: rgba(255, 240, 200, 0.25);
}

.kenii-academic-calendar__row--deadline .kenii-academic-calendar__label {
    color: var(--kenii-primary-dark, var(--kenii-primary));
    font-weight: 600;
}

.kenii-academic-calendar__row--ceremony .kenii-academic-calendar__label {
    font-weight: 700;
    color: var(--kenii-primary);
}

.kenii-academic-calendar__row--exams {
    background: rgba(0, 0, 0, 0.02);
}

.kenii-academic-calendar__row--break {
    background: rgba(186, 230, 253, 0.18);
}

.kenii-academic-calendar__row--faculty .kenii-academic-calendar__label {
    color: var(--kenii-text-secondary);
    font-style: italic;
}

.kenii-academic-calendar__row--range .kenii-academic-calendar__date {
    font-weight: 500;
}

.kenii-academic-calendar__error {
    padding: var(--kenii-space-md);
    border-left: 3px solid var(--kenii-primary);
    background: var(--kenii-neutral-lightest);
    color: var(--kenii-text-secondary);
    border-radius: var(--kenii-radius);
    font-size: 14px;
}

/* Academic calendar PAGE wrapper — fills whatever container the host
   places the shortcode in. No max-width, no horizontal padding. The host
   page (Etch section, Gutenberg group, theme template) owns layout. */

.kenii-academic-calendar-page {
    width: 100%;
}

.kenii-academic-calendar-page__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--kenii-space-md);
    margin-bottom: var(--kenii-space-lg);
    padding-bottom: var(--kenii-space-sm);
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-academic-calendar-page__year-form {
    display: flex;
    align-items: center;
    gap: var(--kenii-space-xs);
    margin: 0;
}

.kenii-academic-calendar-page__year-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--kenii-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kenii-academic-calendar-page__year-select {
    padding: 8px 36px 8px 14px;
    border: 1px solid var(--kenii-border);
    border-radius: var(--kenii-radius);
    background: var(--kenii-white);
    color: var(--kenii-text);
    font-family: var(--kenii-body-font);
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23272a2b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.kenii-academic-calendar-page__pdf {
    display: inline-flex;
    align-items: center;
    gap: var(--kenii-space-xs);
    padding: 10px 18px;
    background: var(--kenii-primary);
    color: var(--kenii-white);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: var(--kenii-radius);
    transition: background 0.2s ease, transform 0.2s ease;
}

.kenii-academic-calendar-page__pdf:hover {
    background: var(--kenii-primary-dark, var(--kenii-primary));
    color: var(--kenii-white);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .kenii-academic-calendar-page__toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .kenii-academic-calendar-page__pdf {
        justify-content: center;
    }
}

/* Narrow viewports — collapse the 2-col table to stacked cards.
   The <table> markup stays (semantically correct, screen-reader friendly),
   the visual just reflows so each row reads as label-on-top / date-below. */
@media (max-width: 600px) {
    .kenii-academic-calendar,
    .kenii-academic-calendar tbody,
    .kenii-academic-calendar tr,
    .kenii-academic-calendar td,
    .kenii-academic-calendar th {
        display: block;
        width: 100%;
    }
    .kenii-academic-calendar thead {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }
    .kenii-academic-calendar__caption {
        font-size: 16px;
        padding: 12px 16px;
        display: block;
    }
    .kenii-academic-calendar tbody tr {
        padding: 12px 16px;
        border-bottom: 1px solid var(--kenii-border-subtle);
    }
    .kenii-academic-calendar tbody tr:last-child {
        border-bottom: none;
    }
    .kenii-academic-calendar__label {
        padding: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        text-align: left;
        width: auto;
    }
    .kenii-academic-calendar__date {
        padding: 4px 0 0;
        font-size: 13px;
        text-align: left;
        white-space: normal;
        width: auto;
        color: var(--kenii-text-muted);
    }
}


/* ================================================================
   PRINT STYLES
   ================================================================ */

@media print {
    .kenii-hero,
    .kenii-cta,
    .kenii-search-bar,
    .kenii-filter-bar,
    .kenii-breadcrumb,
    .kenii-sidebar {
        display: none !important;
    }

    .kenii-layout {
        display: block;
    }

    .kenii-layout__content {
        width: 100%;
    }
}


/* ================================================================
   COURSE USAGE ROWS (Programs Using This Course)
   ================================================================ */

.kenii-usage-list {
    display: flex;
    flex-direction: column;
}

.kenii-usage-row {
    display: flex;
    align-items: center;
    padding: var(--kenii-space-sm) 0;
    border-bottom: 1px solid var(--kenii-border-subtle);
    text-decoration: none;
    color: var(--kenii-text);
    transition: background 0.15s ease;
}

.kenii-usage-row:hover {
    background: var(--kenii-neutral-lightest);
}

.kenii-usage-row__type {
    font-family: var(--kenii-body-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--kenii-text-secondary);
    min-width: 60px;
    flex-shrink: 0;
}

.kenii-usage-row__name {
    flex: 1;
    font-family: var(--kenii-body-font);
    font-size: 15px;
    font-weight: 500;
    color: var(--kenii-text);
}

.kenii-usage-row__chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--kenii-neutral-lighter);
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: var(--kenii-space-sm);
    color: var(--kenii-text-secondary);
}

.kenii-usage-row__chevron svg {
    width: 8px;
    height: 14px;
}

.kenii-usage-row:hover .kenii-usage-row__chevron {
    background: var(--kenii-primary);
    color: var(--kenii-white);
}

/* Mobile: let long program/course names wrap onto a second line instead of
   colliding with the chevron. row-gap keeps wrapped lines spaced from each
   other when both type + name end up on separate rows. The .__name overrides
   force the flex child to shrink past its content width and to wrap unbroken
   compound words (program-name dashes etc.). */
@media (max-width: 768px) {
    .kenii-usage-row {
        flex-wrap: wrap;
        row-gap: 4px;
    }
    .kenii-usage-row__name {
        min-width: 0;
        overflow-wrap: break-word;
        word-break: break-word;
    }
}

/* ─── Print Link ─── */
.kenii-print-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    color: var(--kenii-text-muted);
    text-decoration: none;
    margin-left: 12px;
    cursor: pointer;
}
.kenii-print-link:hover {
    color: var(--kenii-primary);
}
.kenii-print-link svg { flex-shrink: 0; }

/* ─── Print Styles ─── */
@media print {
    /* Hide everything except content */
    .kenii-hero,
    .kenii-breadcrumb,
    .kenii-sidebar,
    .kenii-cta,
    .kenii-print-btn,
    .kenii-tabs__nav,
    header, footer, nav,
    .kenii-action-buttons,
    #wpadminbar,
    .site-header,
    .site-footer,
    .wp-block-template-part,
    .ast-above-header,
    .ast-below-header,
    .ast-mobile-header-wrap,
    .kenii-sidebar__contact,
    .kenii-sidebar__nav {
        display: none !important;
    }

    /* Reset layout */
    body, html {
        background: white !important;
        color: #1a1a1a !important;
        font-family: 'Georgia', 'Times New Roman', serif !important;
        font-size: 11pt !important;
        line-height: 1.5 !important;
    }

    .kenii-layout {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .kenii-layout__content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Print header */
    .kenii-credential-detail__header {
        text-align: center;
        border-bottom: 3px solid var(--kenii-primary, #7C3AED);
        padding-bottom: 16px;
        margin-bottom: 24px;
        page-break-after: avoid;
    }

    .kenii-credential-detail__title {
        font-size: 22pt !important;
        font-weight: 700 !important;
        margin-bottom: 8px !important;
        color: #1a1a1a !important;
    }

    .kenii-credential-detail__meta {
        font-size: 10pt !important;
        color: #555 !important;
    }

    .kenii-badge {
        border: 1px solid #999 !important;
        background: transparent !important;
        color: #333 !important;
        padding: 2px 8px !important;
        font-size: 9pt !important;
    }

    /* Show ALL tab panels when printing */
    .kenii-tabs__panel {
        display: block !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Section labels for print */
    .kenii-tabs__panel[data-panel="requirements"]::before {
        content: "Requirements";
        display: block;
        font-size: 16pt;
        font-weight: 700;
        margin: 24px 0 12px 0;
        padding-bottom: 6px;
        border-bottom: 2px solid var(--kenii-primary, #7C3AED);
        color: #1a1a1a;
    }

    .kenii-tabs__panel[data-panel="plan-of-study"]::before {
        content: "Plan of Study";
        display: block;
        font-size: 16pt;
        font-weight: 700;
        margin: 24px 0 12px 0;
        padding-bottom: 6px;
        border-bottom: 2px solid var(--kenii-primary, #7C3AED);
        color: #1a1a1a;
    }

    /* Semester tables */
    .kenii-pos-semester {
        page-break-inside: avoid;
        margin-bottom: 16px;
    }

    .kenii-pos-semester__title {
        font-size: 12pt !important;
        font-weight: 700 !important;
        background: #f5f5f5 !important;
        padding: 6px 10px !important;
        margin-bottom: 4px !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .kenii-pos-semester__table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 10pt !important;
    }

    .kenii-pos-semester__table th,
    .kenii-pos-semester__table td {
        border-bottom: 1px solid #ddd !important;
        padding: 5px 8px !important;
        text-align: left !important;
    }

    .kenii-pos-semester__table th {
        font-weight: 600 !important;
        font-size: 8pt !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: #777 !important;
    }

    /* Requirements sections */
    .kenii-req-section {
        page-break-inside: avoid;
        margin-bottom: 12px;
    }

    /* Course links - no underline in print */
    a { color: #1a1a1a !important; text-decoration: none !important; }

    /* Footer with school name */
    @page {
        margin: 0.75in;
        @bottom-center {
            content: "Martin Community College — 2025-2026 College Catalog";
            font-size: 8pt;
            color: #999;
        }
    }

    /* Total credits row */
    .kenii-pos-semester__footer,
    .kenii-req-total {
        font-weight: 700 !important;
        border-top: 2px solid #333 !important;
    }
}


/* ============================================================
   POLICY DETAIL — v1.10.0
   Single handbook page: sidebar TOC + content + prev/next nav
   ============================================================ */

.kenii-policy-detail__sidebar .kenii-sidebar__heading {
    margin-bottom: var(--kenii-space-sm);
}

.kenii-policy-detail__toc-section {
    margin-bottom: 4px;
}

.kenii-policy-detail__toc-section--active > .kenii-sidebar__nav-item {
    font-weight: 600;
    color: var(--kenii-primary);
}

.kenii-policy-detail__toc-children {
    display: flex;
    flex-direction: column;
    margin-left: var(--kenii-space-sm);
    padding-left: var(--kenii-space-xs);
    border-left: 2px solid var(--kenii-border-subtle);
    margin-top: 4px;
    margin-bottom: var(--kenii-space-xs);
}

.kenii-policy-detail__toc-child {
    font-size: 14px;
    padding: 6px 10px;
}

.kenii-policy-detail__content {
    max-width: 760px;
}

.kenii-policy-detail__header {
    margin-bottom: var(--kenii-space-lg);
    padding-bottom: var(--kenii-space-md);
    border-bottom: 1px solid var(--kenii-border-subtle);
}

.kenii-policy-detail__title {
    font-family: var(--kenii-heading-font);
    font-size: 36px;
    line-height: 1.2;
    color: var(--kenii-text);
    margin: 0;
}

.kenii-policy-detail__body {
    font-family: var(--kenii-body-font);
    font-size: 16px;
    line-height: 1.65;
    color: var(--kenii-text);
}

.kenii-policy-detail__body h2,
.kenii-policy-detail__body h3,
.kenii-policy-detail__body h4 {
    font-family: var(--kenii-heading-font);
    color: var(--kenii-text);
    margin-top: var(--kenii-space-lg);
    margin-bottom: var(--kenii-space-sm);
    line-height: 1.3;
}

.kenii-policy-detail__body h2 { font-size: 26px; }
.kenii-policy-detail__body h3 { font-size: 22px; }
.kenii-policy-detail__body h4 { font-size: 18px; }

.kenii-policy-detail__body p {
    margin: 0 0 var(--kenii-space-sm);
}

.kenii-policy-detail__body ul,
.kenii-policy-detail__body ol {
    margin: 0 0 var(--kenii-space-sm);
    padding-left: var(--kenii-space-md);
}

.kenii-policy-detail__body li {
    margin-bottom: 6px;
}

.kenii-policy-detail__body table {
    border-collapse: collapse;
    width: 100%;
    margin: var(--kenii-space-sm) 0;
}

.kenii-policy-detail__body th,
.kenii-policy-detail__body td {
    padding: 10px 12px;
    border: 1px solid var(--kenii-border-subtle);
    text-align: left;
    vertical-align: top;
}

.kenii-policy-detail__body th {
    background: var(--kenii-neutral-lightest);
    font-weight: 600;
}

.kenii-policy-detail__body a {
    color: var(--kenii-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kenii-policy-detail__body a:hover {
    color: var(--kenii-primary-interactive);
}

.kenii-policy-detail__redirect-notice {
    background: var(--kenii-neutral-lightest);
    border-left: 4px solid var(--kenii-primary);
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    border-radius: var(--kenii-radius);
}

.kenii-policy-detail__redirect-notice p {
    margin: 0;
    font-size: 15px;
}

.kenii-policy-detail__pagination {
    display: flex;
    gap: var(--kenii-space-sm);
    margin-top: var(--kenii-space-xl);
    padding-top: var(--kenii-space-md);
    border-top: 1px solid var(--kenii-border-subtle);
}

.kenii-policy-detail__pagination-link {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--kenii-space-sm) var(--kenii-space-md);
    background: var(--kenii-neutral-lightest);
    border: 1px solid var(--kenii-border-subtle);
    border-radius: var(--kenii-radius);
    text-decoration: none;
    color: var(--kenii-text);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.kenii-policy-detail__pagination-link:hover {
    background: var(--kenii-neutral-lighter);
    border-color: var(--kenii-border);
}

.kenii-policy-detail__pagination-link--next {
    text-align: right;
}

.kenii-policy-detail__pagination-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--kenii-text-muted);
}

.kenii-policy-detail__pagination-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.kenii-policy-detail__pagination-spacer {
    flex: 1;
}

@media (max-width: 768px) {
    .kenii-policy-detail__title { font-size: 28px; }
    .kenii-policy-detail__body h2 { font-size: 22px; }
    .kenii-policy-detail__body h3 { font-size: 19px; }
    .kenii-policy-detail__pagination {
        flex-direction: column;
    }
}

@media print {
    .kenii-policy-detail__sidebar,
    .kenii-policy-detail__pagination {
        display: none !important;
    }
    .kenii-policy-detail__content {
        max-width: 100% !important;
    }
}