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

/* Canvas & shared container */
.inner {
    background: #fff;
    padding: 3rem 4rem 4rem;
    text-align: center;
    max-width: 1200px;
}
.listauvjeta {
    margin: 0 auto;
}
    /
    .inner > h2,
    .inner > p, /* uvod je izvan .listauvjeta */
    .inner > .listauvjeta {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 16px;
    }

    /* Glavni naslov */
.inner > h2 {
    color: var(--green-dark);
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1.22;
    margin: 0 0 12px 0;
    text-align: left;
}

 
    .inner > p { 
        margin: 0 0 12px 0;
    }
#inner-sub {
    color: var(--green-dark);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
    margin: 0;
    text-align: left;
}
        .inner > p > h3 {
            color: var(--green-dark);
            font-size: 15px;
            font-weight: 600; 
            line-height: 1.55;
            margin: 0; 
        }

/* Struktura sadraja */
.listauvjeta {
    text-align: left;
}

    .listauvjeta ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .listauvjeta li {
        margin: 0 0 6px 0;
    }

    /* Podnaslovi sekcija  */
    .listauvjeta h3 {
        color: var(--green-dark);
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
        margin: 16px 0 6px 0;
    }

   
    .listauvjeta li > br {
        display: none;
    }
    .inner b{
        color:var(--green-dark);
    }
    /* Osnovni tekst */
    .listauvjeta p {
        color: var(--text);
        font-size: 14px;
        line-height: 1.65;
        margin: 0 0 10px 0;
    }

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

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

/* Fine rules  */
.inner hr {
    border: 0;
    border-top: 1px solid var(--line);
    margin: 14px 0;
}

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

        .inner > h2 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .inner > p > h3 {
            font-size: 14px;
            line-height: 1.6;
        }

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

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