/* Global font */ body { font-family: 'Inter', Calibri, Arial, sans-serif; margin: 0; }
/* Header */ 
header 
{ 
background: #004080; 
color: #fff; 
padding: 1rem; 
text-align: 
center; 
position: relative; 
z-index: 2000; 
} 
/* Header container: logo left, nav right */
.header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
} 
table.impact-policies td:first-child { 
width: 220px; /* adjust as needed */ 
font-weight: bold; /* optional: makes sector labels pop */ 
} 
table.impact-policies {
border-collapse: separate; 
border-spacing: 0 12px; /* adds vertical gap between rows */ 
width: 100%; 
} 
table.impact-policies th {
background-color: #004080; /* strong header color */ 
color: #fff; 
text-align: left; 
padding: 10px; 
font-weight: 700; 
} 
table.impact-policies td { 
padding: 10px; 
} 
table.impact-policies td:first-child { 
width: 220px; /* wider sector column */ 
font-weight: bold; 
} 
table.impact-policies tr { 
background-color: #f9f9f9; 
} 
table.impact-policies tr:nth-child(even) { 
background-color: #ffffff; 
} 
table.impact-policies tr:hover { 
background-color: #eef6ff; 
}
/* Logo */ 
.logo-container { 
margin-bottom: 1rem; 
} 
/* Logo */ 
.logo {
  max-height: 120px; /* was 80px */
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/* Mobile-friendly table */ 
@media (max-width: 600px) {
table.impact-policies, 
table.impact-policies thead, 
table.impact-policies tbody, 
table.impact-policies th, 
table.impact-policies td, 
table.impact-policies tr {
display: block; 
width: 100%; 
} 
/* Hide table headers */ 
table.impact-policies thead {
display: none; 
}
/* Each row becomes a card */ 
table.impact-policies tr {
margin-bottom: 1rem; 
background-color: #f9f9f9; 
border: 1px solid #ddd; 
border-radius: 6px; 
padding: 0.75rem; 
}
/* Each cell stacks with a label */ 
table.impact-policies td {
padding: 0.5rem 0; 
text-align: left; 
position: relative; 
} 
/* Add labels before each cell */ 
table.impact-policies td:first-child::before {
content: "Sector: "; 
font-weight: bold; 
color: #004080; 
} 
table.impact-policies td:nth-child(2)::before {
content: "Engagement Example: "; 
font-weight: bold; 
color: #004080; 
} 
} 
/* Profile block */
.profile-block {
display: flex; 
flex-wrap: wrap; 
align-items: 
flex-start; 
gap: 2rem; 
}
.profile-block img { 
max-width: 250px; 
border-radius: 6px; 
}
/* Navigation */
.nav ul {
list-style: none; 
margin: 0; 
padding: 0; 
display: flex; 
gap: 20px; 
}
.nav a {
  text-decoration: none;
  font-weight: 600;
  color: #fff; /* white links on blue header */
  font-size: 1.05rem;
  padding: 0.75rem 1.25rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.nav a:hover,
.nav a.active {
  text-decoration: underline;
  background-color: rgba(255,255,255,0.15);
  border-radius: 4px;
}
nav ul li a:hover {
background-color: rgba(255,255,255,0.15); 
border-radius: 4px; 
text-decoration: underline; 
}
nav ul li a.active {
font-weight: 700; 
text-decoration: underline; 
background-color: rgba(255,255,255,0.15); /* subtle glow */ 
color: #fff; 
border-radius: 4px; 
}
/* Wrapper with media query */
@media (max-width: 768px) {
.wrapper {
padding: 0 20px; 
}
}
/* Hamburger toggle button (hidden on desktop) */
.nav-toggle {
  display: none;
  font-size: 2rem;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

/* Mobile styles */
@media (max-width: 768px) {
  .nav ul {
    display: none; /* hide menu by default */
    flex-direction: column;
    align-items: center;
    background: #004080;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    padding: 0;
  }

  .nav ul.active {
    display: flex; /* show menu when toggled */
    padding: 1rem 0;
  }

  .nav-toggle {
    display: block; /* show hamburger */
  }

  .nav a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.75rem 1rem;
  }
}

/* Wrapper for generous margins */
.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 80px;
}

@media (max-width: 768px) {
  .wrapper {
    padding: 0 20px;
  }
}

/* Hero section */
.hero {
  text-align: center;
  padding: 2rem 1rem;
  background: #e0e0e0;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #004080;
}

.hero p {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-top: 0.5rem;
  color: #000;
  font-style: italic;
}

/* Profile block */
.profile-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
}

.profile-block img {
  max-width: 250px;
  border-radius: 6px;
}

/* Impact policies table */
table.impact-policies {
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
}

table.impact-policies th {
  background-color: #004080;
  color: #fff;
  text-align: left;
  padding: 10px;
  font-weight: 700;
}

table.impact-policies td {
  padding: 10px;
}

table.impact-policies td:first-child {
  width: 220px;
  font-weight: bold;
}

table.impact-policies tr {
  background-color: #f9f9f9;
}

table.impact-policies tr:nth-child(even) {
  background-color: #ffffff;
}

table.impact-policies tr:hover {
  background-color: #eef6ff;
}

/* Mobile-friendly table */
@media (max-width: 600px) {
  table.impact-policies,
  table.impact-policies thead,
  table.impact-policies tbody,
  table.impact-policies th,
  table.impact-policies td,
  table.impact-policies tr {
    display: block;
    width: 100%;
  }

  table.impact-policies thead {
    display: none;
  }

  table.impact-policies tr {
    margin-bottom: 1rem;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.75rem;
  }

  table.impact-policies td {
    padding: 0.5rem 0;
    text-align: left;
    position: relative;
  }

  table.impact-policies td:first-child::before {
    content: "Sector: ";
    font-weight: bold;
    color: #004080;
  }

  table.impact-policies td:nth-child(2)::before {
    content: "Engagement Example: ";
    font-weight: bold;
    color: #004080;
  }
}

/* Footer */
footer {
  background: #e6e6e6;
  border-top: 2px solid #ccc;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  color: #333;
}