.interviews-wrap { max-width: 925px; margin: 22px auto 28px; padding: 0 16px; }
.interviews-wrap .intro { text-align: center; max-width: 62ch; margin: 0 auto 18px; }

/* Accordion cards */
.interview {
  background: #fcfcfb;
  border-radius: 14px;
  outline: 1px solid rgba(0,0,0,.04);
  border: 1px solid rgba(167,124,207,.18);
  box-shadow: 0 4px 12px rgba(70,56,104,.10);
  margin: 12px 0;
  overflow: hidden;
}
.interview + .interview { margin-top: 14px; }

.interview > summary {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  letter-spacing: .04em;
}
.interview > summary::-webkit-details-marker { display: none; }

.interview > summary .title { color: var(--title, #a77ccf); }
.interview > summary .meta {
  font-weight: 600;
  color: #555;
  opacity: .85;
  font-size: .85rem;
}

/* subtle hover/active */
.interview:hover {
  box-shadow: 0 10px 22px rgba(70,56,104,.16), 0 0 0 3px rgba(90,201,180,.08) inset;
}
.interview[open] > summary {
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* content body */
.interview .body {
  padding: 14px 16px 16px;
  line-height: 1.65;
  letter-spacing: .2px;
}
.interview .body p { margin: .6rem 0; }
.interview .body h3, .interview .body h4 { margin: 1rem 0 .4rem; }

.question-box {
    border: #eeeeee;
    padding: 10px;
    background-color: rgba(157,229,212,0.30);
    margin: 15px 0;
    border-radius: 6px;
    font-weight: bold;
	color: #3c3450;
	}
	
.answer {
    margin-left: 0;
	line-height: 1.6;
	}