.member-hero{
background:#003B73;
color:#fff;
padding:30px;
border-radius:10px;
text-align:center;
margin-bottom:30px;
}

.member-hero h1{
color:#fff;
font-size:30px;
margin:0;
}

.member-hero p{
font-size:15px;
margin-top:10px;
}

.member-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:25px;
}

.member-card{
background:#fff;
border:1px solid #d8e3ef;
border-left:5px solid #63A8DD;
border-radius:10px;
padding:20px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.member-card h2{
font-size:20px;
color:#003B73;
margin-top:0;
}

.member-card p{
font-size:14px;
color:#555;
}

.member-card a{
display:inline-block;
margin-top:10px;
background:#63A8DD;
color:#fff!important;
padding:10px 18px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.member-card a:hover{
background:#003B73;
}

.member-callout{
background:#F5FAFD;
border-radius:10px;
padding:25px;
text-align:center;
margin-top:30px;
}

.member-callout h2{
color:#003B73;
font-size:22px;
}

.member-callout p{
font-size:14px;
}
.site-announcement{
background:#FFF8E5;
border-left:6px solid #F0AD00;
padding:18px 22px;
margin-bottom:25px;
border-radius:8px;
font-size:14px;
line-height:1.5;
color:#444;
}

.site-announcement strong{
font-size:18px;
color:#003B73;
}

.home-hero{
background:#003B73;
color:#fff;
padding:42px 35px;
border-radius:12px;
text-align:center;
margin-bottom:30px;
}

.home-hero h1{
color:#fff;
font-size:34px;
margin:0 0 8px 0;
}

.home-hero h2{
color:#fff;
font-size:22px;
font-weight:500;
margin:0 0 15px 0;
}

.home-hero p{
font-size:15px;
max-width:850px;
margin:0 auto 22px auto;
line-height:1.6;
}

.home-button{
display:inline-block;
background:#63A8DD;
color:#fff!important;
padding:10px 18px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
margin:5px;
font-size:14px;
}

.home-button.secondary{
background:#fff;
color:#003B73!important;
}

.home-section,
.home-mission{
background:#F5FAFD;
border:1px solid #d8e3ef;
border-radius:10px;
padding:24px;
margin-bottom:25px;
}

.home-section h2,
.home-mission h2{
color:#003B73;
font-size:24px;
margin-top:0;
}

.home-section p,
.home-mission p{
font-size:14px;
line-height:1.6;
color:#444;
}

.home-mission{
text-align:center;
background:#fff;
border-left:5px solid #63A8DD;
}

.home-mission p{
font-size:16px;
font-weight:600;
color:#003B73;
}

.home-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin:25px 0;
}

.home-card{
background:#fff;
border:1px solid #d8e3ef;
border-left:5px solid #63A8DD;
border-radius:10px;
padding:22px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.home-card h2{
font-size:21px;
color:#003B73;
margin-top:0;
}

.home-card p{
font-size:14px;
color:#555;
line-height:1.5;
}

.home-card a,
.home-callout a{
display:inline-block;
margin-top:10px;
background:#63A8DD;
color:#fff!important;
padding:10px 18px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

.home-callout{
background:#003B73;
color:#fff;
border-radius:10px;
padding:30px;
text-align:center;
margin-top:25px;
}

.home-callout h2{
color:#fff;
font-size:25px;
margin-top:0;
}

.home-callout p{
font-size:15px;
}
/* Non-Discrimination & Accessibility */

.nondiscrimination{
margin-top:40px;
padding:35px;
background:#F8FBFD;
border-top:5px solid #63A8DD;
border-radius:10px;
color:#444;
line-height:1.7;
}

.nondiscrimination h2{
color:#003B73;
font-size:24px;
margin-top:0;
margin-bottom:20px;
}

.nondiscrimination h3{
color:#003B73;
font-size:18px;
margin-top:25px;
margin-bottom:10px;
}

.nondiscrimination p{
font-size:14px;
margin-bottom:15px;
}

@media screen and (max-width:768px){

.nondiscrimination{
padding:25px;
}

.nondiscrimination h2{
font-size:20px;
}

.nondiscrimination h3{
font-size:17px;
}

.nondiscrimination p{
font-size:13px;
}

}
home-hero a {
display: inline-block !important;
background: #ffffff !important;
color: #003B73 !important;
padding: 10px 18px !important;
margin: 5px !important;
border-radius: 6px !important;
text-decoration: none !important;
font-weight: bold !important;
font-size: 14px !important;
}

.home-hero a:first-of-type {
background: #63A8DD !important;
color: #ffffff !important;
}

.home-hero a:hover {
background: #63A8DD !important;
color: #ffffff !important;
}

.memo-hero{
background:#003B73;
color:white;
padding:32px;
border-radius:12px;
text-align:center;
margin-bottom:25px;
}

.memo-hero h1{
color:white;
font-size:30px;
margin:0 0 10px;
}

.memo-hero p{
font-size:15px;
margin:0;
}

.memo-card{
background:white;
border:1px solid #d8e3ef;
border-left:5px solid #63A8DD;
border-radius:10px;
padding:24px;
margin-bottom:25px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.memo-card h2{
color:#003B73;
font-size:22px;
margin-top:0;
}

.memo-card p{
font-size:14px;
line-height:1.6;
color:#444;
}