/* Restore the original category gradients without changing artwork or controls. */
body.package2-v4.figma-ui .fg-feature-code{background:linear-gradient(90deg,#ff6b2b 0%,#ff6b2bf2 40%,#ff995ccc 70%,#ff995c99 100%)}
body.package2-v4.figma-ui .fg-feature-course{background:linear-gradient(90deg,#17c79c 0%,#17c79cf2 40%,#4dd9b5cc 70%,#4dd9b599 100%)}
body.package2-v4.figma-ui .fg-feature-ai{background:linear-gradient(90deg,#7559e8 0%,#7559e8f2 40%,#9c80ffcc 70%,#9c80ff99 100%)}
body.package2-v4.figma-ui .fg-feature-device{background:linear-gradient(90deg,#ffc73d 0%,#ffc73df2 40%,#ffd66bcc 70%,#ffd66b99 100%)}
body.package2-v4.figma-ui .fg-feature{border-top-width:1px}
body.package2-v4.figma-ui .fg-feature h2,body.package2-v4.figma-ui .fg-feature p{color:#071d36}
body.package2-v4.figma-ui .fg-feature-ai::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#21154880 0%,#21154866 68%,transparent 100%)}
body.package2-v4.figma-ui .fg-feature-ai h2,body.package2-v4.figma-ui .fg-feature-ai p{color:#fff}
body.package2-v4.figma-ui .fg-hero h1{line-height:normal}
/* Content sets lesson height. Status and entry share the final row. */
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card{min-height:0!important;padding:10px 12px!important;gap:6px!important}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card>span{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:'title title' 'task task' 'growth growth' 'status action';gap:4px;align-content:start}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card strong{grid-area:title;min-height:0!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card small{grid-area:task;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card .fc-growth{grid-area:growth}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card em{grid-area:status;align-self:end;margin:0}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-card .fc-view-lesson{grid-area:action;align-self:end;margin:0;padding-top:0}
body.package2-v4.figma-ui #view-courses.fc-page .fc-lesson-grid{gap:10px}
body.package2-v4.figma-ui .fc-page .fc-course-hero{min-height:0;padding:8px;gap:16px}
body.package2-v4.figma-ui .fc-page .fc-theme-progress{padding:12px;gap:6px}
body.package2-v4.figma-ui .fc-page .fc-detail-layout{margin-top:8px}
body.package2-v4.figma-ui .fc-page .fc-directory{padding:12px 16px}
body.package2-v4.figma-ui .fc-page .fc-course-sidebar nav{padding:8px;gap:4px}
body.package2-v4.figma-ui .fc-page .fc-course-sidebar nav a{padding:10px 12px}
@media(min-width:1101px){
 body.package2-v4.figma-ui .fc-page .fc-overview-hero .fc-hero-copy{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 20px;align-items:center}
 body.package2-v4.figma-ui .fc-overview-hero .fc-hero-copy>.fc-chips{grid-area:1/2}
 body.package2-v4.figma-ui .fc-overview-hero .fc-hero-copy>h1{grid-area:1/1;margin:0}
 body.package2-v4.figma-ui .fc-overview-hero .fc-hero-copy>h2,body.package2-v4.figma-ui .fc-overview-hero .fc-hero-copy>p,body.package2-v4.figma-ui .fc-overview-hero .fc-actions{grid-column:1/-1;margin:0}
 body.package2-v4.figma-ui .fc-page .fc-overview-hero{min-height:0!important;padding-block:2px!important}
 body.package2-v4.figma-ui .fc-page .fc-overview-hero .fc-hero-copy{row-gap:2px}
 body.package2-v4.figma-ui .fc-page .fc-grade-bar{margin-top:4px}
 body.package2-v4.figma-ui .fc-page .fc-series-hero{min-height:0;padding-block:4px}
 body.package2-v4.figma-ui .fc-series-hero .fc-hero-copy{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;align-items:center;width:65%;max-width:65%}
 body.package2-v4.figma-ui .fc-series-hero .fc-kicker{grid-area:1/2;justify-self:start}
 body.package2-v4.figma-ui .fc-series-hero h1{grid-area:1/1;margin:0}
 body.package2-v4.figma-ui .fc-series-hero h2,body.package2-v4.figma-ui .fc-series-hero p{grid-column:1/-1;margin:0}
 body.package2-v4.figma-ui .fc-page .fc-breadcrumb,body.package2-v4.figma-ui .fc-page .course-trail{padding-block:4px}
 body.package2-v4.figma-ui .fc-page .fc-series-heading{padding-block:6px}
 body.package2-v4.figma-ui .fc-series-heading>div,body.package2-v4.figma-ui .fc-directory-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
 body.package2-v4.figma-ui .fc-series-heading p,body.package2-v4.figma-ui .fc-directory-heading p{margin:0}
 body.package2-v4.figma-ui .fc-page .fc-course-grid{padding-block:8px}
 body.package2-v4.figma-ui .fc-page:has(.fc-series-hero) .fc-benefits{padding-block:4px}
 body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .fp-gallery{min-height:0;padding:8px 28px;margin-bottom:6px}
 body.package2-v4.figma-ui .fp-gallery>div{display:grid;grid-template-columns:repeat(3,max-content);gap:4px 10px;width:70%}
 body.package2-v4.figma-ui .fp-gallery .fp-eyebrow,body.package2-v4.figma-ui .fp-gallery h1,body.package2-v4.figma-ui .fp-gallery p{grid-column:1/-1;margin:0!important}
 body.package2-v4.figma-ui .fp-gallery>div>.fp-button{grid-row:4;margin:0}
 body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .fp-section{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);align-items:center;gap:8px 16px;margin:6px 0}
 body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .fp-section-title,body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .fp-filters{margin:0}
 body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .fp-filters{justify-content:flex-end}
 body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .ui-four-carousel,body.package2-v4.figma-ui .fp-page:has(.fp-gallery) .ui-four-position{grid-column:1/-1;margin-top:0}
}
@media(max-width:1100px){
 body.package2-v4.figma-ui .fc-page .fc-course-hero{padding:10px}
 body.package2-v4.figma-ui .fc-page .fc-directory{padding:12px}
}