.grid-cards>li:has(>.course-card){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.course-card{--cover-bg: var(--color-night);--cover-ink: var(--color-on-night);--cover-rule: var(--color-accent-500);display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;color:inherit;text-decoration:none;transition:border-color var(--transition-fast),transform var(--transition-base),box-shadow var(--transition-base)}.course-card[data-cover=gold]{--cover-bg: var(--color-accent-fill);--cover-ink: var(--color-on-accent);--cover-rule: var(--color-night)}.course-card[data-cover=teal]{--cover-bg: var(--color-action);--cover-ink: var(--color-on-action);--cover-rule: var(--color-accent-300)}:not(.grid-cards>li)>.course-card{grid-template-rows:auto 1fr auto}.course-card:hover{color:inherit;border-color:var(--color-primary-300);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.course-card:active{transform:translateY(0);box-shadow:none}.course-card__cover{grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:11rem;padding:var(--space-6) var(--space-5) var(--space-5);background:radial-gradient(120% 90% at 100% 0%,rgb(255 255 255 / .1),transparent 60%),var(--cover-bg)}.course-card__cover:after{content:"";width:2.75rem;height:3px;margin-top:var(--space-4);border-radius:2px;background:var(--cover-rule)}.course-card__title{margin:0;color:var(--cover-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.course-card__subtitle{grid-row:2;margin:0;padding:var(--space-5) var(--space-5) 0;color:var(--color-ink-700);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card__footer{grid-row:3;align-self:end;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-5)}.course-card__price{font-weight:700;font-size:var(--text-lg);color:var(--color-ink-900)}.course-card__action{font-weight:700;color:var(--color-primary-600);text-decoration:underline;text-decoration-color:var(--color-primary-300);text-underline-offset:.22em}.course-card:hover .course-card__action{color:var(--color-primary-800);text-decoration-color:currentColor}li:has(>.course-card--shelf){display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.course-card--shelf,li:has(>.course-card--shelf)>.course-card--shelf{grid-row:span 2;grid-template-rows:subgrid;background:transparent;border:0;border-radius:0;overflow:visible}.course-card--shelf:hover{transform:none;box-shadow:none}.course-card__stand{grid-row:1;position:relative;padding-bottom:6px}.course-card__stand:after{content:"";position:absolute;left:calc(var(--shelf-gap, 0px) / -2);right:calc(var(--shelf-gap, 0px) / -2);bottom:0;height:6px;background:var(--color-primary-600)}.course-card--shelf .course-card__cover{aspect-ratio:3 / 4;min-height:0;align-items:center;justify-content:center;padding:clamp(var(--space-3),2vw,var(--space-5));text-align:center;border-radius:3px var(--radius-sm) var(--radius-sm) 3px;box-shadow:inset 7px 0 #00000029;transition:transform var(--transition-base),box-shadow var(--transition-base)}.course-card--shelf:hover .course-card__cover{transform:translateY(-6px);box-shadow:inset 7px 0 #00000029,var(--shadow-hover)}.course-card--shelf:active .course-card__cover{transform:translateY(-2px)}.course-card--shelf .course-card__cover:after{order:1;width:2.25rem;height:2px;margin-top:var(--space-3)}.course-card--shelf .course-card__title{font-size:clamp(1.0625rem,.75rem + 1vw,1.625rem);line-height:1.18;display:block;overflow:visible;overflow-wrap:break-word}.course-card--shelf [data-title-length=long] .course-card__title{font-size:clamp(.9375rem,.7rem + .7vw,1.3125rem)}.course-card--shelf [data-title-length=longer] .course-card__title{font-size:clamp(.8125rem,.65rem + .45vw,1.0625rem);line-height:1.25}.course-card--shelf .course-card__cover{min-height:min-content}.course-card__jacket-note{order:2;margin:var(--space-3) 0 0;color:var(--cover-ink);opacity:.88;font-size:var(--text-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:639px){.course-card__jacket-note{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}[data-title-length=longer] .course-card__jacket-note{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.course-card--shelf .course-card__footer{grid-row:2;align-self:start;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3);padding:var(--space-4) 0 0}