/*
 * v2.0.0-beta.3.16.1 — Featured Projects visibility hotfix
 * Root cause: an older final-alignment rule turned .wcg-container itself into
 * a 205px + 1fr grid after W08.3.16 introduced a nested __layout grid. The
 * nested layout was therefore constrained to the first 205px column, making
 * the real project rail effectively invisible while leaving the nav visible.
 */
.wcg-v2 .wcg-featured-projects > .wcg-container{
  display:block;
  grid-template-columns:none;
  gap:0;
  align-items:initial;
}
.wcg-v2 .wcg-featured-projects__layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:24px;
  align-items:stretch;
  width:100%;
  min-width:0;
}
.wcg-v2 .wcg-featured-projects__showcase,
.wcg-v2 .wcg-featured-projects__viewport,
.wcg-v2 .wcg-featured-projects__grid{
  min-width:0;
  width:100%;
}
.wcg-v2 .wcg-featured-projects__grid{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 36px)/4);
  gap:12px;
  overflow-x:auto;
  visibility:visible;
  opacity:1;
}
.wcg-v2 .wcg-project-card{
  min-width:0;
  visibility:visible;
  opacity:1;
}
@media(max-width:1199px){
  .wcg-v2 .wcg-featured-projects__layout{grid-template-columns:170px minmax(0,1fr);gap:18px}
  .wcg-v2 .wcg-featured-projects__grid{grid-auto-columns:calc((100% - 12px)/2)}
}
@media(max-width:767px){
  .wcg-v2 .wcg-featured-projects > .wcg-container{display:block}
  .wcg-v2 .wcg-featured-projects__layout{display:block}
  .wcg-v2 .wcg-featured-projects__grid{
    display:flex;
    grid-template-columns:none;
    grid-auto-flow:initial;
    grid-auto-columns:auto;
    gap:14px;
    width:auto;
  }
}