.home-blog .section-head { flex-wrap: wrap; gap: 10px 18px; }
.home-blog-controls { display: flex; gap: 8px; margin-block: 0 8px; justify-content: flex-end; }
.home-blog-controls[hidden] { display: none; }
.home-blog-controls button {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--bg);
    color: var(--text);
    font-size: 1.25rem;
    cursor: pointer;
}
.home-blog-controls button[aria-disabled="true"] { opacity: .5; cursor: default; }
[dir="rtl"] .home-blog-controls span { display: inline-block; transform: scaleX(-1); }
.home-blog-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 32px) / 3);
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    list-style: none;
    padding: 4px 0 12px;
    margin: 0;
}
.home-blog-list li { min-width: 0; scroll-snap-align: start; }
.home-blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--bg);
    color: var(--text);
    text-decoration: none;
}
.home-blog-card:hover { border-color: var(--primary); }
.home-blog-card:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }
.home-blog-card img { display: block; width: 100%; height: auto; aspect-ratio: 12 / 5; object-fit: cover; }
.home-blog-copy { padding: 14px 16px 16px; }
.home-blog-copy h3 { margin: 0 0 8px; font-size: 1.05rem; line-height: 1.4; }
.home-blog-copy p {
    margin: 0;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 860px) { .home-blog-list { grid-auto-columns: calc((100% - 16px) / 2); } }
@media (max-width: 580px) { .home-blog-list { grid-auto-columns: 85%; } }