/* esper.to — stile del sito. Nessun font, script o risorsa caricati da altri siti. */
@font-face {
  font-family: "Inter Tight";
  src: url("intertight.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --antracite: #1A2233;
  --testo-2: #475569;
  --fondo: #E3ECF8;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fondo);
  color: var(--antracite);
  font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 11pt;
  font-weight: 400;
  line-height: 1.5;
}
h1, h2, strong, b, dt { font-weight: 400; }
h1, h2 { font-size: 11pt; margin: 0; }
p { margin: 0; }
a { color: var(--antracite); }
.pagina { max-width: 640px; margin: 0 auto; padding: 40px 16px; }
.marchio { display: inline-block; margin-bottom: 14px; }
.marchio img { display: block; height: 22px; width: auto; }
.blocco { margin-top: 14px; }
.blocco h2 { color: var(--testo-2); }
.blocco p + p { margin-top: 8px; }
dl { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 0 16px; }
dt { color: var(--testo-2); }
dd { margin: 0; }
ul { margin: 0; padding-left: 1.2em; }
.lingua { margin: 4px 0 14px; color: var(--testo-2); }
.lingua a { color: var(--testo-2); }
.piede { margin-top: 14px; color: var(--testo-2); }
.piede a { color: var(--testo-2); }
@media (max-width: 520px) {
  dl { grid-template-columns: 1fr; }
  dt { margin-top: 6px; }
}