/* Le pagine pubbliche dei documenti: informativa, fornitori, sicurezza.
   Un foglio a parte e non style.css: quello porta con se' tutta
   l'applicazione, e queste pagine devono aprirsi leggere anche da un telefono
   con poca rete. I colori e i caratteri sono quelli del sito.
   Misure in rem: chi ingrandisce il testo del browser ingrandisce la pagina. */

@font-face {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/bricolage-grotesque-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/instrument-sans-latin.woff2) format('woff2');
}

:root {
  --primary: #1f326c;
  --primary-deep: #16244d;
  --accent: #034795;
  --accent-tint: #e1e9f2;
  --bg: #f5f5f5;
  --superficie: #ffffff;
  --dark: #1e1e1e;
  --mid: #4a4a4a;
  --border: #dcdcdc;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--dark);
  font-family: 'Instrument Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

.doc-testata {
  background: linear-gradient(135deg, var(--primary-deep), var(--primary));
  padding: 1rem;
}

.doc-marchio {
  color: #fff;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-decoration: none;
}

.doc {
  max-width: 44rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

.doc h1,
.doc h2 {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--primary);
  line-height: 1.25;
}

.doc h1 { font-size: 1.75rem; margin: 0 0 .25rem; }
.doc h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; }
.doc p { margin: 0 0 .75rem; }
.doc-data { color: var(--mid); font-size: .9375rem; }

.doc-bozza {
  background: var(--accent-tint);
  border-left: .25rem solid var(--accent);
  padding: .75rem 1rem;
  border-radius: .375rem;
}

.doc mark { background: #fff3b0; color: var(--dark); padding: 0 .125rem; }

.doc a { color: var(--accent); }
.doc a:focus-visible, .doc-marchio:focus-visible { outline: .1875rem solid var(--accent); outline-offset: .125rem; }

.doc-altri {
  margin-top: 2.5rem;
  border-top: 1px solid var(--border);
  padding-top: 1rem;
}
.doc-altri ul { list-style: none; margin: 0; padding: 0; }
.doc-altri li { margin: .5rem 0; }
.doc-altri a { display: inline-block; min-height: 2.75rem; line-height: 2.75rem; }