/* =========================================================
   WAVE 06 V3 — COMPARISON ROW DENSITY
   Reduce dead space between left grammar label and explanation.
   ========================================================= */

/* Main comparison/list rows: narrower left column, tighter vertical rhythm. */
.wave06-feature .compare-lines > div,
.wave06-feature .relative-rows > div,
.wave06-feature .signal-table > div,
.wave06-feature .person-view > div{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr)!important;
  gap:14px!important;
  padding:13px 0!important;
  align-items:start!important;
}

/* Keep the label visually close to its explanation. */
.wave06-feature .compare-lines > div > b,
.wave06-feature .relative-rows > div > .jp-focus,
.wave06-feature .signal-table > div > b,
.wave06-feature .person-view > div > b{
  margin:0!important;
  line-height:1.55!important;
}

.wave06-feature .compare-lines > div > p,
.wave06-feature .relative-rows > div > span,
.wave06-feature .signal-table > div > p,
.wave06-feature .person-view > div > p{
  margin:1px 0 0!important;
  line-height:1.72!important;
}

/* 118: the three forms are short, so use an even tighter editorial column. */
.wave06-feature.feature-659060118 .compare-lines > div{
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:12px!important;
  padding:12px 0!important;
}

/* Section 05 itself was visually too loose. */
.wave06-feature.feature-659060118 #mistakes .feature-heading{
  margin-bottom:20px!important;
}

/* Tablet: don't preserve a 300px label column. */
@media(max-width:900px){
  .wave06-feature .compare-lines > div,
  .wave06-feature .relative-rows > div,
  .wave06-feature .signal-table > div,
  .wave06-feature .person-view > div{
    grid-template-columns:minmax(125px,165px) minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px 0!important;
  }
  .wave06-feature.feature-659060118 .compare-lines > div{
    grid-template-columns:125px minmax(0,1fr)!important;
  }
}

/* Phone: stack naturally, but keep the two lines close. */
@media(max-width:600px){
  .wave06-feature .compare-lines > div,
  .wave06-feature .relative-rows > div,
  .wave06-feature .signal-table > div,
  .wave06-feature .person-view > div{
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:11px 0!important;
  }
}