/** widgets/post/post-tile — 색·간격은 변수로만 노출한다. */
.w-post-tile {
    --w-post-tile-fg:      var(--site-text, #1f2937);
    --w-post-tile-muted:   var(--site-muted, #6b7280);
    --w-post-tile-border:  var(--site-border, #e5e7eb);
    --w-post-tile-accent:  var(--site-brand, #0f766e);
    --w-post-tile-gap:     0.75rem;

    display: flex;
    gap: var(--w-post-tile-gap);
    align-items: flex-start;
    padding: 0.75rem 0.25rem;
    border-bottom: 1px solid var(--w-post-tile-border);
}

.w-post-tile.is-current { background: #f8fafc; }

.w-post-tile__thumb {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    overflow: hidden;
    background: #f1f5f9;
}
.w-post-tile__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.w-post-tile__body { flex: 1 1 auto; min-width: 0; }

.w-post-tile__subject {
    display: block;
    color: var(--w-post-tile-fg);
    text-decoration: none;
    font-size: 0.9375rem;
    line-height: 1.45;
    word-break: break-word;
}
.w-post-tile__subject:hover { text-decoration: underline; }

.w-post-tile__comments { color: var(--w-post-tile-accent); font-size: 0.8125rem; font-weight: 600; }

.w-post-tile__meta {
    display: flex;
    gap: 0.625rem;
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: var(--w-post-tile-muted);
    flex-wrap: wrap;
}