/* Тема «Грани» (kmfacet) — блог: лента, запись, комментарии.
   Базовые токены и компоненты fc-* — в родительской site-теме. */

@layer components {
    .fc-blog { max-width: 760px; margin-inline: auto; }

    .fc-post-card { padding-block: calc(var(--fc-gap) * 1.75); border-bottom: 1px solid var(--fc-line); }
    .fc-post-card:first-child { padding-top: 0; }
    .fc-post-card__title { margin-bottom: 4px; }
    .fc-post-card__title a { color: var(--fc-ink); text-decoration: none; }
    .fc-post-card__title a:hover { color: var(--fc-link); }
    .fc-post-card__meta { font-size: 13px; margin-bottom: 12px; }

    .fc-stream-search { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
    .fc-stream-search__title { font-family: var(--fc-font-display); font-weight: 700; font-size: 18px; text-decoration: none; }
    .fc-stream-search li { display: grid; gap: 2px; padding-bottom: 14px; border-bottom: 1px solid var(--fc-line); }

    .fc-post__head { margin-bottom: var(--fc-gap); }

    .fc-post-album { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--fc-gap); margin-block: var(--fc-gap); }
    .fc-post-album__item { margin: 0; }
    .fc-post-album__item img { width: 100%; border-radius: var(--fc-radius-lg); }

    .fc-comments { margin-top: var(--fc-section); }
    .fc-comments__list { display: grid; gap: var(--fc-gap); margin-bottom: var(--fc-section); }
    .fc-comment {
        margin-left: calc(var(--fc-depth, 0) * 24px);
        border: 1px solid var(--fc-line);
        border-radius: var(--fc-radius-lg);
        padding: 12px 14px;
    }
    .fc-comment__head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
    .fc-comment__head time { display: block; font-size: 12px; }
    .fc-comment__actions { margin: 6px 0 0; font-size: 13px; }
    .fc-comment-form { max-width: 560px; }
}