/* Styles for src/components/guide-card.js and nothing else. */

.guide-card {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--c-window);
  border: 1px solid var(--c-button-border);
  padding: var(--s-2) var(--s-3);
  color: var(--c-text);
  text-decoration: none;
}
.guide-card:hover { background: var(--c-row-hover); border-color: var(--c-highlight); color: var(--c-text); }
.guide-card__area { font-size: var(--t-xs); color: var(--c-text-gray); }
.guide-card__title { font-weight: 600; }
.guide-card__summary { color: var(--c-text); }
.guide-card__meta { font-size: var(--t-xs); color: var(--c-text-gray); margin-top: auto; }