/* ===========================================================================
   fastkart — articles/detail.html
   ===========================================================================

   تا فاز ۶۶ این قاعده‌ها داخلِ خودِ قالب بودند، در یک `<style>`.

   سه هزینه داشت و هیچ‌کدام دیده نمی‌شد: مرورگر نمی‌توانست کشش کند
   (هر بار باز شدنِ صفحه، دوباره)، هیچ قالبِ دیگری نمی‌توانست
   بازنویسی‌اش کند، و یک Content-Security-Policyِ سخت‌گیر که
   `style-src 'unsafe-inline'` نداشته باشد کلِ صفحه را بی‌شکل
   می‌کرد.
   =========================================================================== */

        .form-faq-row .form-faq-col {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .form-faq-row .form-faq-col .ui-textarea {
            display: inline-block;
            width: 100%;
            position: relative;
        }

        .form-faq-row .form-faq-col .ui-textarea .ui-textarea-field {
            height: 180px;
            border: 1px solid #efefef;
            border-radius: 20px;
            outline: none;
            padding: 15px;
            background: #f9f9f9;
            color: #424242;
            width: 100%;
            resize: vertical;
            vertical-align: top;
            min-height: 56px;
            font-size: 12px;
            line-height: 2.58;
        }

        .form-faq-row .form-faq-col .btn-tertiary {
            padding: 10px 50px;
            border-radius: 20px;
        }

        @media (max-width: 768px) {
            .blog-detail-contain img {
                width: 100%;
                height: auto;
            }
        }


/* ---------------------------------------------------------------------------
   سامانهٔ محتوا — docs/30

   قطعه‌هایی که صفحه‌های `content/…` اضافه کردند و بلاگِ قدیم نداشت:
   روتیتر، برچسب‌ها، مطلبِ قبلی/بعدی، مطالبِ مرتبط، سرِ صفحهٔ نویسنده،
   زیردسته‌های آرشیو و لینکِ کوتاه. رنگ و فاصله از توکن‌های همین قالب.
   --------------------------------------------------------------------------- */

.fk-kicker, .fk-article__kicker {
    margin: 0 0 var(--ds-space-2, 8px);
    color: var(--theme-accent);
    font-size: var(--ds-text-sm, .875rem);
    font-weight: 600;
}

.fk-archive__intro {
    margin: 0 0 var(--ds-space-4, 16px);
    color: var(--theme-ink-muted, #64748b);
    max-width: var(--ds-measure, 70ch);
}

.fk-archive__children, .fk-tags, .fk-article__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-2, 8px);
    margin: var(--ds-space-4, 16px) 0;
}

.fk-archive__chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 var(--ds-space-3, 12px);
    border: 1px solid var(--theme-line, #e2e8f0);
    border-radius: 999px;
    color: inherit;
    font-size: var(--ds-text-sm, .875rem);
    text-decoration: none;
    transition: border-color var(--ds-fast, 120ms) var(--ds-ease, ease),
                color var(--ds-fast, 120ms) var(--ds-ease, ease);
}

.fk-archive__chip:hover, .fk-archive__chip:focus-visible {
    border-color: var(--theme-accent);
    color: var(--theme-accent);
}

.fk-pager, .fk-article__pager {
    display: flex;
    justify-content: space-between;
    gap: var(--ds-space-4, 16px);
    margin: var(--ds-space-6, 24px) 0;
    padding-block: var(--ds-space-4, 16px);
    border-block: 1px solid var(--theme-line, #e2e8f0);
}

.fk-pager a, .fk-article__pager a { color: inherit; text-decoration: none; }
.fk-pager a[rel="next"], .fk-article__pager a[rel="next"] { margin-inline-start: auto; text-align: end; }

.fk-related { margin-block: var(--ds-space-8, 32px); }
.fk-related__title { margin-bottom: var(--ds-space-4, 16px); font-size: var(--ds-text-lg, 1.125rem); }

.fk-author {
    display: flex;
    align-items: center;
    gap: var(--ds-space-4, 16px);
    margin-bottom: var(--ds-space-6, 24px);
}

.fk-author__photo { border-radius: 50%; object-fit: cover; }
.fk-author__role { margin: 0; color: var(--theme-accent); font-weight: 600; }
.fk-author__bio { margin: var(--ds-space-1, 4px) 0 0; color: var(--theme-ink-muted, #64748b); }

.fk-shortlink {
    display: flex;
    align-items: center;
    gap: var(--ds-space-3, 12px);
    margin: var(--ds-space-6, 24px) 0;
    color: var(--theme-ink-muted, #64748b);
    font-size: var(--ds-text-sm, .875rem);
}

.fk-shortlink__copy {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-2, 8px);
    min-height: 36px;
    padding: 0 var(--ds-space-3, 12px);
    border: 1px solid var(--theme-line, #e2e8f0);
    border-radius: var(--theme-radius, 8px);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.fk-empty { color: var(--theme-ink-muted, #64748b); }

.fk-page { background: var(--theme-surface, #fff); }

.fk-term-list { list-style: none; margin: 0; padding: 0; }
.fk-term-list li { padding-block: var(--ds-space-1, 4px); }

.fk-post-thumb { width: 100%; }

.fk-video__title { margin: var(--ds-space-4, 16px) 0 var(--ds-space-1, 4px); }
.fk-video__meta { color: var(--theme-ink-muted, #64748b); }

.fk-faq__item summary { cursor: pointer; }