/* Блог fish-audio: листинг /blog/ и статьи /blog/<slug>/ (поверх fish-tts.css) */
.fb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }
.fb-card { display: flex; flex-direction: column; padding: 0; overflow: hidden; text-decoration: none; transition: transform .15s ease; }
.fb-card:hover { transform: translateY(-2px); }
.fb-card-img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; }
.fb-card-body { padding: 16px 18px 18px; }
.fb-card-title { color: var(--ft-text); font-size: 1.05rem; font-weight: 800; line-height: 1.35; margin: 6px 0 8px; }
.fb-meta { display: flex; align-items: center; gap: 6px; color: var(--ft-muted); font-size: .82rem; }
.fb-meta .icon-svg { width: 14px; height: 14px; }

.fb-article { max-width: 780px; margin: 0 auto; }
.fb-h1 { color: var(--ft-text); font-size: clamp(1.6rem, 4vw, 2.3rem); font-weight: 800; line-height: 1.2; margin: 6px 0 10px; }
.fb-hero-img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 16px; margin: 18px 0 24px; }
.fb-article h2:not(.vseo-h2) { color: var(--ft-text); font-size: 1.35rem; font-weight: 800; margin: 30px 0 12px; }
.fb-article h3 { color: var(--ft-text); font-size: 1.08rem; font-weight: 700; margin: 20px 0 8px; }
.fb-article p, .fb-article li { color: var(--ft-muted); font-size: .98rem; line-height: 1.7; }
.fb-article p { margin: 0 0 14px; }
.fb-article ul, .fb-article ol { padding-left: 22px; margin: 0 0 16px; }
.fb-article li { margin-bottom: 6px; }
.fb-article strong { color: var(--ft-text); }
.fb-article a:not(.btn):not(.vseo-link) { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.fb-callout { margin: 22px 0; padding: 20px 22px; }
.fb-callout p:last-child { margin-bottom: 0; }
.fb-callout .btn { margin-top: 6px; }
.fb-quote { margin: 18px 0; padding: 12px 18px; border-left: 3px solid var(--teal); color: var(--ft-text); font-size: 1rem; line-height: 1.6; background: rgba(13,148,136,.06); border-radius: 0 10px 10px 0; }
.fb-code { display: block; margin: 12px 0 16px; padding: 14px 16px; border-radius: 12px; background: rgba(13,148,136,.07); color: var(--ft-text); font-size: .92rem; line-height: 1.6; white-space: pre-wrap; }
.fb-table-wrap { overflow-x: auto; margin: 0 0 18px; }
.fb-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.fb-table th, .fb-table td { padding: 10px 12px; border-bottom: 1px solid rgba(0,0,0,.08); text-align: left; color: var(--ft-muted); vertical-align: top; }
.fb-table th { color: var(--ft-text); font-weight: 700; }
@media (max-width: 640px) {
    .fb-article p, .fb-article li { font-size: .94rem; }
    .fb-callout { padding: 16px; }
}