/* Community v26: compact, green asymmetric bento shared across locales. */
.cv-lab{
  background:
    radial-gradient(circle at 10% 14%,#b9e7cb66 0 13%,transparent 34%),
    radial-gradient(circle at 92% 82%,#73c79735 0 12%,transparent 32%),
    linear-gradient(155deg,#f7fcf8 0%,#e1f2e7 54%,#cae8d6 100%);
}
.cv-lab>.cv-shell{
  width:min(1160px,calc(100% - 56px));
}
.cv-six-grid{
  width:100%;
  max-width:1120px;
  margin-inline:auto;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row;
  grid-auto-columns:auto;
  gap:16px;
  overflow:visible;
  align-items:stretch;
}
.cv-mode-card:nth-child(n){
  grid-column:span 1;
  width:auto;
  min-width:0;
  min-height:560px!important;
  margin:0!important;
  padding:22px;
  border-color:#9fcab2;
  background:linear-gradient(150deg,#fafffb,#dff2e7);
  box-shadow:0 18px 45px #07503414,inset 0 1px #fff;
  scroll-snap-align:none;
}
.cv-mode-card:nth-child(1),
.cv-mode-card:nth-child(6){
  grid-column:span 2;
  display:grid;
  grid-template-columns:minmax(175px,.72fr) minmax(285px,1.28fr);
  grid-template-rows:auto auto 1fr;
  column-gap:26px;
}
.cv-mode-card:nth-child(1){
  background:linear-gradient(135deg,#f7fff9,#ccebd9);
}
.cv-mode-card:nth-child(2){
  background:linear-gradient(155deg,#fafffb,#d5ecdf);
}
.cv-mode-card:nth-child(3){
  background:linear-gradient(155deg,#f5fff8,#c5e6d2);
}
.cv-mode-card:nth-child(4){
  background:linear-gradient(155deg,#f8fffa,#d9efe2);
}
.cv-mode-card:nth-child(5){
  background:linear-gradient(155deg,#f4fff7,#c9e8d5);
}
.cv-mode-card:nth-child(6){
  background:linear-gradient(135deg,#effbf3,#bfe3ce);
}
.cv-mode-card:nth-child(n)>header,
.cv-mode-card:nth-child(n)>h3,
.cv-mode-card:nth-child(n)>p,
.cv-mode-card:nth-child(n)>.cv-real-widget{
  grid-column:auto;
  grid-row:auto;
}
.cv-mode-card:nth-child(1)>header,
.cv-mode-card:nth-child(6)>header{
  grid-column:1;
  grid-row:1;
}
.cv-mode-card:nth-child(1)>h3,
.cv-mode-card:nth-child(6)>h3{
  grid-column:1;
  grid-row:2;
  align-self:end;
  margin-top:34px;
}
.cv-mode-card:nth-child(1)>p,
.cv-mode-card:nth-child(6)>p{
  grid-column:1;
  grid-row:3;
  min-height:0;
  margin:14px 0 0;
}
.cv-mode-card:nth-child(1)>.cv-real-widget,
.cv-mode-card:nth-child(6)>.cv-real-widget{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  width:100%;
  max-width:330px;
  height:300px!important;
  margin:0 0 0 auto;
  padding-top:38px!important;
}
.cv-mode-card:nth-child(2)>.cv-real-widget,
.cv-mode-card:nth-child(3)>.cv-real-widget,
.cv-mode-card:nth-child(4)>.cv-real-widget,
.cv-mode-card:nth-child(5)>.cv-real-widget{
  width:100%;
  max-width:240px;
  height:245px!important;
  padding:34px 11px 11px!important;
}
.cv-mode-card:nth-child(2)>p,
.cv-mode-card:nth-child(3)>p,
.cv-mode-card:nth-child(4)>p,
.cv-mode-card:nth-child(5)>p{
  min-height:92px;
}
.cv-mode-visual.cv-real-widget{
  border-color:#9fcab2!important;
  outline-color:#d4e9dc;
  box-shadow:0 18px 36px #07503418!important;
}
.cv-mode-card>header>i{
  border-color:#79b797;
  background:#e1f4e8;
  color:#076846;
}
.cv-mode-card>header>em{
  color:#177552;
}
.cv-lab>.cv-shell>.cv-action-result{
  max-width:1120px;
  margin:20px auto 0;
  border-color:#94c5a9;
  background:#d9eee2;
}
@media(max-width:1120px){
  .cv-lab>.cv-shell{
    width:min(900px,calc(100% - 48px));
  }
  .cv-six-grid{
    max-width:860px;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .cv-mode-card:nth-child(n){
    grid-column:span 1;
    display:flex;
    min-height:570px!important;
  }
  .cv-mode-card:nth-child(n)>header,
  .cv-mode-card:nth-child(n)>h3,
  .cv-mode-card:nth-child(n)>p,
  .cv-mode-card:nth-child(n)>.cv-real-widget{
    grid-column:auto;
    grid-row:auto;
  }
  .cv-mode-card:nth-child(n)>h3{margin-top:25px}
  .cv-mode-card:nth-child(n)>p{min-height:76px;margin:12px 0 18px}
  .cv-mode-card:nth-child(n)>.cv-real-widget{
    align-self:center;
    width:100%;
    max-width:350px;
    height:280px!important;
    margin:auto auto 0;
    padding-top:34px!important;
  }
}
@media(max-width:720px){
  .cv-lab>.cv-shell{width:calc(100% - 34px)}
  .cv-six-grid{
    max-width:560px;
    grid-template-columns:1fr!important;
    gap:16px;
  }
  .cv-mode-card:nth-child(n){
    min-height:570px!important;
  }
  .cv-mode-card:nth-child(n)>p{min-height:0}
  .cv-mode-card:nth-child(n)>.cv-real-widget{
    width:calc(100% - 2px);
    max-width:370px;
    height:292px!important;
    padding-top:36px!important;
  }
}