/* SICLI corporate appearance. Logo and icons sourced from sicli.it. */
:root { --sicli-red: #b81220; --sicli-dark: #8e0d18; }
body { background: #f4f5f6; color: #25272b; border-top: 5px solid var(--sicli-red); }
.container { margin-top: 42px; }
.wrap { border: 1px solid #e1e3e6; border-radius: 8px; box-shadow: 0 8px 28px rgba(30,35,40,.06); }
.header { display: flex; align-items: center; gap: 24px; padding-bottom: 24px; border-bottom-color: #e5e5e5; }
.header .logo img { display: block; width: 150px; max-width: 100%; height: auto; }
.header::after { content: "Newsletter SICLI"; font-size: 1rem; font-weight: 600; color: #50545a; }
h1, h2, h3 { color: #25272b; font-weight: 600; }
a { color: var(--sicli-red); text-decoration-color: #e5a5ab; }
a:hover { color: var(--sicli-dark); }
.button { background: var(--sicli-red); border-radius: 5px; font-weight: 600; }
.button:hover { background: var(--sicli-dark); }
.button.button-outline { color: var(--sicli-red); border-color: var(--sicli-red); }
.button.button-outline:hover { background: var(--sicli-dark); border-color: var(--sicli-dark); color: #fff; }
input[type=text], input[type=email], input[type=password], select { border-radius: 5px; border-color: #c9cdd2; }
input:focus, select:focus { border-color: var(--sicli-red); outline: 2px solid #f0c5c9; outline-offset: 1px; }
input[type=checkbox], input[type=radio] { accent-color: var(--sicli-red); }
.button:focus-visible, a:focus-visible { outline: 3px solid #ec9ca3; outline-offset: 3px; }
.lists .description { color: #656a71; }
footer.container, footer a { color: #656a71; }
@media (max-width: 650px) {
 .container { margin: 24px 16px 16px; }
 .wrap { padding: 28px 24px; }
 .header { gap: 18px; }
 .header .logo img { width: 120px; }
 .header::after { font-size: .875rem; }
 footer.container { margin: 24px 16px; }
}
@media (max-width: 360px) { .header::after { display: none; } }