.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;
}

/* ---------- VAISEF Footer ---------- */

.vaisef-footer{
background:#0E3A5D;
padding:40px 20px 20px;
color:#fff;
text-align:center;
}

.vaisef-container{
max-width:700px;
margin:auto;
}

.footer-title h3{
display:inline-block;
color:#D4AF37;
font-size:22px;
letter-spacing:2px;
font-weight:700;
margin-bottom:20px;
position:relative;
}

.footer-title h3:before,
.footer-title h3:after{
content:"";
position:absolute;
top:50%;
width:120px;
height:1px;
background:#D4AF37;
}

.footer-title h3:before{
right:115%;
}

.footer-title h3:after{
left:115%;
}

.footer-name{
font-size:22px;
font-weight:600;
margin-bottom:12px;
line-height:1.4;
}

.footer-address{
font-size:17px;
color:#d6dce5;
line-height:1.7;
margin-bottom:20px;
}

.footer-contact{
font-size:18px;
margin-bottom:30px;
}

.footer-contact a{
color:#D4AF37;
text-decoration:none;
font-weight:600;
}

.divider{
color:#6e8ba8;
padding:0 15px;
}

.footer-links{
border-top:1px solid rgba(255,255,255,.18);
border-bottom:1px solid rgba(255,255,255,.18);
padding:15px 0;
margin-bottom:20px;
}

.footer-links a{
color:#fff;
text-decoration:none;
margin:0 18px;
font-size:15px;
}

.footer-links a:hover{
color:#D4AF37;
}

.footer-copy{
color:#cbd7e3;
font-size:13px;
}

/* Mobile */

@media(max-width:768px){

.footer-title h3:before,
.footer-title h3:after{
display:none;
}

.footer-name{
font-size:18px;
}

.footer-address{
font-size:15px;
}

.footer-contact{
font-size:16px;
}

.footer-links a{
display:block;
margin:8px 0;
}

.divider{
display:none;
}

}

.vaisef-board {
background: #f7f9fb;
padding: 55px 24px;
font-family: Arial, Helvetica, sans-serif;
}

.board-wrap {
max-width: 1180px;
margin: 0 auto;
}

.vaisef-board h1 {
text-align: center;
color: #0E3A5D;
font-size: 42px;
margin-bottom: 12px;
}

.board-intro {
max-width: 850px;
margin: 0 auto 38px;
text-align: center;
color: #4c5b66;
font-size: 17px;
line-height: 1.7;
}

.board-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}

.board-card {
background: #ffffff;
border-left: 6px solid #D4AF37;
padding: 26px 24px;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.board-card h3 {
color: #0E3A5D;
font-size: 21px;
margin: 0 0 8px;
}

.board-card span {
display: block;
color: #C99000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .7px;
margin-bottom: 14px;
font-size: 14px;
line-height: 1.5;
}

.board-card p {
color: #23384d;
font-size: 15px;
line-height: 1.55;
margin: 0 0 8px;
}

@media(max-width:1000px) {
.board-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media(max-width:600px) {
.vaisef-board {
padding: 40px 18px;
}

.board-grid {
grid-template-columns: 1fr;
}

.vaisef-board h1 {
font-size: 32px;
}
}

.vaisef-about-page {
max-width: 1100px;
margin: 0 auto;
padding: 20px 24px 50px;
color: #243746;
font-family: Arial, sans-serif;
line-height: 1.7;
}

.about-hero {
background: linear-gradient(135deg, #12324a, #1f7f96);
color: #ffffff;
padding: 55px 45px;
border-radius: 18px;
margin-bottom: 35px;
}

.about-hero .eyebrow {
text-transform: uppercase;
letter-spacing: 2px;
color: #f4c542;
font-weight: 700;
font-size: 14px;
margin-bottom: 12px;
}

.about-hero h1 {
font-size: 38px;
line-height: 1.2;
margin: 0 0 18px;
color: #ffffff;
}

.about-hero p {
font-size: 18px;
max-width: 850px;
margin: 0;
}

.about-section,
.mission-card,
.commitment-card,
.nondiscrimination {
margin-bottom: 34px;
}

.about-section h2,
.mission-card h2,
.commitment-card h2,
.nondiscrimination h2 {
color: #12324a;
font-size: 28px;
margin-bottom: 14px;
}

.about-section p,
.mission-card p,
.commitment-card p,
.nondiscrimination p {
font-size: 16px;
margin-bottom: 14px;
}

.mission-card,
.commitment-card {
background: #f6f9fb;
border-left: 6px solid #1f7f96;
padding: 28px 30px;
border-radius: 12px;
}

.about-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
margin-top: 22px;
}

.about-card {
background: #ffffff;
border: 1px solid #dfe8ed;
border-radius: 14px;
padding: 24px;
box-shadow: 0 6px 18px rgba(18, 50, 74, 0.08);
}

.about-card h3 {
color: #1f7f96;
font-size: 21px;
margin-top: 0;
margin-bottom: 10px;
}

.about-card p {
margin-bottom: 0;
}

.about-list {
columns: 2;
column-gap: 40px;
padding-left: 22px;
margin-top: 12px;
}

.about-list li {
margin-bottom: 10px;
break-inside: avoid;
}

.nondiscrimination {
font-style: italic;
background: #ffffff;
border-top: 1px solid #dfe8ed;
padding-top: 24px;
}

@media screen and (max-width: 768px) {
.vaisef-about-page {
padding: 15px;
}

.about-hero {
padding: 38px 26px;
border-radius: 14px;
}

.about-hero h1 {
font-size: 30px;
}

.about-grid {
grid-template-columns: 1fr;
}

.about-list {
columns: 1;
}
}