/* ================================================================
   writing-task2/no-infinitive-verb — local.css
   ================================================================ */

/* ----------------------------------------------------------------
   Wrong / Correct Example Blocks
   ---------------------------------------------------------------- */
.niv-ex {
  border-radius: 0 8px 8px 0;
  padding: .9rem 1.2rem;
  margin: .6rem 0;
}
.niv-ex__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-bottom: .5rem;
}
.niv-ex--wrong {
  background: rgba(229,115,115,.07);
  border-left: 3px solid rgba(229,115,115,.6);
}
.niv-ex--wrong .niv-ex__label { color: #c62828; }
.niv-ex--correct {
  background: rgba(70,162,218,.07);
  border-left: 3px solid var(--lb);
}
.niv-ex--correct .niv-ex__label { color: var(--blue); }
.niv-ex__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.niv-ex__list li {
  font-size: .92rem;
  line-height: 1.75;
  padding-left: 1.2rem;
  position: relative;
}
.niv-ex--wrong .niv-ex__list li::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #e57373;
  font-size: .8rem;
  line-height: 1.75;
}
.niv-ex--correct .niv-ex__list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--lb);
  font-size: .8rem;
  line-height: 1.75;
}

/* ----------------------------------------------------------------
   Verb Card
   ---------------------------------------------------------------- */
.niv-card {
  border: 1px solid rgba(70,162,218,.18);
  border-radius: 10px;
  overflow: hidden;
  margin: 1.8rem 0;
}
.niv-card__head {
  background: rgba(4,63,109,.04);
  padding: .7rem 1.3rem;
  border-bottom: 1px solid rgba(70,162,218,.15);
}
.niv-card__verb {
  font-size: 1rem;
  font-weight: 700;
  color: var(--blue);
  margin: 0;
}
.niv-card__body {
  padding: 1rem 1.3rem 1.2rem;
}
.niv-card__body > p:last-child { margin-bottom: 0; }
.niv-card__body .niv-ex:last-child { margin-bottom: 0; }
.niv-card__body .a-subhead { margin-top: 1rem; }

@media (max-width: 640px) {
  .niv-card__body { padding: .85rem 1rem 1rem; }
  .niv-ex { padding: .75rem 1rem; }
}