/* Target the actual wrapper that exists */
.field__items {
  display: block;
  width: 100%;
  margin: 20px 0;
}

/* Each field__item is a row wrapper */
.field__item {
  display: block;
  margin-bottom: 0;
}

/* The layout wrapper for each row */
.layout--threecol-33-34-33 {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* Each layout region becomes a table cell */
.layout__region {
  display: table-cell;
  border: 1px solid #ddd;
  padding: 10px 15px;
  vertical-align: middle;
}

/* Adjust column widths */
.layout__region--first {
  width: 50% !important;
}

.layout__region--second {
  width: 25% !important;
}

.layout__region--third {
  width: 25% !important;
}

/* Remove extra spacing from fields inside cells */
.layout__region .field {
  margin: 0;
}

/* Alternate row colors */
.field__item:nth-child(even) .layout--threecol-33-34-33 {
  background-color: #f9f9f9;
}

/* Hover effect */
.field__item:hover .layout--threecol-33-34-33 {
  background-color: #f0f0f0;
  transition: background-color 0.2s;
}

/* Center and style the name fields at the top */
.field--name-field-first-name,
.field--name-field-last-name,
.field--name-field-nickname {
  display: inline-block;
  font-size: 2.5em;
  font-weight: bold;
  margin: 0 8px;
}

/* Hide the labels for name fields */
.field--name-field-first-name .field__label,
.field--name-field-last-name .field__label,
.field--name-field-nickname .field__label {
  display: none;
}

/* Center the name fields - target the Content region */
.layout__region--content {
  text-align: center;
}

/* But reset text-align for other fields after the names */
.layout__region--content .field:not(.field--name-field-first-name):not(.field--name-field-last-name):not(.field--name-field-nickname) {
  text-align: left;
}

/* Add a separator line after the name section */
.field--name-field-nickname {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 3px solid #333;
}

/* Keep table rows tight - override for anything inside field__items */
.field__items,
.field__items * {
  margin-bottom: 0 !important;
}

/* Add space before field labels (section headings) */
.field__label {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

/* But remove it from the first field label so there's no space at the very top */
.field:first-child .field__label {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}