/* Тема «Маршрут» (kmroute) — блог: лента, запись, комментарии.
   Базовые токены и компоненты rt-* — в родительской site-теме.
   Язык: типографская лента, серифные заголовки записей («второй голос» темы),
   пунктирные разделители и рамки, прямые углы. */

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

    .rt-post-card { padding-block: calc(var(--rt-gap) * 1.75); border-bottom: var(--rt-dash) var(--rt-line); }
    .rt-post-card:first-child { padding-top: 0; }
    .rt-post-card__title { margin-bottom: 4px; font-family: var(--rt-font-serif); font-size: 24px; }
    .rt-post-card__title a { color: var(--rt-ink); text-decoration: none; }
    .rt-post-card__title a:hover { color: var(--rt-link); text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; }
    .rt-post-card__meta { font-size: 13px; margin-bottom: 12px; }

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

    .rt-post__head { margin-bottom: var(--rt-gap); }
    .rt-post__head h1 { font-family: var(--rt-font-serif); }

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

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