@charset "UTF-8";
/**
 * Block: abyss/process
 */

.abyss-process__list {
  display: grid;
  gap: 16px;
}
.abyss-process__list--count-1 { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }
.abyss-process__list--count-2 { grid-template-columns: repeat(2, 1fr); max-width: 720px; margin: 0 auto; }
.abyss-process__list--count-3 { grid-template-columns: repeat(3, 1fr); }
.abyss-process__list--count-4 { grid-template-columns: repeat(4, 1fr); }

.abyss-process__step {
  background: var(--abyss-bg);
  border: 1px solid var(--abyss-line);
  border-radius: 8px;
  padding: 28px 20px;
}
.abyss-process__num {
  font-size: 12px;
  letter-spacing: 0.2em;
  color: var(--abyss-accent);
  font-weight: 700;
  margin-bottom: 8px;
}
.abyss-process__title {
  font-size: 17px;
  margin: 0 0 8px;
  color: var(--abyss-navy);
  font-weight: 600;
}
.abyss-process__body {
  font-size: 13px;
  color: var(--abyss-text-soft);
  margin: 0;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .abyss-process__list--count-2,
  .abyss-process__list--count-3,
  .abyss-process__list--count-4 {
    grid-template-columns: 1fr;
  }
}