/* GD Type CSS — Vacancy only. Loaded ONLY on vacancy single posts.
   Re-toned 27.07.2026 to the notice-board palette — this is functionally
   the same "quick facts at a glance" strip used in the mockup, just was
   styled with hard black borders before; now uses the soft paper/rule
   tokens with tabular numerals for the numeric values. */

.gd-type-vacancy-snapshot {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 1px solid var(--gd-rule, #d8d3c6);
    border-radius: 8px;
    overflow: hidden;
    margin: 14px 0 18px;
    background: var(--gd-paper-raised, #fff);
}
.gd-vs-item {
    flex: 1 1 150px;
    padding: 10px 14px;
    border-right: 1px solid var(--gd-rule, #d8d3c6);
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.gd-vs-item:last-child { border-right: none; }
.gd-vs-label {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gd-ink-soft, #55575c);
    font-weight: 700;
}
.gd-vs-value {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--gd-ink, #1c1d1f);
    font-variant-numeric: tabular-nums;
}
.gd-vs-status.gd-vs-open .gd-vs-value  { color: #146c43; }
.gd-vs-status.gd-vs-closed .gd-vs-value { color: #b3261e; }
.gd-vs-status.gd-vs-unknown .gd-vs-value { color: var(--gd-ink-soft, #55575c); }

@media (max-width: 767px) {
    .gd-type-vacancy-snapshot { flex-direction: column; }
    .gd-vs-item {
        border-right: none;
        border-bottom: 1px solid var(--gd-rule, #d8d3c6);
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 8px 12px;
    }
    .gd-vs-item:last-child { border-bottom: none; }
    .gd-vs-label { font-size: 0.64rem; }
    .gd-vs-value { font-size: 0.88rem; text-align: right; }
}