/* SimplyFatt / Keystone — tipografia 1.0.1
 * Caricare dopo gli stili Vanilla e aggiungere sf-typography al body.
 * Nessun reset globale: icone, editor e blocchi di codice conservano i propri font.
 */
body.sf-typography {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
    color: #716c80;
}

body.sf-typography h1,
body.sf-typography h2,
body.sf-typography h3,
body.sf-typography h4,
body.sf-typography h5,
body.sf-typography h6,
body.sf-typography .H,
body.sf-typography .Title,
body.sf-typography .Title a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 1.4;
    color: #58468c;
}

body.sf-typography #MainContent h1 {
    font-size: 30px;
    line-height: 1.3;
}

/* Le domande in elenco restano compatte, anche quando occupano più righe. */
body.sf-typography .DataList .Item .Title,
body.sf-typography .DataList .Item .Title a,
body.sf-typography .DataList .Item.Read .Title,
body.sf-typography .DataList .Item.Read .Title a {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #58468c;
}

body.sf-typography .Panel h2,
body.sf-typography .Panel h3,
body.sf-typography .Panel h4 {
    font-size: 18px;
    line-height: 1.4;
}

body.sf-typography .Message,
body.sf-typography .Item-Body {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: #716c80;
}

body.sf-typography .PageDescription,
body.sf-typography .CategoryDescription {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
    color: #716c80;
}

body.sf-typography .Message p,
body.sf-typography .Message li {
    line-height: 1.7;
}

body.sf-typography .Meta,
body.sf-typography .Meta a,
body.sf-typography .MItem {
    font-family: "Nunito", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    color: #716c80;
}

body.sf-typography .Panel,
body.sf-typography .Pager,
body.sf-typography label,
body.sf-typography input,
body.sf-typography select,
body.sf-typography textarea,
body.sf-typography button,
body.sf-typography .Button,
body.sf-typography .Navigation-link,
body.sf-typography .Header a {
    font-family: "Nunito", sans-serif;
}

/* Solo link di contenuto: colori e contrasto dei pulsanti restano quelli del tema. */
body.sf-typography .Message a,
body.sf-typography .Panel .PanelCategories a,
body.sf-typography .Panel .PanelInfo a,
body.sf-typography .Pager a {
    color: #58468c;
}

body.sf-typography .Title a:hover,
body.sf-typography .Title a:focus-visible,
body.sf-typography .Message a:hover,
body.sf-typography .Message a:focus-visible {
    color: #58468c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 600px) {
    body.sf-typography #MainContent h1 { font-size: 25px; }
    body.sf-typography .DataList .Item .Title,
    body.sf-typography .DataList .Item .Title a,
    body.sf-typography .DataList .Item.Read .Title,
    body.sf-typography .DataList .Item.Read .Title a { font-size: 15px; }
}