/* Kentsel Dönüşüm Rehberi hub'ı (23 Eyl 2026). Token'lar article_detail.css :root'tan (--kb-*). */
.th-hero { max-width: var(--kb-measure); margin: 0 auto; }
.th-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.th-jump a {
    display: inline-flex; padding: 6px 12px; border-radius: 999px; font-size: .84rem;
    background: #fff; border: 1px solid var(--kb-line-2); color: var(--kb-ink-2); text-decoration: none;
}
.th-jump a:hover { border-color: var(--kb-navy); color: var(--kb-navy); }

.th-body { max-width: var(--kb-measure); margin: 32px auto 0; }
.th-body h2 { font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 800; color: var(--kb-ink); margin: 0 0 10px; }
.th-body .kb-short-answer__text a { color: var(--kb-accent-ink); font-weight: 600; }

.th-steps { margin: 36px 0 12px; }
.th-steps ol { margin: 14px 0 0; padding-left: 1.3rem; display: grid; gap: 14px; }
.th-steps li { line-height: 1.6; color: var(--kb-ink-2); padding-left: 4px; }
.th-steps li b { display: block; color: var(--kb-ink); }
.th-steps li a { color: var(--kb-accent-ink); font-weight: 600; white-space: nowrap; }

.th-cluster { padding-top: 32px; margin-top: 28px; border-top: 1px solid var(--kb-line); scroll-margin-top: var(--kb-sticky-top); }
.th-cluster__blurb { color: var(--kb-ink-2); line-height: 1.6; margin: 0 0 14px; }
.th-owner {
    display: flex; flex-direction: column; gap: 6px; padding: 18px 20px;
    background: var(--kb-sky); border: 1px solid var(--kb-sky-line); border-radius: var(--kb-r-md);
    color: var(--kb-ink); text-decoration: none;
}
.th-owner:hover { background: var(--kb-sky-2); color: var(--kb-ink); }
.th-owner__eyebrow { font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--kb-navy); }
.th-owner__title { font-size: 1.08rem; font-weight: 800; color: var(--kb-navy); }
.th-owner__summary { font-size: .92rem; color: var(--kb-ink-2); line-height: 1.5; }
.th-owner__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--kb-accent-ink); font-size: .9rem; }
.th-owner__more svg, .th-owner__more i { width: 16px; height: 16px; }
.th-links { margin: 14px 0 0; padding-left: 1.1rem; display: grid; gap: 8px; }
.th-links a { color: var(--kb-accent-ink); }

.th-tools { margin-top: 40px; padding: 22px; border: 1px solid var(--kb-line-2); border-radius: var(--kb-r-lg); background: #fff; }
.th-tools__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 12px; }
.th-tools__grid a {
    display: flex; flex-direction: column; gap: 4px; padding: 14px 16px;
    border: 1px solid var(--kb-line-2); border-radius: var(--kb-r-sm); text-decoration: none; color: var(--kb-ink);
}
.th-tools__grid a:hover { border-color: var(--kb-sky-line); background: var(--kb-sky); }
.th-tools__grid b { color: var(--kb-navy); }
.th-tools__grid span { color: var(--kb-muted); font-size: .86rem; }
.th-note { margin: 28px 0 0; font-size: .84rem; color: var(--kb-muted); }

/* Son güncelleme satırı (tazelik sinyali) */
.th-updated { margin: 10px 0 0; font-size: 13px; color: var(--kb-muted, #64748b); }