.th-hdr { padding: var(--ta-hdr-pad) 0; border-bottom: 1px solid var(--bd); margin-bottom: var(--ta-sec-gap); }
.th-breadcrumb { font-size: 11px; color: var(--tx3); margin-bottom: 5px; }
/* Underlined at rest: the accent against the crumb's own --tx3 is 1.28:1, so
   colour alone cannot mark the link inside the sentence (SC 1.4.1). */
.th-breadcrumb a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; font-weight: 600; }
.th-title { font-size: 26px; font-weight: 900; color: var(--tx); letter-spacing: -.5px; }
.th-sub { font-size: 13px; color: var(--tx2); margin-top: 6px; max-width: 660px; line-height: 1.6; }

.th-chips { gap: 9px; }
.th-chip {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12.5px; font-weight: 700; padding: 7px 14px;
    background: var(--bg); border: 1px solid var(--bd); border-radius: 20px;
    color: var(--tx); text-decoration: none; box-shadow: var(--sh-sm);
    transition: color .15s, border-color .15s;
}
.th-chip:hover { color: var(--blue); border-color: var(--blue); }
.th-count { font-size: 10.5px; font-weight: 800; color: var(--tx3); }