.np5-config-guide {
  margin: 0;
  padding: 14px clamp(18px, 4vw, 48px);
  border-bottom: 1px solid var(--line, #dce1e5);
  background: var(--warm, #f3f1eb);
  color: var(--ink, #182c42);
}
.np5-config-guide-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 9px;
}
.np5-config-guide-label {
  margin: 0;
  color: var(--gold, #9a8159);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.np5-config-guide-current {
  margin: 0;
  color: var(--muted, #607080);
  font-size: 11px;
  font-weight: 600;
}
.np5-config-guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: np5-config-guide;
}
.np5-config-guide li {
  position: relative;
  min-width: 0;
  padding-left: 27px;
  counter-increment: np5-config-guide;
}
.np5-config-guide li::before {
  position: absolute;
  left: 0;
  top: 1px;
  content: "0" counter(np5-config-guide);
  color: var(--gold, #9a8159);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
}
.np5-config-guide li strong,
.np5-config-guide li span { display: block; }
.np5-config-guide li strong { font-size: 12px; line-height: 1.35; }
.np5-config-guide li span { margin-top: 3px; color: var(--muted, #607080); font-size: 11px; line-height: 1.4; }

@media (max-width: 800px) {
  .np5-config-guide { padding: 11px 18px; }
  .np5-config-guide ol { grid-template-columns: 1fr; gap: 8px; }
  .np5-config-guide li { padding-left: 27px; }
  .np5-config-guide li span { margin-top: 1px; }
}
@media (prefers-reduced-motion: reduce) {
  .np5-config-guide * { scroll-behavior: auto; }
}