.people-page { max-width: 1000px; padding: 42px 24px 100px; margin: auto; }
.people-heading h1,.member-identity h1 { color: #e8d5b2; font-size: clamp(2rem,4vw,3rem); line-height: 1.2; }
.people-heading p:last-child { margin: 10px 0 25px; color: #b9aa94; }
.people-search-label { display: block; margin-bottom: 8px; color: #d7c29f; font-weight: bold; }
#people-search { width: 100%; padding: 14px 16px; border: 1px solid #80613c; border-radius: 6px; background: #15120f; color: #f0e4ce; font: inherit; }
#people-search:focus { outline: 2px solid #b58a4c; outline-offset: 2px; }
#people-message,#member-message,#following-message { margin: 18px 0; color: #baa88d; }
.people-list { display: grid; gap: 12px; }
.people-card,.member-banner,.member-about,.member-saga { border: 1px solid #684b2d; border-radius: 6px; background: rgba(15,12,9,.94); }
.people-card { display: flex; align-items: center; gap: 15px; padding: 16px; }
.people-card-main { flex: 1; min-width: 0; }
.people-card-main a { color: #e7cc9e; font-size: 1.1rem; font-weight: bold; text-decoration: none; }
.people-card-main a:hover,.member-saga a:hover { text-decoration: underline; }
.people-card-main p { color: #b9aa94; overflow-wrap: anywhere; }
.people-bio { margin-top: 4px; font-size: .9rem; }
.people-avatar,.member-avatar { display: flex; flex: none; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #a27a41; border-radius: 50%; background: #302316; color: #e4c58f; font-size: 1.4rem; }
.people-avatar { width: 58px; height: 58px; }.member-avatar { width: 128px; height: 128px; font-size: 3rem; }
.people-avatar img,.member-avatar img { width: 100%; height: 100%; object-fit: cover; }
.follow-button { padding: 10px 16px; border: 1px solid #b58a4c; border-radius: 4px; background: #6b491f; color: #fff1d2; font: inherit; cursor: pointer; white-space: nowrap; }
.follow-button:hover { background: #8b602b; }.follow-button:disabled { opacity: .6; cursor: wait; }
.follow-button.is-following { background: transparent; color: #d5b989; }
.following-section { margin-top: 45px; }.following-section h2,.member-about h2 { margin-bottom: 18px; color: #e8d5b2; }
.back-link { display: inline-block; margin-bottom: 22px; color: #d5b989; text-decoration: none; }
.member-banner { display: flex; align-items: center; gap: 26px; padding: 28px; }.member-identity { flex: 1; min-width: 0; }
#member-username,#member-joined,#member-counts { color: #baa88d; }.member-about { margin-top: 20px; padding: 24px; }#member-bio { white-space: pre-wrap; }
.member-sagas { display: grid; gap: 16px; }.member-saga { padding: 20px; }.member-saga h3 a { color: #e7cc9e; text-decoration: none; }
.member-saga p { margin-top: 8px; color: #b9aa94; white-space: pre-wrap; }.member-saga-photo { display: block; width: min(100%,240px); height: 140px; margin-top: 12px; border-radius: 4px; object-fit: cover; }
@media(max-width:640px){.people-card { flex-wrap: wrap; }.people-card .follow-button { margin-left: 73px; }.member-banner { flex-wrap: wrap; }.member-banner .follow-button { width: 100%; }.site-header nav { gap: 12px; }}

.people-avatar { text-decoration: none; }
.people-avatar:hover,.people-avatar:focus-visible { outline: 2px solid #e7cc9e; outline-offset: 3px; }
.remove-follower { background: transparent; color: #d9aa9a; border-color: #8b5548; }
.remove-follower:hover { background: #513025; }
.member-saga-gallery { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.member-saga-gallery a { display: block; }
.people-library-link { padding: 6px; font-size: 1.4rem; text-decoration: none; }
.people-library-link:hover { transform: scale(1.12); }
.member-saga-gallery .member-saga-photo { margin: 0; width: 140px; height: 110px; }