.people-index { max-width: 76rem; margin-inline: auto; }
.people-index p { max-width: 80ch; }
.people-notice { border-inline-start: .25rem solid #7c5729; padding: .75rem 1rem; background: #faf4e8; color: #302719; }
.people-name-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr)); gap: .65rem 1.5rem; padding-inline-start: 1.5rem; }
.people-name-list li span { display: block; color: #4f4a43; font-size: .9em; }
.people-index form { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin-block: 1.5rem; }
.people-index input,.people-index select,.people-index button { font: inherit; min-height: 2.75rem; max-width: 100%; padding: .35rem .55rem; }
.people-index [role="status"] { flex-basis: 100%; margin: 0; }
.people-index details { margin-block: 1rem; }
.people-index summary { cursor: pointer; padding-block: .6rem; }
.people-index :focus-visible,.people-chips :focus-visible { outline: 3px solid #65531a; outline-offset: 3px; }
.people-index [hidden] { display: none !important; }
.people-document-list { padding-inline-start: 1.75rem; }
.people-document-list > li { margin-block: 2rem; }
.people-context { border-block-start: 1px solid #c8bda9; padding-block: .75rem; }
.people-context blockquote { margin: 1rem 0; padding-inline-start: 1rem; border-inline-start: .2rem solid #a28b63; white-space: pre-wrap; overflow-wrap: anywhere; }
.people-context blockquote p { max-width: 80ch; font-family: Georgia,Ethiopic,serif; line-height: 1.8; }
.people-index code { overflow-wrap: anywhere; white-space: normal; }
.people-index dd { margin-inline-start: 1rem; }
.people-chips ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.people-chips a { display: inline-block; border: 1px solid #8a7959; border-radius: .3rem; padding: .3rem .65rem; }
@media(max-width: 40rem) { .people-index form { display: block; } .people-index form label,.people-index form input,.people-index form select { display: block; width: 100%; margin-block: .5rem; } .people-index form button { margin-block: .75rem; } }