ul.people>li {
     margin-bottom: .5rem;
 }

 .row {
     display: flex;
     align-items: baseline;
     gap: 1rem;
 }

 .row>a {
     flex: 1 1 auto;
 }

 .row-actions {
     flex: 0 0 auto;
     display: flex;
     align-items: baseline;
     gap: .6rem;
 }

 .votes {
     color: var(--nc-tx-2, #666);
     font-size: .9rem;
     white-space: nowrap;
 }

 form.inline {
     display: inline;
     margin: 0;
 }

 form.inline button {
     padding: 0 .5rem;
     font-size: .8rem;
     line-height: 1.6;
     vertical-align: baseline;
     white-space: nowrap;
 }

 details {
     margin: .3rem 0 .6rem;
 }

 details>summary {
     cursor: pointer;
     color: var(--nc-tx-2, #666);
     font-size: .9rem;
 }

 .comment {
     background: var(--nc-bg-2, #f4f4f4);
     border-radius: 6px;
     padding: .5rem .75rem;
     margin: .55rem 0;
 }

 .comment strong {
     font-size: .92rem;
 }

 .comment p {
     margin: .25rem 0 0;
     white-space: pre-wrap;
     overflow-wrap: anywhere;
 }

 .comment small {
     display: block;
     opacity: .6;
     font-size: .75rem;
     margin-top: .3rem;
 }

 .comment-form {
     max-width: 32rem;
 }

 .comment-form label {
     display: block;
     margin-top: .5rem;
 }

 .comment-form input:not([type=hidden]),
 .comment-form textarea {
     width: 100%;
 }

 .comment-form textarea {
     min-height: 4.5rem;
 }

 .flash {
     padding: .6rem .75rem;
     border: 1px solid var(--nc-ac-1, #0b6);
 }

 progress.pow-bar {
     height: .7rem;
     width: 3.5rem;
     margin-left: .45rem;
     vertical-align: middle;
 }

 .comment-form progress.pow-bar {
     width: 6rem;
 }

 .hp {
     position: absolute;
     left: -10000px;
 }