/* Widget 9 — next-step router. Sample values (lines 262-285): 2-col grid gap 12,
   wash cards r16 padding 18/20, situation 15.5/700 ink, link 13.5/700 pink. */

.hc-router { margin: 40px 0 56px; }
.hc-router .hc-eyebrow { margin-bottom: 16px; }

.hc-router__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.hc-router__card {
  background: var(--hc-wash);
  border-radius: 16px;
  padding: 18px 20px;
}

.hc-router__situation {
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--hc-ink);
}

.hc-router__link {
  display: inline-block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--hc-pink);
  text-decoration: none;
  margin-top: 8px;
}
.hc-router__link:hover { color: var(--hc-pink-hover); }

@media (max-width: 760px) {
  .hc-router__grid { grid-template-columns: 1fr; }
}