/* ============================================================================
   ROTTE A PERCORSO · reset minimi
   Alcuni pulsanti di navigazione sono diventati link reali (<a href>) e il
   nome della villa è diventato un <h1>. Queste regole riportano link e titolo
   all'aspetto degli elementi che sostituiscono: nessun cambiamento grafico.
   ========================================================================== */

/* I pulsanti non ereditano spaziatura e maiuscole del contesto, i link sì:
   si riportano i valori del pulsante dove la classe non li fissa già. */
a.vcard { color: inherit; letter-spacing: normal; text-transform: none; text-decoration: none; }
a.brand { color: inherit; text-decoration: none; }
a.nav__link { display: inline-block; text-decoration: none; }
.navdrawer a.nav__link::after { display: none; }
a.btn { text-decoration: none; text-align: center; }

.vd__crumbs a { color: var(--ink-3); letter-spacing: inherit; text-transform: inherit; font-size: inherit; text-decoration: none; }
.vd__crumbs a:hover { color: var(--terra); }

h1.vd__no { margin: 0; }

a.dtable__link { color: inherit; text-decoration: none; }

/* --- HTML essenziale del server ----------------------------------------------
   Visibile solo finché il JavaScript non disegna l'interfaccia (o sempre, se
   il JavaScript non è disponibile). Usa le classi tipografiche esistenti. */
.ssr__nav, .ssr__foot { padding-block: 20px; display: block; }
.ssr__nav a, .ssr__foot a { margin-right: 14px; text-decoration: underline; }
.ssr .h1 { margin-top: 12px; }
.ssr .h2 { margin-top: 32px; }
.ssr .lede, .ssr .body, .ssr .small { margin-top: 12px; }
.ssr__list { margin: 16px 0 0; padding-left: 1.2em; }
.ssr__list li { margin-top: 6px; }
.ssr__list a, .ssr .body a, .ssr__crumbs a { text-decoration: underline; }
.ssr__crumbs { font-size: .8rem; margin-bottom: 16px; }