/*
===============================================================================
 USER.CSS – MATTION.IT
 Joomla 5 + template A4Joomla Best Free

 Versione: 2.0.2
 Data: 04 agosto 2026
 Stato: archivio stabile

 Modifiche:
 - rimossi tutti i vecchi blocchi Taccuino e le patch duplicate;
 - corretta la riga CSS malformata dopo l'import dei font;
 - supporto coordinato per .mm-taccuino e .mm-taccuino-v2;
 - compatibilità con le regole globali Joomla dotate di !important;
 - tipografia Inter uniforme;
 - hero, citazione, timeline, curiosità, mappa, libro e firma editoriale;
 - layout responsive;
 - corretta la riga malformata dopo l'import del font;
 - selettori indipendenti dal contenitore del template;
 - HTML dell'articolo separato dal CSS e dai metadati Joomla.
===============================================================================
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap");
/* ==========================================================
   USER.CSS DEFINITIVO – MATTION.IT
   Joomla 5 + template A4Joomla Best Free
   ========================================================== */


/* ==========================================================
   1. IMPOSTAZIONI GENERALI
   ========================================================== */

body {
    background-color: #ececec !important;
}

a {
    color: #2f2f2f !important;
}

a:hover {
    color: #000 !important;
}


/* ==========================================================
   2. MENU SUPERIORE FISSO
   ========================================================== */

#navwrap {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

.home #navwrap,
.itemid-101 #navwrap {
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.home):not(.itemid-101) #navwrap {
    background: #d0d0d0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

#topmenu,
#topnav,
.navbar,
.navbar-inner {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Spazio sotto il menu fisso nelle pagine interne */

body:not(.itemid-101) #allwrap {
    padding-top: 110px !important;
}


/* ==========================================================
   3. HOME PAGE
   ========================================================== */

.itemid-101 #masthead {
    transform: translateY(-190px);
}


/* ==========================================================
   4. ARTICOLI CORRELATI
   ========================================================== */

#pathway .mod-relateditems {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;

    margin: 20px 0;
    padding: 0;

    list-style: none;
}

#pathway .mod-relateditems li {
    margin: 0;
    padding: 0;
}

#pathway .mod-relateditems li::marker {
    content: "";
}

#pathway .mod-relateditems a {
    display: inline-block;
    padding: 8px 18px;

    border: 1px solid #999;
    border-radius: 20px;

    background: #e2e2e2;
    color: #333 !important;

    text-decoration: none;
    font-weight: 600;

    transition: background-color 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease;
}

#pathway .mod-relateditems a:hover {
    background: #d2d2d2;
    border-color: #666;
    color: #000 !important;
}


/* ==========================================================
   5. TIPOGRAFIA GENERALE DEGLI ARTICOLI
   ========================================================== */

.com-content-article,
.item-page,
.article-details,
.com-content-article__body {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #2f2f2f !important;
}

.com-content-article__body p,
.com-content-article p,
.item-page p,
.article-details p {
    margin-top: 0 !important;
    margin-bottom: 18px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: left !important;
    color: #2f2f2f !important;
}

.com-content-article__body strong,
.com-content-article__body b {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 700 !important;
}

.com-content-article__body span,
.com-content-article__body div {
    font-family: Georgia, "Times New Roman", serif !important;
}


/* ==========================================================
   6. TITOLI DEGLI ARTICOLI
   ========================================================== */

.com-content-article__body h1,
.com-content-article h1,
.item-page h1,
.article-details h1 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    color: #242424 !important;
}

.com-content-article__body h2,
.com-content-article h2,
.item-page h2,
.article-details h2 {
    margin-top: 32px !important;
    margin-bottom: 14px !important;

    min-height: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    color: #292929 !important;
}

.com-content-article__body h3,
.com-content-article h3,
.item-page h3,
.article-details h3 {
    margin-top: 24px !important;
    margin-bottom: 7px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    color: #303030 !important;
}


/* Elimina elementi davvero vuoti o contenenti soltanto un BR */

.com-content-article__body h1:empty,
.com-content-article__body h2:empty,
.com-content-article__body h3:empty,
.com-content-article__body p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.com-content-article__body h1:has(> br:only-child),
.com-content-article__body h2:has(> br:only-child),
.com-content-article__body h3:has(> br:only-child),
.com-content-article__body p:has(> br:only-child) {
    display: none !important;
}


/* Evita uno spazio eccessivo tra titolo e primo paragrafo */

.com-content-article__body h1 + h2 {
    margin-top: 0 !important;
}

.com-content-article__body h2 + p,
.com-content-article__body h3 + p {
    margin-top: 0 !important;
}


/* ==========================================================
   7. ELENCHI
   ========================================================== */

.com-content-article__body ul,
.com-content-article__body ol,
.com-content-article ul,
.com-content-article ol,
.item-page ul,
.item-page ol,
.article-details ul,
.article-details ol {
    margin-top: 0;
    margin-bottom: 1.3em;
    padding-left: 28px;
}

.com-content-article__body li {
    margin-bottom: 8px;
}

.com-content-article__body li p {
    margin: 0 !important;
}


/* ==========================================================
   10. IMMAGINI
   ========================================================== */

.com-content-article img,
.item-page img,
.article-details img {
    max-width: 100%;
    height: auto;
}


/* ==========================================================
   11. TABELLE DEGLI ARTICOLI
   ========================================================== */

