/* Andrea Castellana: pagine pubbliche di listmonk. Solo font di sistema, nessuna risorsa esterna. */
body {
  background: #F6F7FB;
  color: #1B2433;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}
a { color: #2D5BFF; text-decoration-color: rgba(45, 91, 255, 0.35); text-underline-offset: 2px; }
a:hover { color: #0B1530; text-decoration-color: currentColor; }
a:focus-visible, .button:focus-visible { outline: 2px solid #2D5BFF; outline-offset: 2px; }
h2, h3 { color: #0B1530; font-weight: 700; line-height: 1.3; }
label { color: #1B2433; }

.wrap { background: #fff; border: 1px solid #E2E6EF; border-radius: 16px; box-shadow: none; }

/* Testata: banda blu notte e marchio scritto al posto del logo. */
.header { background: #0B1530; margin: -40px -40px 32px; padding: 22px 40px; border-bottom: 0; border-radius: 15px 15px 0 0; }
.header .logo a { display: inline-block; text-decoration: none; }
.header .logo img { display: none; }
.header .logo a::before, .header .logo a::after { display: block; line-height: 1.2; }
.header .logo a::before { content: "ANDREA CASTELLANA"; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.22em; }
.header .logo a::after { content: "AGENZIA PUBBLICITARIA"; margin-top: 5px; color: #AEB8CE; font-size: 10px; font-weight: 600; letter-spacing: 0.34em; }

input[type="text"], input[type="email"], input[type="password"] {
  border: 1px solid #CBD2E0; border-radius: 10px; box-shadow: none; color: #1B2433;
}
input:focus { border-color: #2D5BFF; outline: 2px solid rgba(45, 91, 255, 0.25); outline-offset: 0; }
input[type="checkbox"], input[type="radio"] { accent-color: #2D5BFF; }

.button { background: #2D5BFF; color: #fff; border-radius: 999px; font-weight: 700; }
.button:hover { background: #0B1530; color: #fff; }
.button.button-outline { background: #fff; border: 1px solid #2D5BFF; color: #2D5BFF; }
.button.button-outline:hover { background: #0B1530; border-color: #0B1530; color: #fff; }

.error { color: #B42318; }
.lists .description, .archive .date { color: #5A6680; }
footer.container, footer a { color: #5A6680; }
footer a:hover { color: #0B1530; }

@media screen and (max-width: 650px) {
  .wrap { border-radius: 0; border-left: 0; border-right: 0; }
  .header { margin: -30px -30px 24px; padding: 20px 30px; border-radius: 0; }
}