@layer components{.course-list_wrap{margin:0;padding:0;list-style:none;display:grid}.course-list_item{align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-4);border-bottom:var(--border-width) solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title tag icon""data data icon";display:grid;position:relative;@media (width<=40rem){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title icon""data icon""tag icon"}&:first-child{padding-top:0}&:has(a:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);& a{outline:none}}}.course-list_title{font-size:var(--h5);font-style:italic;font-weight:var(--primary-heavy);font-stretch:var(--stretch-semi);letter-spacing:-.01em;text-wrap:balance;grid-area:title;margin:0;line-height:1.15;&>a{color:inherit;transition:color var(--hover-duration) var(--hover-ease);text-decoration:none;&:after{content:"";position:absolute;inset:0}}.course-list_item:hover &>a{color:var(--link-text)}}.course-list_data{grid-area:data}.course-list_tag{grid-area:tag;place-self:start}.course-list_icon{width:1.5rem;height:1.5rem;transition:transform var(--hover-duration) var(--hover-ease);grid-area:icon;.course-list_item:hover>&{transform:translate(.25rem)}@media (prefers-reduced-motion:reduce){transition:none;.course-list_item:hover>&{transform:none}}}}