.com-content-article table,
.item-page table,
.article-details table {
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;

    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

.com-content-article table th,
.com-content-article table td,
.item-page table th,
.item-page table td,
.article-details table th,
.article-details table td {
    padding: 10px 15px;

    border: none !important;
    background: transparent !important;
    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;

    color: #2f2f2f !important;
    text-align: left !important;
    vertical-align: top !important;
}

.com-content-article table th,
.item-page table th,
.article-details table th {
    font-weight: 600;
}


/* ==========================================================
   12. PAGINA "CHI SONO" – ITEMID 102
   ========================================================== */

.itemid-102 .com-content-article table,
.itemid-102 .com-content-article tbody,
.itemid-102 .com-content-article tr,
.itemid-102 .com-content-article td {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    vertical-align: top !important;
}

.itemid-102 .com-content-article__body > table {
    width: 80% !important;
    margin: 0 auto !important;
}

.itemid-102 .com-content-article__body > p:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itemid-102 .com-content-article td > p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.itemid-102 .com-content-article td img {
    display: block;
    max-width: 100%;
    height: auto;

    margin: 0 auto !important;
}

.itemid-102 .com-content-article td h1 {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}


/* ==========================================================
   13. PAGINE BLOG E LIBRI
   ========================================================== */

.blog-item .page-header h2 a,
.blog-item h2 a,
.blog-item .item-title a {
    color: #2f2f2f !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.blog-item .page-header h2 a:hover,
.blog-item h2 a:hover,
.blog-item .item-title a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.blog-item .introtext,
.blog-item p {
    color: #444 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.blog-item .readmore a {
    color: #666 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}

.blog-item .readmore a:hover {
    color: #000 !important;
}


/* ==========================================================
   14. TACCUINO – ITEMID 104
   ========================================================== */

.itemid-104 .taccuino-card {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;

    width: 100% !important;
    margin: 0 0 32px !important;
    padding: 18px !important;

    box-sizing: border-box !important;

    border: 1px solid #d1d1d1 !important;
    border-radius: 6px !important;

    background: rgba(255, 255, 255, 0.28) !important;
    color: #2f2f2f !important;

    text-decoration: none !important;

    transition: background-color 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease;
}

.itemid-104 .taccuino-card:hover {
    background: rgba(255, 255, 255, 0.55) !important;
    border-color: #aaa !important;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.10) !important;
    transform: translateY(-2px);
}

.itemid-104 .taccuino-card__image {
    display: block !important;
    flex: 0 0 280px !important;
}

.itemid-104 .taccuino-card__image img {
    display: block !important;

    width: 280px !important;
    height: 185px !important;
    margin: 0 !important;

    object-fit: cover !important;
    border-radius: 4px !important;
}

.itemid-104 .taccuino-card__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;
}

.itemid-104 .taccuino-card__title {
    display: block !important;
    margin: 0 0 10px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    color: #242424 !important;
    text-decoration: none !important;
}

.itemid-104 .taccuino-card:hover .taccuino-card__title {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

.itemid-104 .taccuino-card__description {
    display: block !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;

    color: #333 !important;
    text-decoration: none !important;
}

.itemid-104 .taccuino-card__readmore {
    display: block !important;
    margin-top: 14px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    color: #555 !important;
    text-decoration: none !important;
}

.itemid-104 .taccuino-card:hover .taccuino-card__readmore {
    color: #111 !important;
}

.itemid-104 .com-content-category-blog__children {
    margin-top: 25px !important;
}

.itemid-104 .com-content-category-blog__children > h3 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    color: #2f2f2f !important;
}

.itemid-104 .com-content-category-blog__child .item-title a {
    color: #2f2f2f !important;
    text-decoration: none !important;
}

.itemid-104 .com-content-category-blog__child .item-title a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.itemid-104 .com-content-category-blog__child .badge {
    display: none !important;
}


/* ==========================================================
   15. MENU MOBILE SIDR
   ========================================================== */

@media screen and (max-width: 1280px) {

    #sidr,
    .sidr,
    .sidr-inner {
        background: #fff !important;
        background-color: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
    }

    #sidr ul,
    #sidr ul li,
    #sidr ul li a,
    .sidr ul,
    .sidr ul li,
    .sidr ul li a {
        background: #fff !important;
        background-color: #fff !important;
        color: #222 !important;

        text-shadow: none !important;
        opacity: 1 !important;
    }

    #sidr ul li,
    .sidr ul li {
        border-top-color: #ddd !important;
        border-bottom-color: #ddd !important;
    }

    #sidr ul li:hover,
    #sidr ul li.active,
    #sidr ul li.current,
    #sidr ul li:hover > a,
    #sidr ul li.active > a,
    #sidr ul li.current > a {
        background: #eee !important;
        color: #000 !important;
    }

    #myclosebtn {
        color: #222 !important;
        background: transparent !important;

        text-shadow: none !important;
        opacity: 1 !important;
    }
}


/* ==========================================================
   16. CAPITOLI VENEZIA E MENU LATERALE
   ========================================================== */

#sidebar .moduletable {
    position: sticky;
    top: 95px;
}

#sidebar .moduletable > h3,
#content60 .com-content-article__body > h2:first-child {
    margin-top: 0 !important;
}

#content60 .com-content-article,
#content60 .com-content-article__body {
    padding-top: 0 !important;
}

#content60 {
    padding-left: 25px;
}

#sidebar .mod-articles-category-title.active {
    padding-left: 8px;

    border-left: 3px solid #222;

    font-weight: 700;
    color: #000 !important;
}


/* ==========================================================
   17. TABLET E SMARTPHONE
   ========================================================== */

@media screen and (max-width: 768px) {

    body:not(.itemid-101) #allwrap {
        padding-top: 90px !important;
    }

    .itemid-101 #masthead {
        transform: translateY(-100px);
    }

    .com-content-article,
    .item-page,
    .article-details,
    .com-content-article__body,
    .com-content-article__body p,
    .com-content-article__body table,
    .com-content-article__body td,
    .com-content-article__body th {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }

    .com-content-article__body h1,
    .com-content-article h1,
    .item-page h1,
    .article-details h1 {
        font-size: 31px !important;
    }

    .com-content-article__body h2,
    .com-content-article h2,
    .item-page h2,
    .article-details h2 {
        font-size: 26px !important;
    }

    .com-content-article__body h3,
    .com-content-article h3,
    .item-page h3,
    .article-details h3 {
        font-size: 20px !important;
    }

    .itemid-102 .com-content-article__body > table {
        width: 100% !important;
    }

    .itemid-102 .com-content-article__body > table,
    .itemid-102 .com-content-article__body > table > tbody,
    .itemid-102 .com-content-article__body > table > tbody > tr,
    .itemid-102 .com-content-article__body > table > tbody > tr > td,
    .itemid-102 .com-content-article__body > table table,
    .itemid-102 .com-content-article__body > table table tbody,
    .itemid-102 .com-content-article__body > table table tr,
    .itemid-102 .com-content-article__body > table table td {
        display: block !important;

        width: 100% !important;
        height: auto !important;
    }

    .itemid-102 .com-content-article table td {
        padding: 8px 10px;
    }

    .itemid-102 .com-content-article td img {
        width: auto;
        max-width: 100%;
    }

    .itemid-104 .taccuino-card {
        display: block !important;
        padding: 14px !important;
    }

    .itemid-104 .taccuino-card__image {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    .itemid-104 .taccuino-card__image img {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
    }

    .itemid-104 .taccuino-card__title {
        font-size: 21px !important;
    }

    .itemid-104 .taccuino-card__description {
        font-size: 16px !important;
    }

    #sidebar .moduletable {
        position: static;
        top: auto;
    }

    #content60 {
        padding-left: 15px;
    }
}
/* ==========================================================
   SPAZIATURA COMPATTA DEGLI ARTICOLI
   ========================================================== */

