/* DiSolito.it — piccole regole della pagina, sopra il kit (tokens.css e componenti.css restano intatti). */
html, body { margin: 0; }
body { background: var(--surface); color: var(--ink); font-family: var(--font-sans); }
.ds-page { min-height: 100vh; }

/* ---------- Solo telefono ---------- */
@media (max-width: 767px) {
  /* i sottotitoli lunghi vanno a capo invece di finire con i puntini ("…WeR…") */
  .ds-link__sub { white-space: normal; }
  /* la bio usa anche il margine laterale, così "DJ set, programmi radio, viaggi in gruppo." sta su una riga */
  .ds-profile__bio { max-width: none; margin-inline: calc(var(--space-4) * -1); }
}

/* ---------- Solo computer ---------- */
@media (min-width: 768px) {
  /* su schermi larghi il nome usa display-xl, come indica il design system */
  .ds-profile__name { font-size: 88px; line-height: .92; }
}