/* Foglio di stile condiviso dai documenti legali dell'applicazione.
   Colori presi dall'identita' del sito magionediloppiano.it. */
:root {
    --verde: #1d5c2e;
    --verde-scuro: #143f20;
    --oro: #b08d3f;
    --crema: #fbf7ef;
    --testo: #2b2b26;
    --tenue: #6b6b60;
    --bordo: #e6e0d4;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--crema);
    color: var(--testo);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.7;
}

header {
    background: #fff;
    border-bottom: 3px solid var(--verde);
    padding: 28px 20px 22px;
    text-align: center;
}

header img { width: 84px; height: 84px; }

header h1 {
    font-size: 1.55rem;
    color: var(--verde-scuro);
    margin: 12px 0 4px;
    letter-spacing: .02em;
}

header .sotto { color: var(--tenue); font-size: .95rem; font-family: system-ui, sans-serif; }

main {
    max-width: 780px;
    margin: 0 auto;
    padding: 34px 22px 60px;
}

h2 {
    color: var(--verde-scuro);
    font-size: 1.2rem;
    margin: 34px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--bordo);
}

h3 { color: var(--verde); font-size: 1.02rem; margin: 22px 0 6px; }

a { color: var(--verde); }

table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
    font-family: system-ui, sans-serif;
    font-size: .93rem;
    background: #fff;
}

th, td { border: 1px solid var(--bordo); padding: 9px 11px; text-align: left; vertical-align: top; }
th { background: #f3efe4; color: var(--verde-scuro); }

.riquadro {
    background: #fff;
    border: 1px solid var(--bordo);
    border-left: 4px solid var(--oro);
    padding: 14px 18px;
    margin: 18px 0;
}

.riquadro p:first-child { margin-top: 0; }
.riquadro p:last-child { margin-bottom: 0; }

code { background: #fff; border: 1px solid var(--bordo); padding: 1px 5px; font-size: .88em; }

footer {
    border-top: 1px solid var(--bordo);
    margin-top: 40px;
    padding-top: 18px;
    color: var(--tenue);
    font-size: .88rem;
    font-family: system-ui, sans-serif;
}

.aggiornamento { color: var(--tenue); font-family: system-ui, sans-serif; font-size: .9rem; }

@media (max-width: 640px) {
    body { font-size: 16px; }
    main { padding: 24px 16px 44px; }
}