/* Paragrafi più vicini */
.com-content-article__body p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
}

/* Titolo principale */
.com-content-article__body h1 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* Sottotitolo subito sotto il titolo principale */
.com-content-article__body h1 + h2 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Titoli delle sezioni */
.com-content-article__body h2 {
    margin-top: 22px !important;
    margin-bottom: 8px !important;
}

/* Sottotitoli minori */
.com-content-article__body h3 {
    margin-top: 18px !important;
    margin-bottom: 6px !important;
}

/* Nessuno spazio aggiuntivo dopo l’ultimo paragrafo */
.com-content-article__body p:last-child {
    margin-bottom: 0 !important;
}

/* Elenchi più compatti */
.com-content-article__body ul,
.com-content-article__body ol {
    margin-top: 4px !important;
    margin-bottom: 14px !important;
}

.com-content-article__body li {
    margin-bottom: 4px !important;
}

/* Elimina righe composte soltanto da un ritorno a capo */
.com-content-article__body p:has(> br:only-child),
.com-content-article__body h2:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   18. BRANO DEL ROMANZO – BLOCCO DEFINITIVO
   ========================================================== */

.com-content-article__body blockquote {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 780px;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 25px auto 55px;
    padding: 75px 60px 42px;
    background: #25282b;
    border: none !important;
    border-left: 6px solid #9b8465 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
    color: #f5f2ec !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
    font-style: italic;
    text-align: left !important;
}

.com-content-article__body blockquote::before {
    content: "DAL ROMANZO";
    position: absolute;
    top: 30px;
    left: 60px;
    color: #c4ad8d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 4px;
}

.com-content-article__body blockquote::after {
    content: "“";
    position: absolute;
    top: 13px;
    right: 35px;
    color: rgba(196, 173, 141, 0.22);
    font-family: Georgia, serif;
    font-size: 110px;
    line-height: 1;
}

.com-content-article__body blockquote > p:not(.citazione-libro) {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #f5f2ec !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
    font-style: italic;
    text-align: left !important;
}

.com-content-article__body blockquote .citazione-libro {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 22px 0 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    text-align: left !important;
}

.com-content-article__body blockquote .citazione-libro em {
    display: block;
    margin: 0 0 7px !important;
    color: #c4ad8d !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-style: italic;
    text-align: left !important;
}

