/* About, contact, search, tag and category pages, comments, reactions, account pages (owned by the public pages brief). */
.community-section {
    display: grid;
    gap: 1rem;
    margin: 2rem 0;
}

.share-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.reaction[aria-pressed="true"] { border-color: var(--red); color: var(--redlit); }
.community-section h2 { margin: 0; color: var(--cream); font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }

.community-section article,
.auth-card,
.community-section form {
    border: 1px solid var(--line, #493c3d);
    padding: 1.25rem;
}

.community-section textarea,
.auth-card input,
.page input,
.page textarea {
    background: #100c0d;
    border: 1px solid var(--line, #493c3d);
    color: inherit;
    display: block;
    margin: .4rem 0 1rem;
    max-width: 100%;
    padding: .7rem;
    width: 100%;
}

.page label {
    display: block;
    margin: 1rem 0;
}

.visually-hidden {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}


.not-found {
    min-height: 45vh;
    padding-top: 12vh;
}

.legal { max-width: 720px; }
.legal h2 { margin: 28px 0 8px; color: var(--redlit); font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
.legal p, .legal li { color: var(--cream); line-height: 1.7; }
.show-password { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--muted); font-size: 16px; }