body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #27313a;
  color: #fff;
}

.container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  padding: 1rem 0;
}

section {
  padding: 1rem 0;
  text-align: left;
}

.section-logo {
  max-width: 120px;
  display: block;
  margin: 0 0 0.25rem 0;
}

h1 {
  font-size: 2.2rem;
  margin: 0 0 0.1rem 0;
  text-align: left;
}

/* Tight Spacing for Leadership Blocks */
.leadership-lines blockquote, 
.branch-xo {
  margin: 0;
  padding: 0;
}

.leadership-lines p,
.branch-xo p {
  margin: 0;
  line-height: 1.2;
  padding: 1px 0;
}

.team-count {
  margin: 0;
  font-size: 1rem;
  padding: 1px 0 8px 0;
}

/* Team Grid Layout */
.team-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1rem;
}

.team-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  transition: background-color 0.2s;
}

.team-block:hover { background-color: #4b5057; }

.lead-line {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 !important; /* Force tight alignment to info block */
  padding: 0;
}

/* Gap between Icon and Lead Name */
.team-icon {
  max-width: 110px;
  margin: 0 auto 10px auto !important; /* Exactly 10px gap below the icon */
}

.team-header-text {
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

.team-lead { font-weight: bold; }

/* Fixed tight spacing for raid info line */
.team-info-block {
  font-size: 0.85em;
  color: #99aab5;
  margin: 0 !important; /* stripped all margins */
  padding: 1px 0 0 0; /* Minimal top padding for visual separation */
  line-height: 1.2;
}

/* Lightbox Assist Pop-up */
.team-assists {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  z-index: 20;
}

.lead-line:hover .team-assists { display: block; }

/* Colors confirmed from style.css */
strong.chairmen-list { color: #99cc00; }
strong.xos-list { color: #33cc00; }
strong.sos-list { color: #00cc99; }

.team-block.black   .team-lead { color: #ffffff; }
.team-block.emerald .team-lead { color: #00a87a; }
.team-block.grey    .team-lead { color: #b5bac1; }
.team-block.orange  .team-lead { color: #ffa500; }
.team-block.pink    .team-lead { color: #ff6ec7; }
.team-block.purple  .team-lead { color: #a333c8; }
.team-block.teal    .team-lead { color: #00b5ad; }
.team-block.yellow  .team-lead { color: #fbbd08; }
.team-block.amethyst .team-lead { color: #a88bbd; }
.team-block.indigo   .team-lead { color: #cacae0; }
.team-block.wine     .team-lead { color: #722f37; }

.wow-section .branch-xo p { color: #00b2ff; }
.classic-section .branch-xo p { color: #fef31e; }