/* 型v4・招待コピーの無い投稿用（案 2026-09-15）。labo-v4.css の上に重ねる */

/* A：右側が題と扉だけになるので、題を少し大きくし、サムネイルの縦の中心に揃える */
.labo-v4--lite .labo-v4-stage{padding:64px 0 72px}
.labo-v4--lite .labo-v4-stage__title{font-size:clamp(30px,3.6vw,44px)}
.labo-v4--lite .labo-v4-stage__info .labo-v4-btn{margin-top:36px}

/* 主題タグは動画の直下に移した（見た目は labo-v4.css の .labo-v4-chips） */

/* 旧説明文（2026-09-15 修正）：見出し・枠・背景を付けず、本文と同じ地にそのまま置く。
   文字は三場面と同じ17px。「この動画で理解できるポイント」は「心当たりがあれば」と同じ見出し、項目は三場面と同じ連番 */
.labo-v4-olddesc{background:#fff;padding:64px 0 72px}
.labo-v4-olddesc__inner{max-width:720px;margin:0 auto}
.labo-v4 .labo-v4-olddesc__text{margin:0 0 16px;font-size:17px;line-height:1.8;color:var(--ink-2)}
.labo-v4 .labo-v4-olddesc__head{margin-top:40px}
.labo-v4 .labo-v4-olddesc__inner > .labo-v4-olddesc__head:first-child{margin-top:0}

/* 旧形式の招待コピー（A組）：題の下に招待見出し、その下に本文。3ポイントは独立した連番リスト */
.labo-v4 .labo-v4-stage__headline{margin:22px 0 0;font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.5;letter-spacing:.03em;color:#fff}
.labo-v4--copy .labo-v4-stage__invite{margin-top:12px}
/* 上部ブロックの縦の伸びを抑える（2026-09-15 修正）：右の列を広げ（動画 600：右 560）、題を32px、本文は文ごとに改行せず段落で流す。
   最長の題（28字）で2行、最長の本文（158字）で5行。動画 598×336 に対し右の列 398〜469px（1280px 幅で計測） */
/* 旧説明文のある90本（labo-v4--desc）も、説明の本文を右の列（リリース日の下・扉の上）に一段落で置くので、同じ組み方にする（2026-09-15 修正） */
@media (min-width:961px){
  .labo-v4--copy .labo-v4-stage__grid,.labo-v4--desc .labo-v4-stage__grid{grid-template-columns:minmax(0,600fr) minmax(0,560fr);column-gap:44px}
  .labo-v4.labo-v4--copy .labo-v4-stage__title,.labo-v4.labo-v4--desc .labo-v4-stage__title{font-size:32px;line-height:1.35}
  .labo-v4.labo-v4--copy .labo-v4-stage__cat,.labo-v4.labo-v4--desc .labo-v4-stage__cat{margin-bottom:12px}
  .labo-v4.labo-v4--copy .labo-v4-stage__date,.labo-v4.labo-v4--desc .labo-v4-stage__date{margin-top:8px}
  .labo-v4.labo-v4--copy .labo-v4-stage__headline{font-size:19px;margin-top:14px}
  .labo-v4.labo-v4--copy .labo-v4-stage__invite p,.labo-v4.labo-v4--desc .labo-v4-stage__invite p{font-size:16px;line-height:1.75}
  .labo-v4--copy .labo-v4-stage__info .labo-v4-btn,.labo-v4--desc .labo-v4-stage__info .labo-v4-btn{margin-top:22px}
}
/* 1180px 以下のノートPC幅：左右を同じ幅にし、題28px・本文15.5px（1024px 幅で題2行・本文6行） */
@media (min-width:961px) and (max-width:1180px){
  .labo-v4--copy .labo-v4-stage__grid,.labo-v4--desc .labo-v4-stage__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px}
  .labo-v4.labo-v4--copy .labo-v4-stage__title,.labo-v4.labo-v4--desc .labo-v4-stage__title{font-size:28px}
  .labo-v4.labo-v4--copy .labo-v4-stage__invite p,.labo-v4.labo-v4--desc .labo-v4-stage__invite p{font-size:15.5px}
}
.labo-v4--desc .labo-v4-stage__invite{margin-top:16px}
.labo-v4-points{background:#fff;padding:64px 0 72px}
.labo-v4-points__inner{max-width:720px;margin:0 auto}

/* E：A の黒と続けて一枚に見えないよう、明るい地にする */
.labo-v4--lite .labo-v4-more{background:var(--paper);color:var(--ink);padding:64px 0 72px}
.labo-v4--lite .labo-v4-more__head{color:var(--ink)}
.labo-v4--lite a.labo-v4-card{color:var(--ink)}
.labo-v4--lite .labo-v4-card__title{color:var(--ink-2)}
.labo-v4--lite .labo-v4-card__thumb{box-shadow:0 1px 6px rgba(0,0,0,.10)}
.labo-v4--lite .labo-v4-card:hover .labo-v4-card__thumb{box-shadow:0 10px 24px rgba(0,0,0,.18)}

@media (max-width:640px){
  .labo-v4--lite .labo-v4-stage{padding:0 0 44px}
  .labo-v4--lite .labo-v4-stage__title{font-size:28px}
  .labo-v4--lite .labo-v4-more{padding:48px 0 56px}
  .labo-v4 .labo-v4-stage__headline{font-size:18px}
  .labo-v4-points{padding:48px 0 56px}
  .labo-v4-olddesc{padding:48px 0 56px}
  .labo-v4 .labo-v4-olddesc__text{font-size:16px}
  .labo-v4 .labo-v4-olddesc__head{margin-top:32px}
}