/* Fresh Figma 28.09: 302:9858,301:9714,326:11136,312:20421.
   Covers, prices, category colours and destination URLs remain model data. */
.home-page .home-course-card{border:0;border-radius:24px;background:#fff;box-shadow:0 13px 28px #c8c8c81a,0 50px 50px #c8c8c817,0 113px 68px #c8c8c80d,0 200px 80px #c8c8c803}
.home-page .home-course-card:hover{box-shadow:0 13px 28px #c8c8c81a,0 50px 50px #c8c8c817,0 113px 68px #c8c8c80d,0 200px 80px #c8c8c803}
.home-page .home-free-card{border-radius:24px 24px 16px 16px}
.home-page .home-course-cover{position:relative;width:100%;height:220px}
.home-page .home-free-card .home-course-cover{height:160px}
.home-page .home-course-cover>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:none;transition:none}
.home-page .home-course-card:hover .home-course-cover>img{transform:none}
.home-page .home-course-labels{position:absolute;top:10px;left:10px;right:80px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px;margin:0}
.home-page .home-free-card .home-course-labels{right:10px}
.home-page .home-course-labels>span,.home-page .home-discount{font:500 14px/1.4 var(--font-body);border-radius:30px;padding:4px 12px;background:var(--category-color);overflow-wrap:anywhere}
.home-page .home-course-labels>span:nth-child(2){background:#ffef68;color:#2d2d2f}
.home-page .home-discount{position:absolute;top:10px;right:10px;background:#fd4242;color:#fff;white-space:nowrap}
.home-page .home-course-card[data-category="autocad"] .home-category-label{color:#bb4941}
.home-page .home-course-card[data-category="archicad"] .home-category-label{color:#ee6829}
.home-page .home-course-card[data-category="ai"] .home-category-label{color:#27ba67}
.home-page .home-course-copy{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:20px;min-height:235px;width:100%;background:#fff}
.home-page .home-course-summary{min-width:0;width:100%}
.home-page .home-course-card h3{font:700 24px/1.2 var(--font-heading);letter-spacing:-.48px;overflow-wrap:anywhere;margin:0 0 20px}
.home-page .home-course-card .card-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;font:400 14px/1.5 var(--font-body);color:#6f6f75}
.home-page .home-course-card .card-meta-item{display:inline-flex;align-items:center;gap:5px;min-width:0}
.home-page .home-course-card .card-meta-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px}
.home-page .home-course-card .card-meta-symbol img{flex:none}
.home-page .home-course-card .card-meta-small{display:none}
.home-page .home-course-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;width:100%}
.home-page .home-paid-card .home-course-footer{padding-top:20px;border-top:1px solid #d9d9d9}
.home-page .home-course-price{min-width:0;margin:0;font:400 14px/1.5 var(--font-body)}
.home-page .home-course-price .card-price{display:block;padding:0;margin:0}
.home-page .home-course-price .card-price>strong{display:block;font:700 24px/1.2 var(--font-heading);letter-spacing:-.48px;margin:0 0 5px}
.home-page .home-course-price .card-price>strong:last-child{margin-bottom:0}
.home-page .home-course-price .muted,.home-page .home-course-price s{font:400 14px/1.5 var(--font-body);color:#6f6f75;margin:0}
.home-page .home-course-price b{font-weight:500;color:#2d2d2f}
.home-page .home-course-arrow{position:static;inset:auto;display:inline-flex;justify-content:center;align-items:center;flex:none;width:auto;height:auto;min-height:40px;padding:10px 24px;border-radius:8px;background:#ffef68;font:500 16px/1.2 var(--font-body);color:#2d2d2f;text-align:center}
.home-page .home-course-round{display:none}
.home-page .home-course-unavailable{font:400 14px/1.5 var(--font-body);color:#6f6f75;margin:0}
.home-page .home-free-card .home-course-copy{min-height:176px;gap:15px}
.home-page .home-free-card h3{font-size:20px;letter-spacing:-.4px;margin-bottom:15px}
.home-page .home-free-card .card-meta{font-size:12px;gap:8px 20px}
.home-page .home-free-card .card-meta-symbol{width:12px;height:12px}
.home-page .home-free-card .card-meta-large{display:none}
.home-page .home-free-card .card-meta-small{display:block}
.home-page .home-free-card .home-course-arrow{width:100%;background:#e1efff}
@media(max-width:1100px) and (min-width:761px){.home-page .home-paid-card .home-course-footer{flex-wrap:wrap}.home-page .home-paid-card .home-course-arrow{margin-left:auto}}
@media(max-width:760px){
 .home-page .home-paid-card .home-course-cover{height:160px}
 .home-page .home-paid-card .home-course-copy{min-height:0}
 .home-page .home-paid-card h3{font-size:20px;letter-spacing:-.4px;margin-bottom:10px}
 .home-page .home-paid-card .home-course-labels>span,.home-page .home-discount{font-size:12px}
 .home-page .home-paid-card .card-meta{font-size:12px;gap:8px 10px}
 .home-page .home-paid-card .card-meta-symbol{width:12px;height:12px}
 .home-page .home-paid-card .card-meta-large{display:none}
 .home-page .home-paid-card .card-meta-small{display:block}
 .home-page .home-course-price .card-price>strong{font-size:20px;letter-spacing:-.4px}
 .home-page .home-course-price .muted,.home-page .home-course-price s{font-size:12px}
 .home-page .home-paid-card .home-course-arrow{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:transparent}
 .home-page .home-paid-card .home-course-action{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .home-page .home-course-round{display:block;position:relative;width:32px;height:32px}
 .home-page .home-course-round>img{display:block}
 .home-page .home-course-round>span{position:absolute;inset:20%;overflow:hidden}
 .home-page .home-course-round>span>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
}

/* Figma 166: 262:6309 / 302:9858 / 312:20421 / 326:11136.
   A native scrollport clips its children's box-shadows. Paint the same soft
   silhouette after clipping instead; no extra gutters, card peeks or changes
   to the scroll width. CSS drop-shadow uses half the box-shadow blur radius. */
.home-page .home-block-free_courses .home-course-grid{
 filter:drop-shadow(0 13px 14px #c8c8c81a) drop-shadow(0 50px 25px #c8c8c817) drop-shadow(0 113px 34px #c8c8c80d) drop-shadow(0 200px 40px #c8c8c803);
}
.home-page .home-block-free_courses .home-course-card,
.home-page .home-block-free_courses .home-course-card:hover{box-shadow:none}
.home-page :is(.home-block-free_courses,.home-block-paid_courses) .home-course-copy{padding:20px}
@media(min-width:761px){
 .home-page :is(.home-block-free_courses,.home-block-paid_courses) .home-course-grid{gap:30px}
 /* The paid desktop grid does not scroll; its original individual shadows can overflow. */
 .home-page .home-block-paid_courses .home-course-grid.home-track{overflow:visible}
}
@media(max-width:760px){
 .home-page .home-block-paid_courses .home-course-grid{
  filter:drop-shadow(0 13px 14px #c8c8c81a) drop-shadow(0 50px 25px #c8c8c817) drop-shadow(0 113px 34px #c8c8c80d) drop-shadow(0 200px 40px #c8c8c803);
 }
 .home-page .home-block-paid_courses .home-course-card,
 .home-page .home-block-paid_courses .home-course-card:hover{box-shadow:none}
}

/* A single full-width tablet card needs more image height to retain its subject. */
@media(min-width:561px) and (max-width:760px){
 .home-page .home-course-card .home-course-cover{height:auto;aspect-ratio:2.6}
}