/* ================================================================
   complete/last-month-pressure — local.css
   ================================================================ */

/* 事例カード（Bさん／Aさん） */
.lmp-cases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 28px 0;
}

@media (max-width: 700px) {
  .lmp-cases {
    grid-template-columns: 1fr;
  }
}

.lmp-case {
  background: var(--pw);
  border: 1px solid var(--gray7);
  border-radius: 12px;
  padding: 22px 20px;
}

.lmp-case--spiral {
  border-top: 4px solid var(--pink);
}

.lmp-case--calm {
  border-top: 4px solid var(--lb);
}

.lmp-case__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.lmp-case__name {
  font-weight: 700;
  font-size: 1.05em;
  color: var(--black);
}

.lmp-case__tag {
  font-size: 0.78em;
  padding: 3px 12px;
  border-radius: 999px;
  color: #fff;
  white-space: nowrap;
}

.lmp-case--spiral .lmp-case__tag {
  background: var(--pink);
}

.lmp-case--calm .lmp-case__tag {
  background: var(--lb);
}

.lmp-case__list {
  margin: 0;
  padding-left: 1.2em;
}

.lmp-case__list li {
  margin-bottom: 10px;
  line-height: 1.75;
  font-size: 0.95em;
  color: var(--gray);
}

.lmp-case__list li:last-child {
  margin-bottom: 0;
}

/* 余談ブロック（筆者の体験談） */
.lmp-aside {
  margin: 32px 0 8px;
  padding: 20px 22px;
  background: var(--lb5);
  border-left: 4px solid var(--lb);
  border-radius: 0 10px 10px 0;
}

.lmp-aside__label {
  font-size: 0.82em;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--blue2);
  margin-bottom: 10px;
}

.lmp-aside p {
  font-size: 0.93em;
  line-height: 1.85;
  color: var(--gray);
  margin: 0 0 12px;
}

.lmp-aside p:last-child {
  margin-bottom: 0;
}