@layer components{.course-card_wrap{gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-small) 1.5rem var(--radius-small) var(--radius-small);corner-shape:round bevel round round;background:var(--background-2);transition:border-color var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);flex-direction:column;display:flex;position:relative;&:has(.course-card_media){overflow:hidden}&:not(:has(.course-card_media)){&>.course-data_wrap{margin-top:auto}&>.course-card_actions{margin-top:0}}&:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-.125rem);& .photo_image{filter:grayscale(.2)contrast(1.05);transform:scale(1.04)}& .photo_wrap:after{opacity:.35}}.theme-dark &{&:hover,&:focus-within{box-shadow:var(--glow-interaction), var(--shadow-raised)}}&.featured{box-shadow:var(--shadow-raised)}&.plate{&,&:hover,&:focus-within{border-color:var(--border);box-shadow:var(--shadow-raised);transform:none}}@media (prefers-reduced-motion:reduce){transition-property:border-color,box-shadow;&:hover{transform:none;& .photo_image{transform:none}}}}.course-card_media{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;aspect-ratio:16/9}.course-card_top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.course-card_area{corner-shape:bevel;background:var(--accent-fill);color:var(--accent-fill-text);border-radius:.4375rem;align-items:center;gap:.5rem;padding:.375rem .625rem;display:inline-flex}.course-card_title{font-size:var(--h4);font-style:italic;font-weight:var(--primary-heavy);font-stretch:var(--stretch-semi);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.12;&>a{color:inherit;text-decoration:none;&:after{content:"";position:absolute;inset:0}}}.course-card_actions{z-index:1;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex;position:relative;&>.button_wrap{flex:auto}}}