/* Concept 2 - mega database di posizioni e concorsi pubblici (global-public-jobs):
   blu istituzionale con accento oro. */

body.concept-2 {
    --accent: #1f4e9c;
    --soft: #eef3fb;
    --ink: #101828;
    --gold: #ffd166;
}


body.concept-2 .hero {
    background: linear-gradient(180deg, #0f2a5c 0%, #1f4e9c 100%);
    color: #ffffff;
}

body.concept-2 .hero p {
    color: #dbe6ff;
}

body.concept-2 .hero h1 em {
    color: var(--gold);
}

.searchbar {
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    border: 2px solid #000000;
    border-radius: 999px;
    overflow: hidden;
    background: #ffffff;
    color: #555555;
    text-align: left;
}

.searchbar .q {
    flex: 1;
    padding: 15px 24px;
}

.searchbar .go {
    padding: 15px 28px;
    background: var(--gold);
    color: #101828;
    font-weight: 800;
}

.tiles {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.tile {
    padding: 24px 22px;
    border: 2px solid var(--line);
    border-radius: 14px;
    background: var(--paper);
}

.tile b {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 800;
    font-size: 32px;
    color: var(--accent);
}

.tile span {
    font-size: 15px;
    color: var(--muted);
}

body.concept-2 .badge {
    background: var(--gold);
}

.calendar {
    display: grid;
    gap: 14px;
    max-width: 820px;
    margin: 0 auto;
}

.calendar div {
    display: flex;
    gap: 18px;
    align-items: baseline;
    padding: 14px 20px;
    border: 2px solid var(--line);
    border-radius: 12px;
    background: var(--paper);
}

.calendar b {
    min-width: 5.5em;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 800;
    color: var(--accent);
}