.tf-topc .tf-topc__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tf-topc-gap, 24px); justify-content: var(--tf-topc-justify, flex-start); margin: 0; padding: 0; list-style: none; }
.tf-topc .tf-topc__item { display: inline-flex; align-items: center; gap: var(--tf-topc-inner-gap, 8px); text-decoration: none; color: inherit; }
.tf-topc a.tf-topc__item { transition: color .2s ease; }
.tf-topc .tf-topc__icon { display: inline-flex; align-items: center; justify-content: center; font-size: var(--tf-topc-icon-size, 18px); line-height: 1; color: var(--tf-topc-icon-color, #3A2F25); }
.tf-topc .tf-topc__icon i { line-height: 1; }
.tf-topc .tf-topc__text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.tf-topc .tf-topc__title { font-size: var(--tf-topc-title-size, 11px); font-weight: var(--tf-topc-title-weight, 400); color: var(--tf-topc-title-color, #8A7D70); white-space: nowrap; }
.tf-topc .tf-topc__detail { font-size: var(--tf-topc-detail-size, 13px); font-weight: var(--tf-topc-detail-weight, 600); color: var(--tf-topc-detail-color, #3A2F25); white-space: nowrap; }
.tf-topc a.tf-topc__item:hover .tf-topc__detail,
.tf-topc a.tf-topc__item:hover .tf-topc__title,
.tf-topc a.tf-topc__item:hover .tf-topc__icon { color: var(--tf-topc-hover-color, #C0392B); }
.tf-topc .tf-topc__sep { flex: 0 0 1px; width: 1px; align-self: stretch; min-height: 22px; background: var(--tf-topc-divider-color, #E0D8CF); }
.tf-topc .tf-topc__ph { color: #9aa3af; font: 600 12px/1.4 system-ui, -apple-system, sans-serif; }
@media (max-width: 576px) {
    .tf-topc.tf-topc--stack .tf-topc__list { flex-direction: column; align-items: var(--tf-topc-justify, flex-start); gap: var(--tf-topc-stack-gap, 12px); }
    .tf-topc.tf-topc--stack .tf-topc__sep { display: none; }
}