/* ================================================================
   writing-task2/referencing-substitution — local.css
   ================================================================ */

/* Band Descriptor Block */
.rs-band-desc {
  border: 1px solid rgba(70,162,218,.25);
  border-radius: 8px;
  overflow: hidden;
  margin: .8rem 0 1.2rem;
}
.rs-band-desc__item {
  padding: .85rem 1.2rem;
  border-bottom: 1px solid rgba(70,162,218,.15);
}
.rs-band-desc__item:last-child {
  border-bottom: none;
}
.rs-band-desc__band {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff;
  background: var(--blue);
  padding: .2rem .65rem;
  border-radius: 4px;
  font-family: 'Raleway', sans-serif;
  margin-bottom: .5rem;
}
.rs-band-desc__en {
  font-size: .92rem;
  font-style: italic;
  color: var(--blue);
  font-weight: 600;
  margin: 0 0 .3rem;
  line-height: 1.65;
}
.rs-band-desc__ja {
  font-size: .83rem;
  color: var(--gray2);
  margin: 0;
  line-height: 1.6;
}

/* Point Summary Box */
.rs-point {
  background: rgba(70,162,218,.06);
  border: 1.5px solid rgba(70,162,218,.3);
  border-radius: 8px;
  padding: 1rem 1.3rem;
  margin: 1.4rem 0 .5rem;
}
.rs-point__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lb);
  font-family: 'Raleway', sans-serif;
  margin-bottom: .55rem;
}
.rs-point p {
  font-size: .9rem;
  line-height: 1.8;
  margin: 0;
  color: var(--black);
}

@media (max-width: 640px) {
  .rs-band-desc__item { padding: .75rem 1rem; }
  .rs-point { padding: .85rem 1rem; }
}
