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

/* Verb Section Header */
.ntc-verb-head {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  margin: 2rem 0 .7rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(70,162,218,.2);
}
.ntc-verb-head:first-of-type {
  margin-top: .5rem;
}
.ntc-verb-head__name {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--blue);
  font-family: 'Raleway', sans-serif;
}
.ntc-verb-head__meaning {
  font-size: .85rem;
  color: var(--gray2);
}

/* Example Blocks */
.ntc-wrong,
.ntc-right,
.ntc-caution {
  border-radius: 8px;
  padding: .85rem 1.2rem;
  margin: .6rem 0 .4rem;
}
.ntc-wrong {
  background: rgba(235,72,120,.05);
  border: 1px solid rgba(235,72,120,.22);
}
.ntc-right {
  background: rgba(76,175,80,.05);
  border: 1px solid rgba(76,175,80,.22);
  margin: .4rem 0 .8rem;
}
.ntc-caution {
  background: rgba(245,161,0,.06);
  border: 1px solid rgba(245,161,0,.28);
}

.ntc-block__label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-bottom: .6rem;
}
.ntc-wrong .ntc-block__label  { color: #c0304e; }
.ntc-right .ntc-block__label  { color: #2e7d32; }
.ntc-caution .ntc-block__label { color: #a06800; }

.ntc-ex {
  font-size: .9rem;
  line-height: 1.7;
  margin: 0 0 .25rem;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}
.ntc-ex:last-child { margin-bottom: 0; }

.ntc-x     { font-weight: 700; color: #e53935; flex-shrink: 0; margin-top: .05rem; }
.ntc-check { font-weight: 700; color: #2e7d32; flex-shrink: 0; margin-top: .05rem; }
.ntc-warn  { font-weight: 700; color: #a06800; flex-shrink: 0; margin-top: .05rem; }

/* Syntax Reference Block */
.ntc-syntax {
  background: rgba(4,63,109,.04);
  border-left: 3px solid var(--lb);
  border-radius: 0 8px 8px 0;
  padding: .9rem 1.2rem;
  margin: .8rem 0 1.2rem;
}
.ntc-syntax__label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lb);
  font-family: 'Raleway', sans-serif;
  margin-bottom: .6rem;
}
.ntc-syntax__line {
  font-size: .88rem;
  line-height: 1.75;
  margin: 0 0 .15rem;
  color: var(--blue);
  font-weight: 600;
}
.ntc-syntax__line--indent {
  padding-left: 1.2rem;
  font-weight: 400;
  color: var(--black);
}
.ntc-syntax__line:last-child { margin-bottom: 0; }

/* Summary List */
.ntc-summary-list {
  list-style: none;
  padding: .2rem 0 .5rem;
  margin: .8rem 0 1.2rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.ntc-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-size: .9rem;
  line-height: 1.7;
  padding: .35rem .9rem;
  background: rgba(0,0,0,.025);
  border-radius: 6px;
}

@media (max-width: 640px) {
  .ntc-wrong,
  .ntc-right,
  .ntc-caution { padding: .75rem 1rem; }
  .ntc-syntax   { padding: .8rem 1rem; }
}
