/* Author metadata and topics are separate groups, without floating separators. */
.fic-card .fic-details,
.fic-story .fic-details {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 26px;
    grid-column: 1 / -1;
    margin: 18px 0 16px;
    padding: 14px 0;
    border-block: 1px solid var(--fic-line);
    font-family: var(--fic-ui);
}
.fic-details > div { min-width: 0; }
.fic-details dt {
    margin: 0 0 4px;
    color: var(--fic-muted);
    font-size: .68rem;
    line-height: 1.4;
    font-weight: 400;
}
.fic-details dd {
    margin: 0;
    color: var(--fic-ink);
    font-size: .8rem;
    line-height: 1.5;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.editorial-site .fic-card .fic-topic-tags,
.fic-card .fic-topic-tags,
.fic-story .fic-topic-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 7px;
    margin-top: 0;
    grid-column: 1 / -1;
}
.editorial-site .fic-card .fic-topic-tags > span,
.fic-card .fic-topic-tags > span,
.fic-story .fic-topic-tags > span {
    display: inline-block;
    max-width: 100%;
    padding: 5px 9px;
    border: 1px solid var(--fic-line);
    border-radius: 6px;
    background: var(--fic-tint);
    color: var(--fic-muted);
    font: 400 .7rem/1.5 var(--fic-ui);
    overflow-wrap: anywhere;
}
.editorial-site .fic-card .fic-topic-tags > span::before,
.fic-card .fic-topic-tags > span::before,
.fic-story .fic-topic-tags > span::before { content: none; margin: 0; }
@media (max-width: 575px) {
    .fic-story-intro-has-cover .fic-story-copy > .fic-details { margin-block: 4px; }
    .fic-card .fic-details { margin-block: 0; gap: 12px 20px; }
}