.course-card{--cc-panel:#fff;--cc-muted:#f5f1eb;--cc-ink:#1b1c1e;--cc-text:#5c5d61;--cc-rust:#9f3c16;--cc-soft:#ffdbcf;--cc-soft-ink:#390c00;--cc-line:#e5dfd5;--cc-input:#cdc5b8;background:var(--cc-panel);border:1px solid var(--cc-line);min-width:0;height:100%;color:var(--cc-ink);--font-heading:var(--font-experience);font-family:var(--font-experience), sans-serif;font-variant-numeric:tabular-nums;text-align:left;border-radius:4px;flex-direction:column;font-size:13px;line-height:1.45;display:flex;position:relative}.course-card:has(.cc-link:focus-visible){outline:2px solid var(--cc-ink);outline-offset:2px}.course-card.is-selected{border-color:var(--cc-ink);box-shadow:inset 0 0 0 1px var(--cc-ink)}.cc-photo{aspect-ratio:3/2;background:var(--cc-muted);border-radius:4px 4px 0 0;position:relative}.cc-photo img{object-fit:cover;border-radius:4px 4px 0 0}.cc-mark{z-index:1;color:var(--cc-ink);pointer-events:none;background:#faf8f5f2;border-radius:2px;padding:2px 7px;font-size:12px;font-weight:500;line-height:18px;position:absolute;top:8px;left:8px}.cc-mark.is-partner{background:var(--cc-ink);color:#fff}.cc-save{z-index:2;position:absolute;top:2px;right:2px}.cc-tab{z-index:2;border:1px solid var(--cc-line);max-width:calc(100% - 24px);min-height:44px;color:var(--cc-ink);background:#fff;border-radius:4px;flex-direction:column;justify-content:center;padding:5px 10px 6px;text-decoration:none;display:flex;position:absolute;bottom:0;left:12px;transform:translateY(50%);box-shadow:0 2px 6px -3px #0003}.cc-tab b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;line-height:1.25;overflow:hidden}.cc-tab small{color:var(--cc-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;overflow:hidden}.cc-tab.is-open b{color:var(--cc-text);font-size:14px;font-weight:600}a.cc-tab:focus-visible{outline:2px solid var(--cc-ink);outline-offset:2px}.cc-left{color:var(--cc-rust);font-weight:600}.cc-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:34px 14px 0;display:flex}.cc-title{font-family:var(--font-experience), sans-serif;letter-spacing:-.012em;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:650;line-height:1.22;display:-webkit-box;overflow:hidden}.cc-link{color:inherit;text-decoration:none}.cc-link:after{content:"";z-index:1;border-radius:4px;position:absolute;inset:0}.cc-link:focus-visible{outline:none}@media (hover:hover){.course-card:hover .cc-title{color:var(--cc-rust)}}.cc-by{color:var(--cc-text);flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;display:flex}.cc-studio{z-index:2;color:inherit;text-decoration:none;position:relative}a.cc-studio:hover{color:var(--cc-ink);text-underline-offset:3px;text-decoration:underline}.cc-rate{color:var(--cc-ink);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.cc-rate svg{color:var(--cc-rust)}.cc-rate em{color:var(--cc-text);font-style:normal;font-weight:400}.cc-summary{color:var(--cc-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.cc-facts{color:var(--cc-text);margin:0}.cc-audience{border:1px solid var(--cc-line);background:#fff;border-radius:2px;align-self:flex-start;padding:1px 7px;font-size:12px;font-weight:500;line-height:18px}.cc-foot{border-top:1px dashed var(--cc-input);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px 14px 12px;display:flex}.cc-price{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:650}.cc-price.is-text{letter-spacing:0;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.cc-chip{background:var(--cc-soft);color:var(--cc-soft-ink);white-space:nowrap;border-radius:2px;flex:none;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.cc-row,.cc-compact{flex-direction:row}.cc-row{min-height:124px}.cc-row .cc-photo,.cc-compact .cc-photo{aspect-ratio:auto;border-radius:4px 0 0 4px;flex:none;width:104px}.cc-row .cc-photo img,.cc-compact .cc-photo img{border-radius:4px 0 0 4px}.cc-row .cc-mark,.cc-compact .cc-mark{padding:1px 5px;font-size:11px;line-height:15px;top:auto;bottom:6px;left:6px}.cc-row .cc-save{top:0;right:0}.cc-row .cc-body,.cc-compact .cc-body{gap:3px;padding:10px 12px}.cc-when{margin:0;font-weight:650;line-height:1.35}.cc-when .cc-left,.cc-when .cc-count{font-weight:500}.cc-when .cc-count,.cc-when.is-open{color:var(--cc-text)}.cc-when.is-open{font-weight:500}.cc-row .cc-title{font-size:16px}.cc-rowfoot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.cc-row .cc-price{font-size:16px}.cc-row .cc-price.is-text{font-size:13px}@media (min-width:768px){.cc-row{min-height:128px}.cc-row .cc-photo{width:160px}}.cc-compact{align-items:stretch;min-height:88px}.cc-compact .cc-photo{width:76px}.cc-compact .cc-mark{text-align:center;white-space:nowrap;border-radius:0 0 0 4px;padding:1px 0;font-size:10px;bottom:0;left:0;right:0}.cc-compact .cc-body{gap:1px;padding:8px 4px 8px 10px}.cc-compact .cc-when{font-size:12px}.cc-compact .cc-title{-webkit-line-clamp:1;font-size:15px}.cc-compact .cc-by{flex-wrap:nowrap;font-size:12px}.cc-compact .cc-by>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cc-compact .cc-price{color:var(--cc-ink);margin-left:auto;font-size:14px}.cc-compact .cc-price.is-text{-webkit-line-clamp:1;font-size:12px}.cc-compact .cc-save{align-self:center;position:relative;top:auto;right:auto}.cc-skeleton .cc-photo,.cc-bone{background:var(--cc-muted);animation:1.4s ease-in-out infinite cc-pulse}.cc-bone{border-radius:2px;height:13px;display:block}@keyframes cc-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.cc-skeleton .cc-photo,.cc-bone{animation:none}}.cc-snap{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:4px 16px 8px;scroll-padding-left:16px;list-style:none;display:flex;overflow-x:auto}.cc-snap::-webkit-scrollbar{display:none}.cc-snap>*{scroll-snap-align:start;flex:0 0 min(300px,80vw)}.workshop-list-card{max-width:300px}
