/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/* Email links - PA Accessibility Standards: underlined with contrasting hover */
a[href^="mailto:"],
.email-link,
.email-link:link,
.email-link:visited {
    color: #AD051B; /* Comune di Palermo primary red */
    text-decoration: underline;
    text-underline-offset: 2px;
}

a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus,
.email-link:hover,
.email-link:focus {
    color: #8B0416; /* Darker red for contrasting hover */
    text-decoration: underline;
    text-decoration-thickness: 2px;
    background-color: rgba(173, 5, 27, 0.1); /* Light red background on hover */
}

/* Title (H1) - matching landing page styling */
h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1rem 0;
}

/* Intro Paragraph - positioned immediately below H1 */
h1 + p {
    font-size: 18px;
}

/* Body Text - all standard paragraphs */
p {
    font-size: 18px;
}

/* Mobile Responsive Styles */
@media screen and (max-width: 1345px) {
    h1 {
        font-size: 40px;
    }
    
    h1 + p {
        font-size: 16px;
    }
    
    p {
        font-size: 16px;
    }
}