/* ================================================================
   newsletter/listening-prediction-techniques — local.css
   ================================================================ */

/* 会話ダイアログ */
.nl-dialog {
  background: rgba(70,162,218,.05);
  border-radius: 8px;
  padding: 1rem 1.4rem;
  margin: 1.2rem 0 1.4rem;
}
.nl-dialog p {
  font-size: .92rem;
  line-height: 1.75;
  padding: .35rem 0;
  border-bottom: 1px solid rgba(70,162,218,.08);
  margin: 0;
}
.nl-dialog p:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* 例題カード */
.nl-example {
  background: rgba(4,63,109,.025);
  border: 1px solid rgba(4,63,109,.12);
  border-radius: 10px;
  overflow: hidden;
  margin: 1.4rem 0;
}
.nl-example__label {
  background: rgba(70,162,218,.12);
  padding: .5rem 1.2rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--blue);
  font-family: 'Raleway', sans-serif;
}
.nl-example__content {
  padding: .85rem 1.2rem .75rem;
  font-size: .93rem;
  line-height: 1.9;
  color: var(--black);
}
.nl-example__content p {
  margin: 0 0 .25rem;
}
.nl-example__content p:last-child {
  margin-bottom: 0;
}
.nl-example__hint {
  background: rgba(0,0,0,.025);
  padding: .75rem 1.2rem .85rem;
  border-top: 1px dashed rgba(4,63,109,.1);
}
.nl-example__hint .a-subhead {
  margin-top: .5rem;
}
.nl-example__hint p:last-child {
  margin-bottom: 0;
}

/* 予想ワード */
.nl-predict {
  font-size: .91rem;
  font-weight: 700;
  color: var(--blue);
  background: rgba(70,162,218,.09);
  border-radius: 6px;
  padding: .4rem .9rem;
  margin: .5rem 0;
}

@media (max-width: 640px) {
  .nl-dialog { padding: .85rem 1rem; }
  .nl-example__content { padding: .75rem 1rem .65rem; }
  .nl-example__hint { padding: .65rem 1rem .75rem; }
}