/* T-322: kategori sayfası "İlgili rehberler" şeridi. Kart görünümü ana sayfa blog kartıyla (home.css .home-post) aynı; token'lar ortak. */
.rg { margin-top: var(--space-8, 2.5rem); }
.rg__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.rg__title { font-family: var(--font-heading); font-weight: var(--fw-heading, 700); font-size: var(--fs-h3, 1.375rem); color: var(--color-text); margin: 0; }
.rg__more { flex-shrink: 0; font-weight: 600; font-size: var(--fs-sm); color: var(--color-primary-text); text-decoration: none; white-space: nowrap; padding: var(--space-2) 0; }
.rg__more:hover { color: var(--color-primary-hover); text-decoration: underline; }
.rg__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid, 1.25rem); }
.rg__list[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rg__list[data-cols="1"] { grid-template-columns: minmax(0, 28rem); }
.rg-card { display: flex; flex-direction: column; height: 100%; background: var(--color-surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; text-decoration: none; color: var(--color-text); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.rg-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); color: var(--color-text); }
.rg-card:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.rg-card__cover { aspect-ratio: 16 / 9; background: var(--color-secondary); display: grid; place-items: center; overflow: hidden; }
.rg-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.rg-card__body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--pad-card); }
.rg-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--fs-caption); color: var(--color-muted); }
.rg-card__cat { white-space: nowrap; padding: 2px var(--space-2); border-radius: var(--radius-btn); background: var(--color-primary-soft); color: var(--color-primary-text); font-weight: 600; }
.rg-card__title { font-family: var(--font-heading); font-weight: 700; font-size: 1.125rem; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rg-card__summary { font-size: var(--fs-sm); color: var(--color-muted); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rg-card--text .rg-card__body { padding-top: calc(var(--pad-card) + var(--space-1)); }
.rg-card--text .rg-card__summary { -webkit-line-clamp: 3; }
@media (max-width: 767.98px) {
  .rg { margin-top: var(--space-6, 1.75rem); }
  .rg__head { align-items: center; gap: var(--space-3); }
  .rg__title { font-size: 1.125rem; }
  .rg__more { font-size: .8125rem; }
  /* mobil: yana kaydırmalı şerit (ince tercih) */
  .rg__list, .rg__list[data-cols] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: var(--space-3); padding-bottom: var(--space-3); scrollbar-width: none; }
  .rg__list::-webkit-scrollbar { display: none; }
  .rg__list > .rg-card { flex: 0 0 80%; scroll-snap-align: start; }
  .rg__list[data-cols="1"] > .rg-card { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .rg-card { transition: none; } .rg-card:hover { transform: none; } }