/* ================================================================
   writing-task2/negative-reasons — local.css
   ================================================================ */

/* ---- Example Block（ラベル付き例示ブロック）---- */
.nr-example {
  margin: 1rem 0 1.4rem;
  border-radius: 8px;
  border: 1.5px solid rgba(0,0,0,.1);
  overflow: hidden;
}

.nr-example__label {
  display: block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .03em;
  color: var(--gray2);
  background: rgba(0,0,0,.05);
  padding: .45rem 1.1rem;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.nr-example p:not(.nr-example__label) {
  padding: .9rem 1.1rem;
  margin: 0;
  font-size: .93rem;
  line-height: 1.85;
}

/* 前向き・有効例 variant */
.nr-example--positive {
  border-color: rgba(70,162,218,.3);
}
.nr-example--positive .nr-example__label {
  color: var(--lb);
  background: rgba(70,162,218,.1);
  border-bottom-color: rgba(70,162,218,.18);
}

/* ---- Definition Table（2カラム定義表）---- */
.nr-def-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.4rem;
  font-size: .9rem;
}
.nr-def-table td {
  padding: .6rem 1rem;
  border: 1px solid rgba(70,162,218,.25);
  line-height: 1.6;
  vertical-align: middle;
}
.nr-def-table td:first-child {
  font-weight: 700;
  color: var(--blue);
  background: rgba(4,63,109,.04);
}
.nr-def-table tr:nth-child(even) td { background: rgba(70,162,218,.04); }
.nr-def-table tr:nth-child(even) td:first-child { background: rgba(4,63,109,.06); }

@media (max-width: 640px) {
  .nr-example p:not(.nr-example__label) {
    padding: .75rem .9rem;
    font-size: .9rem;
  }
  .nr-def-table td { padding: .5rem .75rem; font-size: .85rem; }
}