/* Career plugin — only what the prebuilt core Tailwind doesn't ship
   (plugin files are outside the core content glob, so responsive grid
   variants and cyan button shades live here under plugin-prefixed names). */

.career-venues {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .career-venues { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.career-btn {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}
.career-btn-primary { background-color: #0891b2; color: #fff; }
.career-btn-primary:hover { background-color: #06b6d4; }
.career-btn-ghost { background-color: rgba(31, 41, 55, 0.7); color: #d1d5db; }
.career-btn-ghost:hover { background-color: rgba(55, 65, 81, 0.9); }

.career-bar-track {
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: rgba(31, 41, 55, 0.9);
    overflow: hidden;
}
.career-bar-fill {
    height: 100%;
    background-color: #06b6d4;
    transition: width 0.3s ease;
}