/* =========================================================
   WAVE 07 V2 — FULL QA / STABLE COMPARISON COLORS / COPY CLEANUP
   ========================================================= */

.wave07-feature{
  --cmp-a:#3f7481;
  --cmp-b:#745f8c;
  --cmp-c:#8a6458;
}
html[data-theme="dark"] .wave07-feature{
  --cmp-a:#7fb6c3;
  --cmp-b:#b19bd0;
  --cmp-c:#c69782;
}

/* SUMMARY: each compared grammar keeps its own color. */
.wave07-feature .summary-lines > div:nth-child(1) > b{color:var(--cmp-a)!important}
.wave07-feature .summary-lines > div:nth-child(2) > b{color:var(--cmp-b)!important}
.wave07-feature .summary-lines > div:nth-child(3) > b{color:var(--cmp-c)!important}

/* The color belongs to the grammar label only, not the explanation. */
.wave07-feature .summary-lines > div > p{
  color:var(--faint)!important;
}

/* Comparison rows: preserve the same target colors used earlier on each page. */
.wave07-feature.feature-659060130 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060132 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060133 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060134 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060135 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060139 .compare-lines > div:nth-child(1) > b,
.wave07-feature.feature-659060131 .compare-lines > div:nth-child(1) > b{
  color:var(--cmp-a)!important;
}
.wave07-feature.feature-659060130 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060132 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060133 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060134 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060135 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060139 .compare-lines > div:nth-child(2) > b,
.wave07-feature.feature-659060131 .compare-lines > div:nth-child(2) > b{
  color:var(--cmp-b)!important;
}
.wave07-feature.feature-659060130 .compare-lines > div:nth-child(3) > b,
.wave07-feature.feature-659060132 .compare-lines > div:nth-child(3) > b,
.wave07-feature.feature-659060133 .compare-lines > div:nth-child(3) > b,
.wave07-feature.feature-659060139 .compare-lines > div:nth-child(3) > b{
  color:var(--cmp-c)!important;
}

/* 129 compare rows start from target 2 then target 3. */
.wave07-feature.feature-659060129 .compare-lines > div:nth-child(1) > b{color:var(--cmp-b)!important}
.wave07-feature.feature-659060129 .compare-lines > div:nth-child(2) > b{color:var(--cmp-c)!important}

/* 131: reinforce the three grammar identities in the closing summary. */
.wave07-feature.feature-659060131 .summary-lines > div:nth-child(1) > b{color:var(--cmp-a)!important}
.wave07-feature.feature-659060131 .summary-lines > div:nth-child(2) > b{color:var(--cmp-b)!important}
.wave07-feature.feature-659060131 .summary-lines > div:nth-child(3) > b{color:var(--cmp-c)!important}

/* Keep long grammar labels close to their explanations on desktop. */
@media(min-width:701px){
  .wave07-feature .summary-lines > div{
    grid-template-columns:minmax(165px,205px) minmax(0,1fr)!important;
    gap:14px!important;
  }
}

/* Mobile: no unnecessary blank space between label and explanation. */
@media(max-width:700px){
  .wave07-feature .summary-lines > div{
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:10px 0!important;
  }
  .wave07-feature .summary-lines > div > b{
    font-size:18px!important;
    line-height:1.55!important;
  }
}