/* 3568 Rehber tanıtım sayfası — yalnız HB Tema belirteçleri (renk kodu yok) */
.rh-marka { font-size: .8rem; letter-spacing: 0; font-variant-numeric: tabular-nums; }

.tn-hero__izgara { display: grid; gap: var(--hb-space-6); grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 900px) { .tn-hero__izgara { grid-template-columns: minmax(0, 1fr); } }
.tn-oneler { list-style: none; padding: 0; margin: 0 0 var(--hb-space-5); display: grid; gap: .55rem; }
.tn-oneler li { display: flex; gap: .6rem; align-items: center; color: var(--hb-text); font-weight: 600; }
.tn-oneler .hb-icon { width: 20px; height: 20px; color: var(--hb-accent-strong); flex: none; }

/* ekran görüntüleri */
.rh-galeri { display: grid; gap: var(--hb-space-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
.rh-ekran { margin: 0; display: grid; gap: .6rem; align-content: start; }
.rh-ekran__dugme { display: block; padding: 0; border: 1px solid var(--hb-border); border-radius: var(--hb-radius-md); overflow: hidden; background: var(--hb-surface); cursor: zoom-in; box-shadow: var(--hb-shadow-sm); }
.rh-ekran__dugme:focus-visible { outline: 3px solid var(--hb-focus); outline-offset: 2px; }
.rh-ekran__dugme img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; height: auto; transition: transform .25s; }
.rh-ekran__dugme:hover img { transform: scale(1.02); }
.rh-ekran figcaption { display: grid; gap: .15rem; font-size: var(--hb-text-sm); color: var(--hb-text-muted); }
.rh-ekran figcaption strong { color: var(--hb-text); }

@media (prefers-reduced-motion: reduce) { .rh-ekran__dugme img { transition: none; } .rh-ekran__dugme:hover img { transform: none; } }