/*
 * .gp-tag — pill / chip atom for category labels and meta.
 *
 * Variants:
 *   .gp-tag--filled  filled gold, black text
 *   .gp-tag--ghost   transparent, gold border + gold text
 *   .gp-tag--muted   transparent, dim border + dim text
 *   .gp-tag--dark    dark fill (rgba(0,0,0,0.7)) + white text — for
 *                    duration chips on top of imagery
 */

.gp-tag {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    font-family: var(--gp-font-mono);
    font-size: 11px;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    border: var(--gp-border-w) solid var(--gp-gold);
    color: var(--gp-gold);
    background: transparent;
    border-radius: 0;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.gp-tag--filled { background: var(--gp-gold); color: var(--gp-text-on-gold); border-color: var(--gp-gold); }
.gp-tag--ghost  { background: transparent;    color: var(--gp-gold);         border-color: var(--gp-gold); }
.gp-tag--muted  { background: transparent;    color: var(--gp-text-dim);     border-color: rgba(255,255,255,0.30); }
.gp-tag--dark   {
    background: rgba(0, 0, 0, 0.70);
    color: var(--gp-text);
    border: 0;
    padding: 3px 8px;
    height: auto;
    letter-spacing: 0.16em;
    font-size: 10px;
}
.gp-tag--sm     { font-size: 9px; height: 20px; padding: 0 8px; }