/* Layout generale: centro il contenuto e limito la larghezza */
body {
  margin: 0 auto;
  padding: 32px;
  max-width: 720px;
  font-family:
    system-ui,           /* iOS/macOS */
    -apple-system,       /* Safari <13 */
    BlinkMacSystemFont,  /* Chrome Mac */
    "Segoe UI",          /* Windows */
    Roboto,              /* Android */
    Ubuntu,              /* Ubuntu */
    Cantarell,           /* GNOME */
    "Helvetica Neue",    /* vecchi Mac */
    sans-serif;          /* generico */  
  font-size: 17.5px;      /* ≈1.0938 rem */
  line-height: 1.5;      /* spaziatura comoda tra le righe */  
  color: #111;
}  
/* font-size e linea tratti da Bearblog.dev Styles :contentReference[oaicite:0]{index=0} */

/* Spaziatura dei paragrafi */
p {
  margin: 1em 0;        
  font-size: 1.1em;     /* leggermente più grande per facilità di lettura */
}

/* Spaziatura e peso dei titoli */
.title h1, h1, h2, h3, h4, h5, h6 {
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-weight: 600;     /* titoli un po’ più “grassi” */
  line-height: 1.2;     /* compatto ma leggibile */
}
/* valori di margin/line-height dai temi Bear (felleura.css) :contentReference[oaicite:1]{index=1} */

/* Dimensioni specifiche dei titoli */
.title h1, h1 {
  font-size: 1.75em;    /* ~2.25rem */
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}

/* Rimuovo l’underline dal titolo linkato */
h1 a {
  text-decoration: none !important;
}

/* Colori link (mantengo i tuoi) */
a {
  color: #111;
}
a:visited {
  color: #222;
}

/* Link con underline più sottile e offset */
a {
  /* mantieni underline ma personalizza spessore, colore e offset */
  text-decoration-line: underline;
  text-decoration-color: rgba(17, 17, 17, 0.4);     /* semi-trasparente */
  text-decoration-thickness: 1px;                   /* spessore sottile */
  text-underline-offset: 0.25em;                    /* distanza dal testo */
  transition: text-decoration-color 0.2s ease;

}

a:hover {
  text-decoration-color: rgba(17, 17, 17, 1.0);     /* più visibile in hover */
}
/* Layout generale: centro il contenuto e limito la larghezza */
body {
  margin: 0 auto;
  padding: 32px;
  max-width: 720px;
  font-family:
    system-ui,           /* iOS/macOS */
    -apple-system,       /* Safari <13 */
    BlinkMacSystemFont,  /* Chrome Mac */
    "Segoe UI",          /* Windows */
    Roboto,              /* Android */
    Ubuntu,              /* Ubuntu */
    Cantarell,           /* GNOME */
    "Helvetica Neue",    /* vecchi Mac */
    sans-serif;          /* generico */  
  font-size: 17.5px;      /* ≈1.0938 rem */
  line-height: 1.5;      /* spaziatura comoda tra le righe */  
  color: #111;
}  
/* font-size e linea tratti da Bearblog.dev Styles :contentReference[oaicite:0]{index=0} */

/* Spaziatura dei paragrafi */
p {
  margin: 1em 0;        
  font-size: 1.1em;     /* leggermente più grande per facilità di lettura */
}

/* Spaziatura e peso dei titoli */
.title h1, h1, h2, h3, h4, h5, h6 {
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-weight: 600;     /* titoli un po’ più “grassi” */
  line-height: 1.2;     /* compatto ma leggibile */
}
/* valori di margin/line-height dai temi Bear (felleura.css) :contentReference[oaicite:1]{index=1} */

/* Dimensioni specifiche dei titoli */
.title h1, h1 {
  font-size: 1.75em;    /* ~2.25rem */
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}

/* Rimuovo l’underline dal titolo linkato */
h1 a {
  text-decoration: none !important;
}

/* Colori link (mantengo i tuoi) */
a {
  color: #111;
}
a:visited {
  color: #222;
}

/* Link con underline più sottile e offset */
a {
  /* mantieni underline ma personalizza spessore, colore e offset */
  text-decoration-line: underline;
  text-decoration-color: rgba(17, 17, 17, 0.4);     /* semi-trasparente */
  text-decoration-thickness: 1px;                   /* spessore sottile */
  text-underline-offset: 0.25em;                    /* distanza dal testo */
  transition: text-decoration-color 0.2s ease;

}

a:hover {
  text-decoration-color: rgba(17, 17, 17, 1.0);     /* più visibile in hover */
}