body{background-color:var(--neutral-light)!important}section.catalog{font-size:clamp(16px,2vw,20px)}section.catalog .card-body-fixed{display:flex;flex-direction:column;position:relative}section.catalog .fixed-title{flex-shrink:0;margin-bottom:10px}section.catalog .card-title{margin-bottom:1rem}section.catalog .scrollable-description{max-height:250px;overflow-y:auto;padding-right:6px;position:relative;scroll-behavior:smooth}section.catalog .scrollable-description:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:25px;left:0;pointer-events:none;position:sticky;right:0}section.catalog .scrollable-description::-webkit-scrollbar{width:6px}section.catalog .scrollable-description::-webkit-scrollbar-thumb{background-color:hsla(0,0%,47%,.6);border-radius:10px}section.catalog .scrollable-description::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,39%,.9)}section.catalog .scrollable-description::-webkit-scrollbar-track{background:transparent}section.catalog .scrollable-description{scrollbar-color:hsla(0,0%,47%,.6) transparent;scrollbar-width:thin}section.catalog .card{min-height:450px}section.catalog .card-footer{background-color:#fff;border-top:none;display:flex;flex-direction:column;gap:.5rem;min-height:70px}section.catalog .card-body .btn,section.catalog .card-footer .btn{padding:.375rem .75rem}#tab-section #credits div{border:none}section.catalog .card-header{align-items:center;background-color:var(--neutral-light,#f8f9fa);color:var(--text-dark,#333);display:flex;font-weight:600;gap:8px;padding:.75rem 1rem}section.catalog .card-header.popular{background-color:#06676a!important;color:#fff}section.catalog .card-header.new{background-color:var(--btn-success-bg)!important;color:#fff}section.catalog .card-header{background-color:var(--bg-light-green)!important;color:var(--btn-success-bg)}section.catalog .subject-card.popular .card{border:2px solid #06676a}section.catalog .subject-card.new .card{border:2px solid var(--btn-success-bg)}section.catalog .subject-card:not(.popular):not(.new) .card{border:2px solid var(--bg-light-green)}#subjects-list[data-view=cards] .subject-card.col-md-4{flex:0 0 calc(33.33333% - 1rem)}#subjects-list[data-view=list] .subject-card{flex:0 0 100%!important;max-width:100%;width:100%}.card.rounded-5{border-top-left-radius:2.2rem!important;border-top-right-radius:2.2rem!important}.btn-outline-primary{width:47%}