.voice-box { border: 1px solid #ddd; border-radius: 12px; padding: 18px; margin: 18px 0; background: #f7f6f2; }
.voice-box h3 { margin: 0 0 12px; font-size: 20px; }
.voice-box ul,.voice-profiles { list-style: none; padding: 0; }
.voice-box li { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid #ddd; }
.voice-box p { margin: 5px 0; font-size: 14px; line-height: 1.5; }
.voice-avatar { width: 48px; height: 48px; flex: 0 0 48px; object-fit: cover; border-radius: 50%; background: #e4e1da; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; }
.voice-profile { max-width: 800px; margin: 24px auto; padding: 0 16px; }
.voices-register .voices-add { margin: 10px 0; border: 1px solid #d9dde2; border-radius: 8px; padding: 10px 14px; }
.voices-add summary { cursor: pointer; font-weight: 600; }
.voices-quick-form,.voices-link-form { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.voices-quick-form label { flex: 1 1 155px; min-width: 0; }
.voices-link-form label { flex: 1 1 320px; }
.voices-register label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; }
.voices-register input,.voices-filter input { width: 100%; min-height: 34px; padding: 6px 9px; border: 1px solid #c7ccd3; border-radius: 5px; font: inherit; }
.voices-register select,.voices-filter select { width: 100%; min-height: 34px; padding: 6px 9px; border: 1px solid #c7ccd3; border-radius: 5px; font: inherit; background: white; }
.voices-register .button { min-height: 34px; padding: 6px 14px; font-size: 13px; }
.voices-filter { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; margin: 20px 0 10px; }
.voices-filter label { width: 190px; max-width: 100%; }
.voices-filter label:first-child { width: 260px; }
.voices-filter > a { padding: 7px 0; font-size: 13px; }
.voices-register .voices-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.voices-register .voices-table th,.voices-register .voices-table td { white-space: nowrap; padding: 7px 10px; border: 1px solid #e2e5e9; text-align: left; line-height: 1.35; }
.voices-table th { background: #f5f6f8; }
.voices-table tbody tr:nth-child(even) { background: #fafbfc; }
.voices-table td { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.voices-table [hidden] { display: none; }
.voice-profile header { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.voice-profile h1 { font-family: 'Newsreader',Georgia,serif; font-size: 38px; margin: 12px 0; }
.voice-profile p { line-height: 1.6; white-space: pre-line; }
.voice-profiles,.voice-filters { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.voice-filters a { padding: 8px 12px; border: 1px solid #bbb; border-radius: 24px; }
.voice-filters a[aria-current] { background: #15171a; color: white; }
.voice-activity { border-top: 1px solid #ddd; padding: 20px 0; overflow-wrap: anywhere; }
.voice-activity h2 { font-size: 21px; line-height: 1.4; }
.voice-meta { color: #5f6670; font-size: 14px; }
@media (min-width: 900px) { .tp-article > .voice-box { float: right; width: 38%; margin: 12px 0 20px 24px; } .tp-article::after { content: ''; display: block; clear: both; } }
@media (max-width: 600px) { .voice-profile h1 { font-size: 30px; } .voice-box { width: auto; } }