/* HUB RAYI (2026-10-10) — hub'ı olan her kategorinin en üstünde "Son Haberler": kaydırmalı kartlar, oklar, ince ilerleme çizgisi.
   kamu1 dili: kalın üst çizgi + kategori renkli kart çizgisi; kutu/hap yok. (Spor Merkezi v4.1 rayından genelleştirildi.) */
@keyframes hr-nabiz { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.hr { margin: 6px 0 30px; }
.hr-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 3px solid var(--ink); }
.hr-baslik { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-family: var(--display); font-size: 19px; font-weight: 900; letter-spacing: -.015em; }
.hr-baslik i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: hr-nabiz 2s infinite; }
.hr-ok { display: inline-flex; gap: 6px; }
.hr-dug { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); font-size: 20px; line-height: 1; cursor: pointer; touch-action: manipulation; transition: border-color .15s, opacity .15s; }
.hr-dug:hover:not(:disabled) { border-color: var(--ink); }
.hr-dug:disabled { opacity: .3; cursor: default; }
.hr-iz { display: flex; gap: 20px; margin-top: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 0; overscroll-behavior-x: contain; scrollbar-width: none; outline: none; }
.hr-iz::-webkit-scrollbar { display: none; }
.hr-iz:focus-visible { box-shadow: 0 0 0 2px var(--accent); }
.hr-k { flex: 0 0 calc((100% - 3 * 20px) / 4.25); min-width: 0; scroll-snap-align: start; }
.hr-k a { display: grid; gap: 7px; color: inherit; text-decoration: none; }
.hr-m { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: color-mix(in srgb, var(--cat, var(--ink)) 12%, var(--panel, transparent)); }
.hr-m img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.hr-k a:hover .hr-m img { transform: scale(1.04); }
.hr-ph { display: grid; place-items: center; width: 100%; height: 100%; font-family: var(--display); font-size: 42px; font-weight: 900; color: color-mix(in srgb, var(--cat, var(--ink)) 55%, transparent); }
.hr-sd { position: absolute; left: 0; bottom: 0; padding: 4px 8px; background: var(--accent); color: #fff; font-size: 10.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hr-ust { display: flex; align-items: baseline; gap: 8px; padding-top: 7px; border-top: 2px solid var(--cat, var(--ink)); font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hr-kat { color: var(--cat, var(--ink)); }
.hr-ust time { margin-left: auto; letter-spacing: .02em; text-transform: none; font-weight: 700; color: var(--ink-faint); white-space: nowrap; }
.hr-ust time.is-yeni { color: var(--accent); }
.hr-t { display: -webkit-box; overflow: hidden; font-family: var(--display); font-size: 16px; font-weight: 800; line-height: 1.28; letter-spacing: -.01em; color: var(--ink); -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-wrap: pretty; }
.hr-k a:hover .hr-t { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hr-ilerleme { display: block; position: relative; height: 2px; margin-top: 14px; background: var(--line); overflow: hidden; }
.hr-ilerleme b { position: absolute; left: 0; top: 0; bottom: 0; width: 25%; background: var(--ink); transition: transform .12s linear; }
@media (max-width: 960px) { .hr-k { flex-basis: calc((100% - 2 * 20px) / 2.6); } }
@media (max-width: 600px) {
    .hr-iz { gap: 14px; }
    .hr-k { flex-basis: 76%; }
    .hr-ok { display: none; }
    .hr-t { font-size: 15.5px; }
}
@media (prefers-reduced-motion: reduce) { .hr-m img, .hr-ilerleme b { transition: none; } .hr-baslik i { animation: none; } }

/* Hub'lı kategoride rayın altından devam eden arşiv listesi başlığı (category.php, yalnız 1. sayfa) */
.arsiv-baslik { display: grid; gap: 4px; margin: 44px 0 18px; padding-top: 10px; border-top: 3px solid var(--ink); font-family: var(--display); font-size: 24px; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; color: var(--ink); scroll-margin-top: 110px; }
.arsiv-baslik span { font-family: var(--sans, inherit); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cat, var(--accent)); }
/* Rayın altındaki arşiv düz ızgaradır: site.css'in "ilk kart tam genişlik manşet" kuralı (.grid-3 > .card:first-child) burada geçersiz */
@media (min-width: 681px) {
    .grid-3.grid-duz > .card:first-child { grid-column: auto; padding-bottom: 0; border-bottom: 0; }
    .grid-3.grid-duz > .card:first-child .card-link { display: block; }
    .grid-3.grid-duz > .card:first-child .card-title { font-size: 18px; line-height: 1.32; }
}
/* Broadsheet kolon çizgileri düz ızgarada satır başı 3n+1'dir (site.css'teki desen manşet kartı varsayar) */
@media (min-width: 861px) {
    .grid-3.grid-duz > .card { padding-inline: 22px; border-left: 1px solid var(--line); }
    .grid-3.grid-duz > .card:nth-child(3n+1) { padding-left: 0; border-left: 0; }
    .grid-3.grid-duz > .card:nth-child(3n) { padding-right: 0; }
}