/* ==========================================================
   Thanet Community Hub — shared sub-navigation bar
   Used on pages that don't already define their own copy of
   this block inline (travel, property, leisure, trades index).
   Kept self-contained (no dependency on page-level CSS vars)
   so it renders correctly on both the dark TCC dashboard pages
   and the lighter "paper" hub-subpage pages.
   ========================================================== */
.tcc-subnav{background:#080808;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}
.tcc-subnav::-webkit-scrollbar{display:none}
.tcc-subnav__in{max-width:80rem;margin:0 auto;padding:0 1.25rem;display:flex;min-width:max-content}
.tcc-nl{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem .875rem;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.4);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s}
.tcc-nl:hover{color:#FFD700;border-color:rgba(255,215,0,.3)}
.tcc-nl.active{color:#FFD700;border-color:#FFD700}
.tcc-nl.emerg{color:#f87171}
.tcc-nl.emerg:hover{color:#fca5a5;border-color:rgba(239,68,68,.4)}
.tcc-nl.pharma{color:#6ee7b7}
.tcc-nl.pharma:hover,.tcc-nl.pharma.active{color:#34d399;border-color:#34d399}