@charset "UTF-8";
/* Learning Materials catalog responsive owner from the P15.178 route split. */

@media (max-width: 767.98px) {
    .learning-catalog-shell .learning-catalog {
        padding: var(--spacing-md);
    }

    .learning-catalog .learning-catalog-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: var(--ts-catalog-header-gap, var(--spacing-sm));
    }

    .learning-catalog .learning-catalog-header .ts-btn {
        width: 100%;
    }

    .learning-catalog .learning-catalog-layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .learning-catalog .learning-catalog-controls,
    .learning-catalog .learning-catalog-controls__secondary,
    .learning-catalog .learning-catalog-search,
    .learning-catalog .learning-catalog-filter {
        align-items: stretch;
    }

    .learning-catalog .learning-catalog-controls__secondary,
    .learning-catalog .learning-catalog-search,
    .learning-catalog .learning-catalog-filter {
        flex-direction: column;
    }

    .learning-catalog .learning-catalog-search__input,
    .learning-catalog .learning-catalog-search__button,
    .learning-catalog .learning-catalog-search__reset,
    .learning-catalog .learning-catalog-filter__link {
        width: 100%;
        justify-content: center;
    }

    .learning-catalog .learning-catalog-row {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    .learning-catalog .learning-catalog-row__actions {
        justify-content: flex-start;
    }

    .learning-catalog .learning-catalog-row__actions > .ts-btn {
        flex: 1 1 11rem;
    }

    .learning-articles-layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .learning-article-row {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    .learning-article-row__actions {
        justify-content: flex-start;
    }

    .learning-article-row__actions > .ts-btn {
        flex: 1 1 11rem;
    }

    .learning-catalog-shell .learning-catalog {
        padding: var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-header {
        margin-bottom: var(--spacing-sm) !important;
        padding-bottom: var(--spacing-sm) !important;
    }

    .learning-catalog .learning-catalog-layout,
    .learning-catalog .learning-catalog-main {
        gap: var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-nav,
    .learning-catalog .learning-catalog-controls {
        gap: var(--spacing-xs);
        padding: var(--spacing-sm);
        box-shadow: none;
    }

    .learning-catalog .learning-catalog-nav__title,
    .learning-catalog .learning-catalog-filter__title {
        margin: 0;
        line-height: 1.2;
    }

    .learning-catalog .learning-catalog-nav__item {
        min-height: 40px;
        padding: 6px var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-nav__summary {
        gap: var(--spacing-2xs);
        margin: 0;
        padding: 6px var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-controls__secondary {
        gap: var(--spacing-xs);
        padding-top: var(--spacing-xs);
    }

    .learning-catalog .learning-catalog-filter {
        flex: 0 0 auto;
        flex-direction: row;
        gap: var(--spacing-xs);
    }

    .learning-catalog .learning-catalog-filter__title {
        flex: 0 0 100%;
    }

    .learning-catalog .learning-catalog-search__input,
    .learning-catalog .learning-catalog-search__button,
    .learning-catalog .learning-catalog-search__reset {
        flex: 0 0 auto;
        min-height: 42px;
    }

    .learning-catalog .learning-catalog-filter__link {
        flex: 1 1 auto;
        width: auto;
        min-height: 40px;
        padding: 7px var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-summary {
        justify-content: flex-start;
        gap: var(--spacing-2xs) var(--spacing-sm);
        padding: var(--spacing-xs) var(--spacing-sm);
        border-radius: var(--radius-sm);
        font-size: var(--font-size-xs);
        line-height: 1.35;
    }

    .learning-catalog .learning-catalog-category__heading {
        margin-bottom: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
        font-size: 1.1rem;
    }

    .learning-catalog .learning-catalog-category__description {
        margin-bottom: var(--spacing-sm);
        line-height: 1.45;
    }

    .learning-catalog .learning-catalog-row {
        gap: var(--spacing-sm);
        padding: var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-row__excerpt {
        margin-top: var(--spacing-xs);
        line-height: 1.45;
    }

    .learning-catalog .learning-catalog-row__meta {
        margin-top: var(--spacing-xs);
    }
}


@media (max-width: 767.98px) {
    .learning-catalog-shell.learning-catalog-shell {
        margin-top: var(--ts-catalog-shell-margin-top, 0.75rem) !important;
    }

    .learning-catalog-shell .learning-catalog {
        margin-bottom: var(--spacing-lg) !important;
        padding: 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .learning-catalog .learning-catalog-title {
        gap: var(--spacing-xs);
        font-size: var(--ts-catalog-header-title-size, clamp(1.45rem, 7vw, 1.8rem));
        line-height: var(--ts-catalog-header-title-line-height, 1.12);
    }

    .learning-catalog .learning-catalog-description {
        font-size: var(--font-size-sm);
        line-height: 1.4;
    }

    .learning-catalog .learning-catalog-layout {
        gap: 0;
    }

    .learning-catalog .learning-catalog-nav,
    .learning-catalog .learning-catalog-controls {
        border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-primary) 18%);
        background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--color-bg-subtle) 64%, #ffffff) 100%);
    }

    .learning-catalog .learning-catalog-nav {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        padding: 10px;
        border-bottom: 0;
        border-radius: var(--radius-card) var(--radius-card) 0 0;
    }

    .learning-catalog .learning-catalog-nav__title {
        flex: 0 0 100%;
        margin-bottom: 0;
        color: var(--color-text-muted);
        font-size: 0.72rem;
    }

    .learning-catalog .learning-catalog-nav__item {
        flex: 0 1 auto;
        min-height: 36px;
        max-width: 100%;
        justify-content: center;
        gap: 6px;
        padding: 7px 10px;
        border: 1px solid color-mix(in srgb, var(--color-border) 78%, #ffffff 22%);
        border-radius: var(--radius-pill);
        background: rgba(255, 255, 255, 0.82);
        font-size: 0.84rem;
        line-height: 1.15;
    }

    .learning-catalog .learning-catalog-nav__item--active,
    .learning-catalog .learning-catalog-nav__item--active:hover,
    .learning-catalog .learning-catalog-nav__item--active:focus {
        border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
        background: color-mix(in srgb, var(--color-primary-light) 34%, #ffffff);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 12%, transparent);
    }

    .learning-catalog .learning-catalog-nav__count {
        min-width: 1.35rem;
        padding: 0.05rem 0.34rem;
        font-size: 0.7rem;
    }

    .learning-catalog .learning-catalog-controls {
        gap: 10px;
        padding: 10px;
        border-radius: 0 0 var(--radius-card) var(--radius-card);
    }

    .learning-catalog .learning-catalog-search {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .learning-catalog .learning-catalog-search__input {
        grid-column: 1;
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 8px 10px;
        border-radius: var(--radius-pill);
        font-size: 16px;
        line-height: 1.2;
    }

    .learning-catalog .learning-catalog-search__button,
    .learning-catalog .learning-catalog-search__reset {
        width: auto;
        min-height: 42px;
        padding: 8px 12px;
        border-radius: var(--radius-pill);
        line-height: 1.2;
        white-space: nowrap;
    }

    .learning-catalog .learning-catalog-search__button {
        grid-column: 2;
    }

    .learning-catalog .learning-catalog-search__reset {
        grid-column: 1 / -1;
        justify-self: start;
        min-height: 34px;
        padding: 6px 10px;
    }

    .learning-catalog .learning-catalog-controls__secondary {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        padding-top: 8px;
        border-top-color: color-mix(in srgb, var(--color-border) 72%, transparent);
    }

    .learning-catalog .learning-catalog-filter {
        display: flex;
        flex: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .learning-catalog .learning-catalog-filter__title {
        flex: 0 0 100%;
        color: var(--color-text-muted);
        font-size: 0.72rem;
    }

    .learning-catalog .learning-catalog-filter .learning-catalog-filter__link {
        flex: 1 1 auto;
        width: auto;
        justify-content: center;
    }

    .learning-catalog .learning-catalog-filter__count {
        min-width: 1.3rem;
        padding: 0.06rem 0.32rem;
        font-size: 0.68rem;
    }

    .learning-catalog .learning-catalog-summary {
        justify-content: flex-start;
        gap: 6px;
        padding: 8px 0 0;
        border: 0;
        border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
        border-radius: 0;
        background: transparent;
    }

    .learning-catalog .learning-catalog-summary span {
        display: inline-flex;
        align-items: baseline;
        gap: 0.22rem;
        min-height: 30px;
        padding: 5px 8px;
        border: 1px solid color-mix(in srgb, var(--color-border) 76%, #ffffff 24%);
        border-radius: var(--radius-pill);
        background: rgba(255, 255, 255, 0.76);
        font-size: 0.76rem;
        line-height: 1.2;
        white-space: normal;
    }

    .learning-catalog .learning-catalog-category {
        margin-top: var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-category__heading {
        align-items: center;
        gap: 6px;
        margin-bottom: 8px;
        padding-bottom: 8px;
        font-size: 1rem;
        line-height: 1.25;
    }

    .learning-catalog .learning-catalog-list {
        overflow: visible;
        gap: 8px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .learning-catalog .learning-catalog-row {
        gap: 10px;
        min-width: 0;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-primary) 16%);
        border-radius: var(--radius-card);
        background: #ffffff;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    }

    .learning-catalog .learning-catalog-row__heading {
        gap: 6px;
        min-width: 0;
    }

    .learning-catalog .learning-catalog-row__title {
        min-width: 0;
        font-size: 1rem;
        line-height: 1.28;
        overflow-wrap: anywhere;
    }

    .learning-catalog .learning-catalog-row__type {
        padding: 0.1rem 0.4rem;
        font-size: 0.64rem;
    }

    .learning-catalog .learning-catalog-row__excerpt {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 6px;
        font-size: 0.86rem;
        line-height: 1.38;
    }

    .learning-catalog .learning-catalog-row__meta {
        min-width: 0;
        column-gap: 8px;
        margin-top: 8px;
        overflow-wrap: anywhere;
    }

    .learning-catalog .learning-catalog-row__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        width: 100%;
        gap: 6px;
    }

    .learning-catalog .learning-catalog-row__actions > .ts-btn {
        min-height: 38px;
        justify-content: center;
    }

    .learning-catalog .learning-catalog-row__owner-actions {
        justify-content: flex-end;
        gap: 4px;
        padding-left: 0;
    }

    .learning-catalog .learning-catalog-row__owner-actions > .ts-btn {
        width: 38px;
        min-width: 38px;
        min-height: 38px;
    }
}

@media (max-width: 420px) {
    .learning-catalog .learning-catalog-search {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .learning-catalog .learning-catalog-search__button {
        min-width: 44px;
        padding-right: 0;
        padding-left: 0;
    }

    .learning-catalog .learning-catalog-search__button .bi {
        margin-right: 0 !important;
    }

    .learning-catalog .learning-catalog-search__button {
        font-size: 0;
    }

    .learning-catalog .learning-catalog-search__button .bi {
        font-size: 1rem;
    }

    .learning-catalog .learning-catalog-filter .learning-catalog-filter__link {
        flex-basis: calc(50% - 4px);
    }

    .learning-catalog .learning-catalog-row__actions {
        grid-template-columns: 1fr;
    }

    .learning-catalog .learning-catalog-row__owner-actions {
        justify-content: flex-end;
    }

    .learning-catalog .learning-catalog-row__owner-actions > .ts-btn {
        flex: 0 0 auto;
        width: 38px;
    }
}

@media (max-width: 767.98px) {
    .learning-catalog .learning-catalog-layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }

    .learning-catalog .learning-catalog-mobile-controls {
        display: block;
        grid-column: 1 / -1;
    }

    .learning-catalog .learning-catalog-layout > .learning-catalog-nav,
    .learning-catalog .learning-catalog-main > .ts-catalog-filter-panel {
        display: none;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel.show,
    .learning-catalog .learning-catalog-mobile-controls__panel.collapsing {
        display: block;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-nav,
    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-controls {
        display: flex;
        min-width: 0;
        border-radius: calc(var(--radius-card) - 4px);
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 10px;
        padding: 12px;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-controls,
    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-controls__secondary {
        flex-direction: column;
        align-items: stretch;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-controls {
        gap: 12px;
        padding: 12px;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search {
        display: block;
        width: 100%;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search__group {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        width: 100%;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search__input {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        border-radius: var(--radius-sm);
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search__button {
        justify-self: center;
        width: min(100%, 132px);
        min-width: 0;
        min-height: 42px;
        border-radius: var(--radius-pill);
        font-size: var(--font-size-sm);
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search__button .bi {
        margin-right: 0.25rem !important;
        font-size: 1rem;
    }

    .learning-catalog .learning-catalog-mobile-controls__panel .learning-catalog-search__reset {
        justify-self: center;
        width: min(100%, 132px);
        margin-top: var(--spacing-xs);
        justify-content: center;
    }

    .learning-materials-list-category {
        margin-bottom: var(--spacing-lg);
    }

    .learning-materials-list-category__heading {
        margin-bottom: var(--spacing-sm);
        padding-bottom: var(--spacing-xs);
        font-size: 1.1rem;
        line-height: 1.25;
    }

    .learning-materials-list-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }

    .learning-materials-list-card__body {
        gap: var(--spacing-xs);
        padding: var(--spacing-sm);
    }

    .learning-materials-list-card__description {
        line-height: 1.45;
    }

    .learning-materials-list-card__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .learning-materials-list-card__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .learning-materials-list-card__actions .ts-btn {
        width: 100%;
    }
}