/* ================================================================
   newsletter/listening-is-not-just-about-listening — local.css
   ================================================================ */

/* リード内の引用段落（Mika先生の発言など） */
.nl-lead-quote {
  margin: .4rem .8rem .8rem;
  padding: .65rem 1rem;
  background: rgba(70,162,218,.1);
  border-radius: 6px;
  color: var(--blue);
  font-weight: 600;
}

/* スペリングカテゴリ群 ラッパー */
.nl-spell-groups {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  margin: .8rem 0 1.4rem;
}

/* 各カテゴリブロック */
.nl-spell-group {
  border: 1px solid rgba(70,162,218,.22);
  border-radius: 8px;
  overflow: hidden;
}

.nl-spell-group__label {
  background: rgba(4,63,109,.06);
  padding: .45rem 1rem;
  font-size: .8rem;
  font-weight: 700;
  color: var(--blue);
  border-bottom: 1px solid rgba(70,162,218,.15);
  line-height: 1.5;
}

.nl-spell-group__words {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .65rem 1rem;
}

/* 単語タグ */
.nl-spell-word {
  display: inline-block;
  padding: .22rem .65rem;
  background: rgba(70,162,218,.08);
  border: 1px solid rgba(70,162,218,.28);
  border-radius: 4px;
  font-size: .87rem;
  font-weight: 600;
  color: var(--blue);
  font-family: 'Courier New', monospace;
  letter-spacing: .01em;
}

@media (max-width: 640px) {
  .nl-lead-quote {
    margin: .4rem .4rem .8rem;
  }
  .nl-spell-group__label {
    font-size: .75rem;
    padding: .4rem .85rem;
  }
  .nl-spell-group__words {
    padding: .55rem .85rem;
  }
  .nl-spell-word {
    font-size: .82rem;
  }
}