/* Page styling */
body {
  background-color: #f8f9fa;   /* same as homepage */
  font-family: Arial, sans-serif;
  color: #333333;
  margin: 0;
  padding: 20px;
  line-height: 1.6;
}

/* Headings */
h1, h2, h3 {
  color: #2c3e50;   /* same as homepage */
}

h1 {
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 2px solid #d8c7b8;
  padding-bottom: 10px;
}

/* Shared card styling */
.definestatement,
.affinitymap,
.povstatement,
.persona {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 2px solid #f8f9fa;
  border-radius: 12px;
  padding: 25px;
  margin-bottom: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* Paragraph spacing */
p {
  margin-bottom: 15px;
}

/* Lists */
ol, ul {
  margin-left: 20px;
  margin-bottom: 15px;
}

li {
  margin-bottom: 8px;
}

/* Section subheadings */
h3 {
  margin-top: 15px;
}

/* Persona emphasis */
.persona li {
  margin-bottom: 12px;
}

/* Quote styling */
.persona em {
  display: block;
  margin-top: 8px;
  font-style: italic;
  color: #555;
  border-left: 4px solid #d8c7b8;
  padding-left: 10px;
}

/* Responsive width */
@media (min-width: 900px) {
  body {
    max-width: 1000px;
    margin: auto;
  }
}