.reference-catalog{background:#fff;min-height:65vh}.reference-catalog .catalog-container{max-width:1104px;padding-top:56px;padding-bottom:80px}.reference-catalog .catalog-heading h1{font-size:clamp(2rem,3vw,2.6rem);margin:0 0 8px;color:#102443}.reference-catalog .catalog-heading p{margin:0;color:#627084}.reference-catalog .reference-controls{display:flex;gap:12px;align-items:stretch;margin:32px 0 12px}.reference-catalog #courses-query{flex:1;min-width:0;padding:13px 17px;border:1px solid #d8dde4;border-radius:6px;font:inherit;background:#fff}.reference-catalog .filter-wrap{position:relative}.reference-catalog .filter-toggle,.reference-catalog .view-switch button{height:100%;min-height:50px;border:1px solid #d8dde4;background:#fff;color:#233651;border-radius:6px;font:inherit;cursor:pointer;padding:0 17px}.reference-catalog .view-switch{display:flex;direction:rtl}.reference-catalog .view-switch button{border-radius:0;font-size:1.3rem;padding:0 14px}.reference-catalog .view-switch button:first-child{border-radius:0 6px 6px 0}.reference-catalog .view-switch button:last-child{border-radius:6px 0 0 6px}.reference-catalog .view-switch button[aria-pressed=true]{background:#112744;color:#fff;border-color:#112744}.reference-catalog .filter-panel{position:absolute;z-index:20;top:calc(100% + 8px);inset-inline-end:0;width:288px;max-width:calc(100vw - 32px);padding:20px;background:white;border:1px solid #e0e4e9;border-radius:8px;box-shadow:0 12px 32px #14264224}.reference-catalog .filter-panel[hidden]{display:none}.reference-catalog .filter-panel fieldset{border:0;margin:0 0 16px;padding:0}.reference-catalog .filter-panel legend,.reference-catalog .filter-panel>label{font-weight:700;color:#142642;margin-bottom:8px}.reference-catalog .filter-panel fieldset label{display:block;margin:8px 0;font-size:.9rem}.reference-catalog .filter-panel select{width:100%;padding:9px;border:1px solid #d8dde4;border-radius:5px;font:inherit}.reference-catalog .filter-reset{display:block;background:none;border:0;color:#946c2e;font:inherit;cursor:pointer;margin-top:16px;padding:0}.reference-catalog .results-count{font-size:.9rem;color:#6a7585;margin:0 0 22px}.reference-catalog .course-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-catalog .catalog-card{min-width:0;border:1px solid #e2e5e9;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.reference-catalog .catalog-card[hidden]{display:none}.reference-catalog .catalog-image-link{display:block}.reference-catalog .catalog-image-link img{display:block;width:100%;height:208px;object-fit:cover}.reference-catalog .card-body{padding:20px;display:flex;flex-direction:column;gap:11px;flex:1}.reference-catalog .card-body h2{font-size:1.1rem;line-height:1.55;margin:0}.reference-catalog .card-body h2 a{color:#152b48;text-decoration:none}.reference-catalog .catalog-summary{font-size:.92rem;line-height:1.8;color:#667184;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-catalog .catalog-availability{font-size:.85rem;color:var(--muted);margin:auto 0 0}.reference-catalog .course-detail-link{color:#866021;font-weight:700;text-decoration:none}.reference-catalog .list-view{grid-template-columns:1fr}.reference-catalog .list-view .catalog-card{flex-direction:row}.reference-catalog .list-view .catalog-image-link{width:30%;flex-shrink:0}.reference-catalog .list-view .catalog-image-link img{height:100%;min-height:208px}.reference-catalog :focus-visible{outline:3px solid #c39442;outline-offset:3px}@media(max-width:760px){.reference-catalog .catalog-container{padding-top:36px}.reference-catalog .reference-controls{flex-wrap:wrap}.reference-catalog #courses-query{flex:1 0 100%}.reference-catalog .course-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-catalog .filter-panel{inset-inline-start:0;inset-inline-end:auto}}@media(max-width:500px){.reference-catalog .course-list-grid{grid-template-columns:1fr}.reference-catalog .list-view .catalog-card{flex-direction:column}.reference-catalog .list-view .catalog-image-link{width:100%}.reference-catalog .list-view .catalog-image-link img{height:208px}}