/* Blog category pills — shared across hub, articles, home stories */

.blog-cat {
    display: inline-block;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.blog-cat--racing {
    color: #f87171;
    background: rgba(248, 113, 113, 0.18);
    border-color: rgba(248, 113, 113, 0.45);
}

.blog-cat--water-quality {
    color: #22d3ee;
    background: rgba(34, 211, 238, 0.16);
    border-color: rgba(34, 211, 238, 0.4);
}

.blog-cat--forecasts-weather {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.16);
    border-color: rgba(56, 189, 248, 0.4);
}

.blog-cat--safety {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.18);
    border-color: rgba(251, 191, 36, 0.42);
}

.blog-cat--foiling {
    color: #d43b95;
    background: rgba(212, 59, 149, 0.2);
    border-color: rgba(212, 59, 149, 0.45);
}

.blog-cat--sessions {
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.18);
    border-color: rgba(167, 139, 250, 0.42);
}

.blog-cat--analysis {
    color: #34d399;
    background: rgba(52, 211, 153, 0.16);
    border-color: rgba(52, 211, 153, 0.4);
}

.blog-cat--data {
    color: #818cf8;
    background: rgba(129, 140, 248, 0.18);
    border-color: rgba(129, 140, 248, 0.42);
}

a.blog-cat:hover {
    filter: brightness(1.08);
}

.blog-cat--filter {
    letter-spacing: 0.06em;
    text-transform: none;
    font-size: 0.78rem;
}

.blog-cat--all {
    color: rgba(255, 255, 255, 0.88);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.28);
}

.blog-cat--all:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}

.blog-cat--all.active {
    background: #fff;
    color: #050508;
    border-color: #fff;
    box-shadow: none;
}

.blog-cat--filter.active:not(.blog-cat--all) {
    box-shadow: 0 0 0 1px currentColor inset;
}

/* Hub category filters moved to .blog-hub-subnav in blog-hub.css */

.home-v2-story-tag.blog-cat {
    letter-spacing: 0.1em;
    background: rgba(5, 5, 8, 0.55);
    backdrop-filter: blur(6px);
}

.home-v2-story-tag.blog-cat--foiling,
.home-v2-story-tag.blog-cat--sessions,
.home-v2-story-tag.blog-cat--water-quality,
.home-v2-story-tag.blog-cat--safety,
.home-v2-story-tag.blog-cat--forecasts-weather,
.home-v2-story-tag.blog-cat--racing,
.home-v2-story-tag.blog-cat--analysis,
.home-v2-story-tag.blog-cat--data {
    color: inherit;
}

.home-v2-story-tag.blog-cat--racing { color: #fca5a5; background: rgba(127, 29, 29, 0.72); border-color: rgba(248, 113, 113, 0.5); }
.home-v2-story-tag.blog-cat--water-quality { color: #67e8f9; background: rgba(22, 78, 99, 0.72); border-color: rgba(34, 211, 238, 0.45); }
.home-v2-story-tag.blog-cat--forecasts-weather { color: #7dd3fc; background: rgba(12, 74, 110, 0.72); border-color: rgba(56, 189, 248, 0.45); }
.home-v2-story-tag.blog-cat--safety { color: #fde68a; background: rgba(120, 53, 15, 0.72); border-color: rgba(251, 191, 36, 0.45); }
.home-v2-story-tag.blog-cat--foiling { color: #f9a8d4; background: rgba(131, 24, 67, 0.72); border-color: rgba(212, 59, 149, 0.45); }
.home-v2-story-tag.blog-cat--sessions { color: #c4b5fd; background: rgba(76, 29, 149, 0.72); border-color: rgba(167, 139, 250, 0.45); }
.home-v2-story-tag.blog-cat--analysis { color: #6ee7b7; background: rgba(6, 78, 59, 0.72); border-color: rgba(52, 211, 153, 0.45); }
.home-v2-story-tag.blog-cat--data { color: #a5b4fc; background: rgba(49, 46, 129, 0.72); border-color: rgba(129, 140, 248, 0.45); }