:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0 auto; padding: 20px 18px 56px; max-width: 40rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px; line-height: 1.62; color: #14161a; background: #fff; word-wrap: break-word; }
header.sito { border-bottom: 2px solid #14161a; padding-bottom: 14px; margin-bottom: 26px; }
.marchio { font-size: 15px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; margin: 0 0 6px; }
h1 { font-size: 27px; line-height: 1.22; margin: 0; }
h2 { font-size: 21px; line-height: 1.3; margin: 34px 0 10px; }
p, li { margin: 0 0 14px; }
ul { padding-left: 22px; }
a { color: #14161a; }
.rilievo { border: 3px solid #14161a; border-radius: 10px; padding: 16px 16px 4px; margin: 20px 0; }
.rilievo h2 { margin-top: 0; }
.lingua { font-size: 15px; margin: 0 0 18px; }
footer { margin-top: 44px; border-top: 2px solid #14161a; padding-top: 18px; font-size: 15px; color: #2b2f36; }
footer p { margin: 0 0 10px; }
@media (prefers-color-scheme: dark) {
  body { color: #f1f2f4; background: #14161a; }
  header.sito, footer, .rilievo { border-color: #f1f2f4; }
  a { color: #f1f2f4; } footer { color: #c9ccd2; }
}