/* Reset and base layout */
body {
	font-family: 'Merriweather', serif;
	background: #000; /* Black background beyond container */
	color: #222;
	margin: 0;
	padding: 0;
  }
  
  .wrapper {
	max-width: 1200px;
	margin: 0 auto;
  }
  
  /* Remove/avoid global centering on .name */
  .name {
	text-align: left;   /* or just delete the old text-align rule */
  }
  
  /* Center only the name blocks inside person cards */
  .person-card .name {
	text-align: center;
  }
  
  /* Make the affiliation smaller + centered + on new line (only inside cards) */
  .person-card .name .aff {
	display: block;
	font-size: 0.85em;
	line-height: 1.2;
	text-align: center;
  }

  /* Navigation bar */
  nav {
	background: #e29c7a;
	padding: 0.5em 1em;
	max-width: 1200px;
	margin: 0 auto;
  }
  .nav-bar {
	display: flex;
	align-items: center; /* vertically center */
	gap: 12px; /* space between links and icon */
	flex-wrap: wrap; /* wrap on smaller screens */
  }
  
  .nav-links a {
	margin-right: 12px; /* spacing between nav links */
	text-decoration: none;
	font-weight: 500;
	/* font-family:  sans-serif; */
	font-weight: bold;
  }
  
  .nav-icon {
	height: 30px; /* or whatever size fits best */
  }

  .radio-lab-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  .radio-lab-subtitle {
	font-size: 1.1em;
	color: #555;
	margin-top: 5px;
  }
  
  .lab-icon {
	  height: 100px;
	margin-left: 20px;
  }
  
  .radio-lab-group {
	display: inline-flex;
	align-items: center;
	gap: 0px; /* Adjust this value to control spacing */
  }
  

  nav a {
	color: white!important;
	margin-right: 1.2em;
	text-decoration: none;
	font-weight: bold;
  }

  nav a:hover {
	text-decoration: underline;
  }
 
  
  /* Main content container */
  .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2em 1.5em;
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  }
  
  strong {
	font-family:  sans-serif;
	font-weight: bold;
	color: #111;          /* darker color */
	font-size: 1.05em;     /* slightly larger */
  }
  /* Typography and layout */
  h1, h2 {
	font-family: 'Roboto', sans-serif;
	color: #7676A4;
  }
  
  .photo {
	float: right;
	margin-left: 20px;
	border-radius: 6px;
	max-width: 260px;
  }
  
  .clear {
	clear: both;
  }
  
  a:link { 
	color:#337ab7; 
	text-decoration:none; 
	} 
	
	a:hover { 
	color:#337adf; 
	text-decoration:underline; 
	} 
	
	a:visited { 
	color:#337ab7; 
	text-decoration:none; 
	} 
	
  ul {
	padding-left: 1.2em;
	line-height: 1.6;
  }
  
  p {
	line-height: 1.7;
  }
  
  hr {
	margin-top: 2em;
  }
  
  .person-card {
	text-align: left;
	margin: 2rem;
	display: flex;
	align-items: center;
	gap: 1rem;
  }
  
  .person-card img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .person-card .name {
	font-size: 1.1rem;
	/* font-weight: bold; */
	color: #337ab7;
	font-family: 'Merriweather', serif;
  }