/* Widget 9 — "Where to go from here" (v2_article.router): two columns of cards, one on phones. */
.hc-router { display: flex; flex-direction: column; gap: 18px; }
.hc-router__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hc-router__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px;
  border-radius: 20px;
  background: var(--hc-card-on-band);
  box-shadow: inset 0 0 0 1px var(--hc-hair);
  text-decoration: none;
}
.hc-router__card:hover { opacity: 1; box-shadow: inset 0 0 0 1px var(--hc-strong); }
.hc-router__situation { font-size: 16px; font-weight: 600; color: var(--hc-text); }
.hc-router__link { font-size: 16px; line-height: 1.45; color: var(--hc-accent); }
@media (max-width: 900px) {
  .hc-router__grid { grid-template-columns: 1fr; }
}