.profile-head {
    display: flex;
    align-items: center;
    gap: 16px;
}

.profile-head > div {
    min-width: 0;
}

.profile-head h1 {
    margin: 0;
}

.avatar {
    display: grid;
    place-items: center;
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 1.75rem;
    color: var(--accent-ink);
    background: var(--accent);
    box-shadow: inset 0 0 0 3px var(--accent), inset 0 0 0 4px var(--accent-ink);
}

.profile .meta {
    margin: 2px 0 0;
    font-size: 0.95rem;
    color: var(--ink-soft);
}

.profile h1 .stamp {
    margin-left: 10px;
    font-size: 0.9rem;
    color: var(--accent);
    vertical-align: middle;
}

.private {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 2px 16px;
    max-width: 520px;
    margin: 20px 0 0;
}

.private dt {
    color: var(--ink-soft);
    font-variant-caps: all-small-caps;
    letter-spacing: 0.06em;
}

.private dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.private .bio {
    white-space: pre-line;
}

.owner-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.owner-account {
    display: flex;
    gap: 18px;
    margin-left: auto;
}

.owner-account form {
    display: contents;
}

.tabs {
    display: flex;
    gap: 24px;
    margin: 32px 0 20px;
    border-bottom: 3px double var(--rule);
}

.tabs a {
    padding-bottom: 6px;
    color: var(--ink-soft);
    font-style: italic;
    font-size: 1.15rem;
    text-decoration: none;
}

.tabs a[aria-current="page"] {
    color: var(--ink);
    border-bottom: 2px solid var(--accent);
    margin-bottom: -3px;
}

.reading-list h2 {
    margin: 0;
    font-size: 1.05rem;
}

.reading-list .by {
    font-weight: normal;
    font-style: italic;
    color: var(--ink-soft);
}

.entry-actions {
    margin: 4px 0 0;
}