.com-content-article__body blockquote .citazione-libro strong {
    display: block;
    margin: 0 0 11px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

.com-content-article__body blockquote .citazione-libro a,
.com-content-article__body blockquote .citazione-libro a:link,
.com-content-article__body blockquote .citazione-libro a:visited {
    display: inline-block;
    margin: 0 !important;
    color: #d2b476 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.25s ease, transform 0.25s ease;
}

.com-content-article__body blockquote .citazione-libro a:hover,
.com-content-article__body blockquote .citazione-libro a:focus {
    color: #ffffff !important;
    transform: translateX(4px);
}

.com-content-article__body blockquote + p:empty,
.com-content-article__body blockquote + p.PDq2pG_selectionAnchorContainer {
    display: none !important;
}

.com-content-article__body blockquote + h2 {
    margin-top: 0 !important;
}

@media screen and (max-width: 700px) {
    .com-content-article__body blockquote {
        width: calc(100% - 24px);
        margin: 15px auto 40px;
        padding: 70px 28px 32px;
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .com-content-article__body blockquote::before {
        top: 28px;
        left: 28px;
    }

    .com-content-article__body blockquote::after {
        top: 15px;
        right: 18px;
        font-size: 80px;
    }

    .com-content-article__body blockquote > p:not(.citazione-libro) {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .com-content-article__body blockquote .citazione-libro strong {
        font-size: 15px !important;
    }
}
/* ==========================================================
   CORREZIONE CHROME – TESTO COMPLETO DEL BRANO
   ========================================================== */

.com-content-article__body blockquote {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
    overflow-y: visible !important;

    clip: auto !important;
    clip-path: none !important;

    contain: none !important;
    transform: none !important;
}

/* Forza la visualizzazione di tutti i paragrafi del brano */
.com-content-article__body blockquote > p {
    display: block !important;
    position: static !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;

    white-space: normal !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    text-overflow: clip !important;
}

/* Paragrafi del testo narrativo */
.com-content-article__body blockquote > p:not(.citazione-libro) {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #f5f2ec !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
    font-style: italic !important;
    text-align: left !important;
}

/* Evita che il primo paragrafo venga nascosto o spostato */
.com-content-article__body blockquote > p:first-of-type {
    display: block !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Blocco finale del libro */
.com-content-article__body blockquote > p.citazione-libro {
    display: block !important;
    position: static !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 22px 0 0 !important;
    padding: 18px 0 0 !important;

    overflow: visible !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18);

    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
}
/* ==========================================================
   TESTO DEL BRANO – VISUALIZZAZIONE UNIFORME
   ========================================================== */

.com-content-article__body blockquote .testo-brano {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #f5f2ec !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
    font-style: italic !important;
    text-align: left !important;
}

.com-content-article__body blockquote .testo-brano span {
    display: block !important;
    position: static !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #f5f2ec !important;
}

.com-content-article__body blockquote .testo-brano span:last-child {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 700px) {
    .com-content-article__body blockquote .testo-brano {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

/* ==========================================================
   19. LINK INTERNI AGLI ARTICOLI – BRONZO SENZA SOTTOLINEATURA
   ========================================================== */

/*
   Regola volutamente ampia: intercetta anche i link inseriti
   dentro DIV, SPAN o altri contenitori, non soltanto dentro P e LI.
*/
.com-content-article__body a:not(.btn),
.com-content-article a:not(.btn),
.item-page a:not(.btn),
.article-details a:not(.btn) {
    color: #9a7a45 !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    transition: color 0.25s ease !important;
}

/* Link già visitati */
.com-content-article__body a:not(.btn):visited,
.com-content-article a:not(.btn):visited,
.item-page a:not(.btn):visited,
.article-details a:not(.btn):visited {
    color: #9a7a45 !important;
}

/* Passaggio del mouse e navigazione da tastiera */
.com-content-article__body a:not(.btn):hover,
.com-content-article__body a:not(.btn):focus,
.com-content-article a:not(.btn):hover,
.com-content-article a:not(.btn):focus,
.item-page a:not(.btn):hover,
.item-page a:not(.btn):focus,
.article-details a:not(.btn):hover,
.article-details a:not(.btn):focus {
    color: #5f4825 !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}

/*
   Mantiene dorato il collegamento “Scheda del libro”
   nel riquadro scuro del brano.
*/
.com-content-article__body blockquote .citazione-libro a,
.com-content-article__body blockquote .citazione-libro a:link,
.com-content-article__body blockquote .citazione-libro a:visited {
    color: #d2b476 !important;
}

.com-content-article__body blockquote .citazione-libro a:hover,
.com-content-article__body blockquote .citazione-libro a:focus {
    color: #ffffff !important;
}
.mm-about {
  --mm-bronze: #9a6a3a;
  --mm-bronze-dark: #76502c;
  --mm-ink: #222222;
  --mm-muted: #66615c;
  --mm-soft: #e3ded8;
  --mm-paper: #f7f5f2;
  max-width: 1180px;
  margin: 0 auto;
  padding: 34px 24px 70px;
  color: var(--mm-ink);
  font-size: 18px;
  line-height: 1.78;
}

.mm-about,
.mm-about * {
  box-sizing: border-box;
}

.mm-about p {
  margin: 0 0 1.15em;
}

.mm-about a {
  text-decoration: none;
}

.mm-about__hero {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.25fr);
  gap: clamp(38px, 6vw, 78px);
  align-items: center;
  padding: 22px 0 76px;
}

.mm-about__portrait {
  position: relative;
  margin: 0;
  padding: 0 14px 14px 0;
}

.mm-about__portrait::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  border-right: 2px solid var(--mm-bronze);
  border-bottom: 2px solid var(--mm-bronze);
  z-index: 0;
}

.mm-about__portrait img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.14);
}

.mm-about__eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 18px !important;
  color: var(--mm-bronze-dark);
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.4;
  text-transform: uppercase;
}

.mm-about__eyebrow::before {
  content: "";
  width: 42px;
  height: 1px;
  background: var(--mm-bronze);
}

.mm-about__title {
  max-width: 720px;
  margin: 0 0 24px;
  color: #171717;
  font-size: clamp(2.2rem, 5vw, 4.15rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.06;
}

.mm-about__lead {
  margin-bottom: 23px !important;
  color: #33302d;
  font-size: clamp(1.15rem, 2vw, 1.38rem);
  line-height: 1.55;
}

.mm-about__intro {
  color: var(--mm-muted);
}

.mm-about__chapters {
  border-top: 1px solid #c9c3bd;
}

.mm-about__chapter {
  display: grid;
  grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1fr);
  gap: clamp(30px, 6vw, 80px);
  padding: 58px 0;
  border-bottom: 1px solid #c9c3bd;
}

.mm-about__chapter-heading {
  margin: 0;
  color: #262321;
  font-size: clamp(1.38rem, 2.8vw, 2rem);
  font-weight: 500;
  line-height: 1.25;
}

.mm-about__chapter-heading span {
  display: block;
  margin-bottom: 12px;
  color: var(--mm-bronze);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mm-about__chapter-text p:last-child {
  margin-bottom: 0;
}

.mm-about__quote {
  position: relative;
  margin: 68px 0 0;
  padding: clamp(38px, 6vw, 64px) clamp(30px, 7vw, 82px);
  overflow: hidden;
  background: #262525;
  color: #ffffff;
  border-left: 5px solid var(--mm-bronze);
}

.mm-about__quote::before {
  content: "“";
  position: absolute;
  top: -44px;
  right: 24px;
  color: rgba(255, 255, 255, 0.07);
  font-family: Georgia, serif;
  font-size: 14rem;
  line-height: 1;
}

.mm-about__quote p {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 3vw, 2.15rem);
  font-style: italic;
  line-height: 1.48;
  text-align: center;
}

.mm-about__closing {
  padding: 62px 20px 0;
  text-align: center;
}

.mm-about__closing h2 {
  margin: 0 0 17px;
  color: #211f1d;
  font-size: clamp(1.65rem, 3.5vw, 2.45rem);
  font-weight: 500;
  line-height: 1.2;
}

.mm-about__closing p {
  max-width: 720px;
  margin: 0 auto 30px;
  color: var(--mm-muted);
}

.mm-about__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.mm-about__button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 12px 27px;
  border: 1px solid var(--mm-bronze);
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.mm-about__button--primary {
  background: var(--mm-bronze);
  color: #ffffff !important;
}

.mm-about__button--secondary {
  background: transparent;
  color: var(--mm-bronze-dark) !important;
}

.mm-about__button:hover,
.mm-about__button:focus-visible {
  background: var(--mm-bronze-dark);
  color: #ffffff !important;
  transform: translateY(-2px);
}

.mm-about__button:focus-visible {
  outline: 3px solid rgba(154, 106, 58, 0.28);
  outline-offset: 3px;
}

@media (max-width: 780px) {
  .mm-about {
    padding: 18px 18px 50px;
    font-size: 17px;
  }

  .mm-about__hero {
    grid-template-columns: 1fr;
    gap: 42px;
    padding: 8px 0 54px;
  }

  .mm-about__portrait {
    width: min(100%, 480px);
    margin: 0 auto;
  }

  .mm-about__title {
    font-size: clamp(2.15rem, 11vw, 3.15rem);
  }

  .mm-about__chapter {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 44px 0;
  }

  .mm-about__quote {
    margin-top: 52px;
  }
}

@media (max-width: 480px) {
  .mm-about__actions {
    display: grid;
  }

  .mm-about__button {
    width: 100%;
  }
}
/* CORREZIONE PULSANTI PAGINA CHI SONO */

.mm-about__closing,
.mm-about__actions {
  overflow: visible !important;
}

.mm-about__actions {
  padding: 5px 0 10px !important;
}

.mm-about .mm-about__actions a.mm-about__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 220px !important;
  min-height: 56px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 14px 30px !important;

  border: 2px solid #9a6a3a !important;
  border-radius: 999px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;

  opacity: 1 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Pulsante pieno */
.mm-about .mm-about__button--primary,
.mm-about .mm-about__button--primary:visited {
  background-color: #9a6a3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Pulsante con bordo */
.mm-about .mm-about__button--secondary,
.mm-about .mm-about__button--secondary:visited {
  background-color: transparent !important;
  color: #76502c !important;
  -webkit-text-fill-color: #76502c !important;
}

/* Passaggio del mouse */
.mm-about .mm-about__button:hover,
.mm-about .mm-about__button:focus {
  background-color: #76502c !important;
  border-color: #76502c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: none !important;
}

/* Smartphone */
@media (max-width: 480px) {
  .mm-about .mm-about__actions a.mm-about__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ==========================================================
   20. TACCUINO V2 – FORMATO EDITORIALE ISOLATO
   Versione 2.0.1 – 04 agosto 2026
   ========================================================== */

.mm-taccuino-v2 {
    --mt2-bg: #ececec;
    --mt2-paper: #f7f5f2;
    --mt2-text: #202020;
    --mt2-muted: #6f6a64;
    --mt2-bronze: #9a6f3f;
    --mt2-bronze-dark: #6f4f2f;
    --mt2-bronze-soft: #c5aa84;
    --mt2-dark: #25282b;
    --mt2-light: #f5f2ec;
    --mt2-line: #cfc6ba;

    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 30px 24px 64px !important;

    box-sizing: border-box !important;
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino-v2,
.mm-taccuino-v2 *,
.mm-taccuino-v2 p,
.mm-taccuino-v2 div,
.mm-taccuino-v2 span,
.mm-taccuino-v2 em,
.mm-taccuino-v2 strong,
.mm-taccuino-v2 a,
.mm-taccuino-v2 h1,
.mm-taccuino-v2 h2,
.mm-taccuino-v2 h3,
.mm-taccuino-v2 h4,
.mm-taccuino-v2 li {
    box-sizing: border-box !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
}

.mm-taccuino-v2 p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
    text-align: left !important;
}

.mm-taccuino-v2 a,
.mm-taccuino-v2 a:link,
.mm-taccuino-v2 a:visited {
    color: var(--mt2-bronze) !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mm-taccuino-v2 a:hover,
.mm-taccuino-v2 a:focus {
    color: var(--mt2-bronze-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.mm-taccuino-v2 img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Breadcrumb interno */
.mm-taccuino-v2__breadcrumb {
    max-width: 860px !important;
    margin: 0 auto 22px !important;
    color: var(--mt2-muted) !important;
    font-size: 13px !important;
}

.mm-taccuino-v2__breadcrumb ol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mm-taccuino-v2__breadcrumb li {
    margin: 0 !important;
    color: var(--mt2-muted) !important;
    font-size: 13px !important;
}

.mm-taccuino-v2__breadcrumb li:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: var(--mt2-bronze-soft);
}

/* Intestazione */
.mm-taccuino-v2__header {
    padding: 8px 0 32px !important;
    text-align: center !important;
}

.mm-taccuino-v2__label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;

    margin: 0 0 20px !important;

    color: var(--mt2-bronze) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.34em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.mm-taccuino-v2__label::before,
.mm-taccuino-v2__label::after {
    content: "";
    display: block;
    width: 54px;
    height: 1px;
    background: var(--mt2-bronze-soft);
}

h1.mm-taccuino-v2__title {
    max-width: 900px !important;
    margin: 0 auto !important;

    color: var(--mt2-text) !important;
    font-size: clamp(44px, 5.2vw, 66px) !important;
    line-height: 1.03 !important;
    font-weight: 500 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    text-wrap: balance;
}

p.mm-taccuino-v2__subtitle {
    max-width: 760px !important;
    margin: 18px auto 0 !important;

    color: var(--mt2-muted) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-style: italic !important;
    text-align: center !important;
}

.mm-taccuino-v2__divider {
    position: relative !important;
    width: 154px !important;
    height: 1px !important;
    margin: 28px auto 0 !important;
    background: var(--mt2-bronze-soft) !important;
}

.mm-taccuino-v2__divider::after {
    content: "◆";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 10px;
    background: var(--mt2-bg);
    color: var(--mt2-bronze);
    font-size: 9px;
    line-height: 1;
    transform: translate(-50%, -50%);
}

/* Hero: renderizzato solo quando viene inserita una vera immagine */
.mm-taccuino-v2__hero {
    max-width: 860px !important;
    margin: 0 auto 34px !important;
}

.mm-taccuino-v2__hero figure {
    margin: 0 !important;
}

.mm-taccuino-v2__hero img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    box-shadow: 0 14px 36px rgba(0,0,0,0.12) !important;
}

.mm-taccuino-v2__hero figcaption {
    margin-top: 8px !important;
    color: var(--mt2-muted) !important;
    font-size: 12px !important;
    text-align: right !important;
}

/* Brano */
.mm-taccuino-v2__excerpt {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    max-width: 860px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 auto !important;
    padding: 52px 56px 44px !important;

    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.07), transparent 34%),
        var(--mt2-dark) !important;

    border: 0 !important;
    border-left: 5px solid var(--mt2-bronze) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.14) !important;

    color: var(--mt2-light) !important;
}

.mm-taccuino-v2__excerpt::before {
    content: "“";
    position: absolute;
    top: 4px;
    right: 24px;
    color: rgba(196,173,141,0.20);
    font-size: 108px;
    line-height: 1;
    pointer-events: none;
}

.mm-taccuino-v2__excerpt-label,
.mm-taccuino-v2__eyebrow,
.mm-taccuino-v2__book-label {
    margin: 0 0 10px !important;
    color: var(--mt2-bronze) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.30em !important;
    text-transform: uppercase !important;
}

.mm-taccuino-v2__excerpt-label {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 18px !important;
    color: #c4ad8d !important;
}

.mm-taccuino-v2__excerpt-text {
    position: relative !important;
    z-index: 1 !important;

    color: var(--mt2-light) !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    font-style: italic !important;
    text-align: left !important;
}

.mm-taccuino-v2__excerpt-text em {
    color: inherit !important;
    font-style: italic !important;
}

.mm-taccuino-v2__source {
    position: relative !important;
    z-index: 1 !important;

    margin: 22px 0 0 !important;
    padding-top: 16px !important;

    border-top: 1px solid rgba(255,255,255,0.16) !important;

    color: #c4ad8d !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-style: normal !important;
}

/* Sezioni editoriali */
.mm-taccuino-v2__section {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding-top: 48px !important;
}

h2.mm-taccuino-v2__section-title {
    margin: 0 !important;

    color: var(--mt2-text) !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -0.035em !important;
}

p.mm-taccuino-v2__lead {
    margin: 18px 0 16px !important;
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino-v2__reading {
    max-width: 760px !important;
    margin: 28px 0 0 !important;
}

.mm-taccuino-v2__reading p {
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino-v2__reading h2 {
    margin: 38px 0 10px !important;

    color: var(--mt2-text) !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

.mm-taccuino-v2__reading h3 {
    margin: 30px 0 8px !important;

    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
}

/* Timeline */
.mm-taccuino-v2__timeline {
    max-width: 760px !important;
    margin: 42px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mm-taccuino-v2__timeline li {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 22px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 26px !important;
}

.mm-taccuino-v2__timeline li::before {
    content: "";
    position: absolute;
    left: 103px;
    top: 7px;
    bottom: -3px;
    width: 1px;
    background: var(--mt2-line);
}

.mm-taccuino-v2__timeline li:last-child::before {
    display: none;
}

.mm-taccuino-v2__timeline-year {
    color: var(--mt2-bronze) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.mm-taccuino-v2__timeline-content {
    position: relative !important;
    padding-left: 24px !important;
    color: var(--mt2-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.mm-taccuino-v2__timeline-content::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 5px;
    width: 9px;
    height: 9px;
    background: var(--mt2-bronze);
    border-radius: 50%;
    box-shadow: 0 0 0 5px var(--mt2-bg);
}

.mm-taccuino-v2__timeline-content strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: var(--mt2-text) !important;
    font-size: 17px !important;
}

/* Curiosità */
.mm-taccuino-v2__fact {
    max-width: 760px !important;
    margin: 42px 0 !important;
    padding: 26px 28px !important;
    background: var(--mt2-paper) !important;
    border-left: 4px solid var(--mt2-bronze) !important;
}

.mm-taccuino-v2__fact h2 {
    margin: 0 0 8px !important;
    color: var(--mt2-text) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.mm-taccuino-v2__fact p {
    margin: 0 !important;
}

/* Mappa */
.mm-taccuino-v2__place-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 24px !important;
    align-items: center !important;

    max-width: 760px !important;
    margin: 42px 0 !important;
    padding: 26px 28px !important;

    background: rgba(255,255,255,0.35) !important;
    border: 1px solid var(--mt2-line) !important;
}

.mm-taccuino-v2__place-card h2 {
    margin: 0 0 8px !important;
    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.mm-taccuino-v2__place-card p {
    margin: 0 !important;
    color: var(--mt2-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.mm-taccuino-v2 a.mm-taccuino-v2__button,
.mm-taccuino-v2 a.mm-taccuino-v2__button:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 46px !important;
    padding: 11px 20px !important;

    background: var(--mt2-bronze) !important;
    border: 1px solid var(--mt2-bronze) !important;
    border-radius: 999px !important;

    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.mm-taccuino-v2 a.mm-taccuino-v2__button:hover,
.mm-taccuino-v2 a.mm-taccuino-v2__button:focus {
    background: var(--mt2-bronze-dark) !important;
    border-color: var(--mt2-bronze-dark) !important;
    color: #fff !important;
}

/* Fonti */
.mm-taccuino-v2__sources {
    max-width: 760px !important;
    margin: 50px 0 0 !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--mt2-line) !important;
}

.mm-taccuino-v2__sources h2 {
    margin: 0 0 12px !important;
    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.mm-taccuino-v2__sources ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.mm-taccuino-v2__sources li {
    margin-bottom: 7px !important;
    color: var(--mt2-text) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Libro */
.mm-taccuino-v2__book {
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: center !important;

    max-width: 860px !important;
    margin: 58px auto 0 !important;
    padding: 30px 32px !important;

    background: rgba(255,255,255,0.30) !important;
    border-top: 1px solid var(--mt2-line) !important;
    border-bottom: 1px solid var(--mt2-line) !important;
}

.mm-taccuino-v2__book img {
    width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.14) !important;
}

.mm-taccuino-v2__book h2 {
    margin: 0 0 10px !important;
    color: var(--mt2-text) !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

.mm-taccuino-v2__book-text {
    margin: 0 0 15px !important;
    color: var(--mt2-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.mm-taccuino-v2__book-link,
.mm-taccuino-v2__places-link {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

/* Firma editoriale */
.mm-taccuino-v2__signature {
    max-width: 860px !important;
    margin: 48px auto 0 !important;
    padding: 30px !important;
    background: var(--mt2-dark) !important;
    color: var(--mt2-light) !important;
    text-align: center !important;
}

.mm-taccuino-v2__signature strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: #d0b58f !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
}

.mm-taccuino-v2__signature p {
    max-width: 720px !important;
    margin: 0 auto !important;
    color: var(--mt2-light) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

/* Paragrafi vuoti prodotti dall'editor */
.mm-taccuino-v2 p:empty,
.mm-taccuino-v2 p:has(> br:only-child) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet e smartphone */
@media screen and (max-width: 760px) {
    .mm-taccuino-v2 {
        padding: 24px 14px 46px !important;
        font-size: 17px !important;
    }

    .mm-taccuino-v2__label {
        gap: 10px !important;
        font-size: 10px !important;
    }

    .mm-taccuino-v2__label::before,
    .mm-taccuino-v2__label::after {
        width: 28px;
    }

    h1.mm-taccuino-v2__title {
        font-size: clamp(36px, 10vw, 50px) !important;
    }

    .mm-taccuino-v2__excerpt {
        padding: 48px 24px 30px !important;
    }

    .mm-taccuino-v2__excerpt-text,
    p.mm-taccuino-v2__lead,
    .mm-taccuino-v2__reading p {
        font-size: 17px !important;
        line-height: 1.62 !important;
    }

    .mm-taccuino-v2__timeline li {
        grid-template-columns: 74px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .mm-taccuino-v2__timeline li::before {
        left: 83px;
    }

    .mm-taccuino-v2__place-card {
        grid-template-columns: 1fr !important;
    }

    .mm-taccuino-v2__book {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 24px 18px !important;
    }

    .mm-taccuino-v2__book img {
        width: 78px !important;
    }
}

@media screen and (max-width: 480px) {
    .mm-taccuino-v2__book {
        grid-template-columns: 1fr !important;
    }

    .mm-taccuino-v2__book img {
        width: 100px !important;
    }
}

/* ==========================================================
   21. TACCUINO – COMPATIBILITÀ ARTICOLI ESISTENTI
   Versione 2.0.1 – 04 agosto 2026
   ========================================================== */

.mm-taccuino {
    --mt2-bg: #ececec;
    --mt2-paper: #f7f5f2;
    --mt2-text: #202020;
    --mt2-muted: #6f6a64;
    --mt2-bronze: #9a6f3f;
    --mt2-bronze-dark: #6f4f2f;
    --mt2-bronze-soft: #c5aa84;
    --mt2-dark: #25282b;
    --mt2-light: #f5f2ec;
    --mt2-line: #cfc6ba;

    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 30px 24px 64px !important;

    box-sizing: border-box !important;
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino,
.mm-taccuino *,
.mm-taccuino p,
.mm-taccuino div,
.mm-taccuino span,
.mm-taccuino em,
.mm-taccuino strong,
.mm-taccuino a,
.mm-taccuino h1,
.mm-taccuino h2,
.mm-taccuino h3,
.mm-taccuino h4,
.mm-taccuino li {
    box-sizing: border-box !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
}

.mm-taccuino p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
    text-align: left !important;
}

.mm-taccuino a,
.mm-taccuino a:link,
.mm-taccuino a:visited {
    color: var(--mt2-bronze) !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mm-taccuino a:hover,
.mm-taccuino a:focus {
    color: var(--mt2-bronze-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.mm-taccuino img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Breadcrumb interno */
.mm-taccuino__breadcrumb {
    max-width: 860px !important;
    margin: 0 auto 22px !important;
    color: var(--mt2-muted) !important;
    font-size: 13px !important;
}

.mm-taccuino__breadcrumb ol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mm-taccuino__breadcrumb li {
    margin: 0 !important;
    color: var(--mt2-muted) !important;
    font-size: 13px !important;
}

.mm-taccuino__breadcrumb li:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: var(--mt2-bronze-soft);
}

/* Intestazione */
.mm-taccuino__header {
    padding: 8px 0 32px !important;
    text-align: center !important;
}

.mm-taccuino__label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;

    margin: 0 0 20px !important;

    color: var(--mt2-bronze) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.34em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.mm-taccuino__label::before,
.mm-taccuino__label::after {
    content: "";
    display: block;
    width: 54px;
    height: 1px;
    background: var(--mt2-bronze-soft);
}

h1.mm-taccuino__title {
    max-width: 900px !important;
    margin: 0 auto !important;

    color: var(--mt2-text) !important;
    font-size: clamp(44px, 5.2vw, 66px) !important;
    line-height: 1.03 !important;
    font-weight: 500 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    text-wrap: balance;
}

p.mm-taccuino__subtitle {
    max-width: 760px !important;
    margin: 18px auto 0 !important;

    color: var(--mt2-muted) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-style: italic !important;
    text-align: center !important;
}

.mm-taccuino__divider {
    position: relative !important;
    width: 154px !important;
    height: 1px !important;
    margin: 28px auto 0 !important;
    background: var(--mt2-bronze-soft) !important;
}

.mm-taccuino__divider::after {
    content: "◆";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 10px;
    background: var(--mt2-bg);
    color: var(--mt2-bronze);
    font-size: 9px;
    line-height: 1;
    transform: translate(-50%, -50%);
}

/* Hero: renderizzato solo quando viene inserita una vera immagine */
.mm-taccuino__hero {
    max-width: 860px !important;
    margin: 0 auto 34px !important;
}

.mm-taccuino__hero figure {
    margin: 0 !important;
}

.mm-taccuino__hero img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    box-shadow: 0 14px 36px rgba(0,0,0,0.12) !important;
}

.mm-taccuino__hero figcaption {
    margin-top: 8px !important;
    color: var(--mt2-muted) !important;
    font-size: 12px !important;
    text-align: right !important;
}

/* Brano */
.mm-taccuino__excerpt {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    max-width: 860px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 auto !important;
    padding: 52px 56px 44px !important;

    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.07), transparent 34%),
        var(--mt2-dark) !important;

    border: 0 !important;
    border-left: 5px solid var(--mt2-bronze) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.14) !important;

    color: var(--mt2-light) !important;
}

.mm-taccuino__excerpt::before {
    content: "“";
    position: absolute;
    top: 4px;
    right: 24px;
    color: rgba(196,173,141,0.20);
    font-size: 108px;
    line-height: 1;
    pointer-events: none;
}

.mm-taccuino__excerpt-label,
.mm-taccuino__eyebrow,
.mm-taccuino__book-label {
    margin: 0 0 10px !important;
    color: var(--mt2-bronze) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.30em !important;
    text-transform: uppercase !important;
}

.mm-taccuino__excerpt-label {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 18px !important;
    color: #c4ad8d !important;
}

.mm-taccuino__excerpt-text {
    position: relative !important;
    z-index: 1 !important;

    color: var(--mt2-light) !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    font-style: italic !important;
    text-align: left !important;
}

.mm-taccuino__excerpt-text em {
    color: inherit !important;
    font-style: italic !important;
}

.mm-taccuino__source {
    position: relative !important;
    z-index: 1 !important;

    margin: 22px 0 0 !important;
    padding-top: 16px !important;

    border-top: 1px solid rgba(255,255,255,0.16) !important;

    color: #c4ad8d !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-style: normal !important;
}

/* Sezioni editoriali */
.mm-taccuino__section {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding-top: 48px !important;
}

h2.mm-taccuino__section-title {
    margin: 0 !important;

    color: var(--mt2-text) !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -0.035em !important;
}

p.mm-taccuino__lead {
    margin: 18px 0 16px !important;
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino__reading {
    max-width: 760px !important;
    margin: 28px 0 0 !important;
}

.mm-taccuino__reading p {
    color: var(--mt2-text) !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino__reading h2 {
    margin: 38px 0 10px !important;

    color: var(--mt2-text) !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

.mm-taccuino__reading h3 {
    margin: 30px 0 8px !important;

    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
}

/* Timeline */
.mm-taccuino__timeline {
    max-width: 760px !important;
    margin: 42px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mm-taccuino__timeline li {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 22px !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 26px !important;
}

.mm-taccuino__timeline li::before {
    content: "";
    position: absolute;
    left: 103px;
    top: 7px;
    bottom: -3px;
    width: 1px;
    background: var(--mt2-line);
}

.mm-taccuino__timeline li:last-child::before {
    display: none;
}

.mm-taccuino__timeline-year {
    color: var(--mt2-bronze) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.mm-taccuino__timeline-content {
    position: relative !important;
    padding-left: 24px !important;
    color: var(--mt2-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.mm-taccuino__timeline-content::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 5px;
    width: 9px;
    height: 9px;
    background: var(--mt2-bronze);
    border-radius: 50%;
    box-shadow: 0 0 0 5px var(--mt2-bg);
}

.mm-taccuino__timeline-content strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: var(--mt2-text) !important;
    font-size: 17px !important;
}

/* Curiosità */
.mm-taccuino__fact {
    max-width: 760px !important;
    margin: 42px 0 !important;
    padding: 26px 28px !important;
    background: var(--mt2-paper) !important;
    border-left: 4px solid var(--mt2-bronze) !important;
}

.mm-taccuino__fact h2 {
    margin: 0 0 8px !important;
    color: var(--mt2-text) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.mm-taccuino__fact p {
    margin: 0 !important;
}

/* Mappa */
.mm-taccuino__place-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 24px !important;
    align-items: center !important;

    max-width: 760px !important;
    margin: 42px 0 !important;
    padding: 26px 28px !important;

    background: rgba(255,255,255,0.35) !important;
    border: 1px solid var(--mt2-line) !important;
}

.mm-taccuino__place-card h2 {
    margin: 0 0 8px !important;
    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.mm-taccuino__place-card p {
    margin: 0 !important;
    color: var(--mt2-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.mm-taccuino a.mm-taccuino__button,
.mm-taccuino a.mm-taccuino__button:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 46px !important;
    padding: 11px 20px !important;

    background: var(--mt2-bronze) !important;
    border: 1px solid var(--mt2-bronze) !important;
    border-radius: 999px !important;

    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.mm-taccuino a.mm-taccuino__button:hover,
.mm-taccuino a.mm-taccuino__button:focus {
    background: var(--mt2-bronze-dark) !important;
    border-color: var(--mt2-bronze-dark) !important;
    color: #fff !important;
}

/* Fonti */
.mm-taccuino__sources {
    max-width: 760px !important;
    margin: 50px 0 0 !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--mt2-line) !important;
}

.mm-taccuino__sources h2 {
    margin: 0 0 12px !important;
    color: var(--mt2-text) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.mm-taccuino__sources ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.mm-taccuino__sources li {
    margin-bottom: 7px !important;
    color: var(--mt2-text) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Libro */
.mm-taccuino__book {
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: center !important;

    max-width: 860px !important;
    margin: 58px auto 0 !important;
    padding: 30px 32px !important;

    background: rgba(255,255,255,0.30) !important;
    border-top: 1px solid var(--mt2-line) !important;
    border-bottom: 1px solid var(--mt2-line) !important;
}

.mm-taccuino__book img {
    width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.14) !important;
}

.mm-taccuino__book h2 {
    margin: 0 0 10px !important;
    color: var(--mt2-text) !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

.mm-taccuino__book-text {
    margin: 0 0 15px !important;
    color: var(--mt2-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.mm-taccuino__book-link,
.mm-taccuino__places-link {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

/* Firma editoriale */
.mm-taccuino__signature {
    max-width: 860px !important;
    margin: 48px auto 0 !important;
    padding: 30px !important;
    background: var(--mt2-dark) !important;
    color: var(--mt2-light) !important;
    text-align: center !important;
}

.mm-taccuino__signature strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: #d0b58f !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
}

.mm-taccuino__signature p {
    max-width: 720px !important;
    margin: 0 auto !important;
    color: var(--mt2-light) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

/* Paragrafi vuoti prodotti dall'editor */
.mm-taccuino p:empty,
.mm-taccuino p:has(> br:only-child) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet e smartphone */
@media screen and (max-width: 760px) {
    .mm-taccuino {
        padding: 24px 14px 46px !important;
        font-size: 17px !important;
    }

    .mm-taccuino__label {
        gap: 10px !important;
        font-size: 10px !important;
    }

    .mm-taccuino__label::before,
    .mm-taccuino__label::after {
        width: 28px;
    }

    h1.mm-taccuino__title {
        font-size: clamp(36px, 10vw, 50px) !important;
    }

    .mm-taccuino__excerpt {
        padding: 48px 24px 30px !important;
    }

    .mm-taccuino__excerpt-text,
    p.mm-taccuino__lead,
    .mm-taccuino__reading p {
        font-size: 17px !important;
        line-height: 1.62 !important;
    }

    .mm-taccuino__timeline li {
        grid-template-columns: 74px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .mm-taccuino__timeline li::before {
        left: 83px;
    }

    .mm-taccuino__place-card {
        grid-template-columns: 1fr !important;
    }

    .mm-taccuino__book {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 24px 18px !important;
    }

    .mm-taccuino__book img {
        width: 78px !important;
    }
}

@media screen and (max-width: 480px) {
    .mm-taccuino__book {
        grid-template-columns: 1fr !important;
    }

    .mm-taccuino__book img {
        width: 100px !important;
    }
}

/* ==========================================================
   22. TACCUINO – ALIAS STRUTTURA V1
   ========================================================== */

.mm-taccuino__reality {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding-top: 48px !important;
}

.mm-taccuino__reality-label {
    margin: 0 0 10px !important;
    color: var(--mt2-bronze) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.30em !important;
    text-transform: uppercase !important;
}

.mm-taccuino__reality-title {
    margin: 0 !important;
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -0.035em !important;
}

.mm-taccuino__reality-intro {
    margin: 18px 0 16px !important;
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino__article-body {
    max-width: 760px !important;
    margin: 28px 0 0 !important;
}

.mm-taccuino__article-body p {
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.68 !important;
}

.mm-taccuino__article-body h2 {
    margin: 38px 0 10px !important;
    color: var(--mt2-text) !important;
    font-family: "Inter", Arial, Helvetica, sans-serif !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

/* Nasconde il link di accessibilità finché non riceve il focus. */
.skip-link {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 9999999 !important;
    padding: 10px 14px !important;
    background: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-180%) !important;
}

.skip-link:focus {
    transform: translateY(0) !important;
}

@media screen and (max-width: 760px) {
    .mm-taccuino__reality-intro,
    .mm-taccuino__article-body p {
        font-size: 17px !important;
        line-height: 1.62 !important;
    }
}