.crs-finder .finder-result:not(.is-on){display:none}@media (min-width:64em){.crs-finder .finder:has(>.finder-result:not(.is-on)){grid-template-columns:1fr}}.crs-list{gap:10px;padding:0;list-style:none;display:grid}@media (min-width:48em){.crs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.crs-list>li{min-width:0;display:flex}.crs-item{background:var(--paper);width:100%;color:var(--ink);transition:background-color var(--t-hover) ease;border-radius:20px;grid-template-columns:4.5rem minmax(0,1fr);align-items:start;gap:1rem;padding:1.1rem 1.2rem;text-decoration:none;display:grid}.crs-thumb{aspect-ratio:1;background:var(--sky);border-radius:999px 999px 12px 12px;width:4.5rem;overflow:hidden}.crs-thumb img{object-fit:cover;width:100%;height:100%}.crs-body{gap:.35rem;min-width:0;display:grid}.crs-body h3{font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.25}.crs-lead{color:var(--muted);font-size:.95rem;line-height:1.45}.crs-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;margin-top:.3rem;display:flex}.crs-go{color:var(--blue);font-size:.95rem;font-weight:800}.crs-go:after{content:" →"}@media (hover:hover){.crs-item:hover{background:var(--sky-2)}.crs-item:hover .crs-age{background:var(--paper)}}.crs-item:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (max-width:34em){.crs-item{grid-template-columns:3.25rem minmax(0,1fr);gap:.85rem;padding:.95rem 1rem}.crs-thumb{width:3.25rem}.crs-lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.cp-crs-h{align-items:flex-start;gap:.55rem;display:flex}.cp-crs-h>.ic{margin-top:-.1rem}.crs-item .crs-lead{-webkit-line-clamp:unset;display:block;overflow:visible}.crs-item.has-enroll .card-acts{justify-content:flex-start;padding-top:.75rem}@media (hover:hover){.crs-item.has-enroll:hover{background:var(--sky-2)}}.crs-item.has-enroll{align-items:stretch}.crs-item.has-enroll>.crs-thumb{align-self:start}.crs-item.has-enroll .crs-body{flex-direction:column;display:flex}.crs-item.has-enroll .card-acts{margin-top:auto}