:root {
    --green: #7AB700;
    --green-dark: #006A4B;
    --text: #1F2937;
    --muted: #6B7280;
    --line: #E5E7EB;
    --table-head-bg: #EEF8F3;
}

.listauvjeta {
    text-align: left;
}

/* Platno & container */
.inner {
    background: #fff;
    padding: 3rem 4rem 4rem;
}

    .inner > .listauvjeta,
    .inner > div { 
        max-width: 1200px;
        margin: 0 0;
        padding: 0 16px;
    }

    /* Naslov stranice */
    .inner h2 {
        color: var(--green-dark);
        font-size: 40px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .4px;
        margin: 0 auto 24px ;
        text-align:left;
    }

    /* Sekcijski naslovi i tekst */
    .inner .listauvjeta h3 {
        color: var(--green-dark);
        font-size: 16px;
        font-weight: 700;
        margin: 18px 0 6px 0;
        line-height: 1.3;
    }

    .inner .listauvjeta p {
        color: var(--text);
        font-size: 14px;
        line-height: 1.65;
        margin: 0 0 10px 0;
    }

    .inner .listauvjeta a {
        color: var(--green-dark);
        text-decoration: underline;
    }

        .inner .listauvjeta a:hover {
            text-decoration: none;
        }

    
    .inner .listauvjeta br {
        display: none;
    }

/* ===== Tablica) ===== */
.tg {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    /* Zaglavlje */
    .tg thead th {
        background: var(--table-head-bg);
        color: var(--green-dark);
        font-weight: 700;
        text-align: left;
        padding: 12px 16px;
        border: 0;
        border-bottom: 1px solid var(--line);
        white-space: nowrap;
    }

    /* elije */
    .tg td {
        color: var(--text);
        padding: 12px 16px;
        border: 0;
        border-top: 1px solid var(--line);
        vertical-align: top;
        word-break: normal;
    }

    /* Redovi */
    .tg tbody tr:nth-child(even) {
        background: #FAFCFB;
    }

    .tg tbody tr:hover {
        background: #F6FBF8;
    }

    /* Poravnanje util klase  */
    .tg .tg-1wig {
        font-weight: 700;
        text-align: left;
        vertical-align: top;
    }

    .tg .tg-0lax {
        text-align: left;
        vertical-align: top;
    }

/* Mobile fine-tuning */
@media (max-width:480px) {
    .inner {
        padding: 1vh 1vh;
        max-width: 100%;
    }

        .inner h2 {
            font-size: 21px;
            margin-bottom: 16px;
        }

        .inner .listauvjeta h3 {
            font-size: 15px;
            margin-top: 16px;
        }

        .inner .listauvjeta p {
            font-size: 14px;
            line-height: 1.7;
        }

    .tg thead th, .tg td {
        padding: 10px 12px;
    }
}