body.archive.post-type-archive-people {
background-color: #ffffff;
} .people-archive {
max-width: 1000px;
margin: 60px auto;
padding: 0 20px;
background: #ffffff;
}
.people-archive h1 {
text-align: center;
margin-bottom: 40px;
font-size: 2.2rem;
font-weight: 600;
} .people-letter {
margin-top: 40px;
margin-bottom: 10px;
font-size: 1.6rem;
font-weight: 700;
display: inline-block;
} .person-name a {
text-decoration: none;
color: #111;
font-weight: 500;
font-size: 1.1rem;
transition: color 0.2s ease;
}
.person-name a:hover {
color: #666;
}
.people-list {
column-count: 3;
column-gap: 40px;
}
.person-name,
.people-letter {
display: block;
break-inside: avoid; margin-bottom: 6px;
}
@media (max-width: 1024px) {
.people-list { column-count: 2; }
}
@media (max-width: 768px) {
.people-list { column-count: 1; }
}