main.thread-page {
    .thread-header {
        padding-bottom: var(--space-md);
    }

    .thread-view-title {
        margin: 0;
        font-size: var(--font-size-lg);
        font-weight: 600;
        line-height: 1.3;
    }

    .post-item {
        border-bottom: 1px solid var(--color-border);
        padding: var(--space-md);
        background: var(--color-bg);
    }

    .post-header {
        font-size: var(--font-size-sm);
        color: var(--color-text-muted);
        margin-bottom: var(--space-sm);
    }

    .post-author {
        font-weight: 600;
        color: var(--color-text);
    }

    .post-time {
        color: var(--color-text-muted);
    }

    .post-body {
        font-size: var(--font-size-base);
        line-height: 1.6;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .post-media-grid {
        margin-top: var(--space-md);
        display: grid;
        gap: var(--space-sm);
        grid-template-columns: 1fr;
    }

    .post-media-carousel {
        margin-top: var(--space-md);
        display: flex;
        flex-direction: column;
        gap: var(--space-sm);

        .post-media-carousel-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-sm);
        }

        .post-media-carousel-counter {
            font-size: var(--font-size-sm);
            color: var(--color-text-muted);
        }

        .post-media-carousel-items {
            display: block;
        }

        .post-media-image,
        .post-media-video {
            width: 100%;
            height: auto;
            max-height: 600px;
            object-fit: contain;
            display: block;
            background: var(--color-bg-alt);
        }
    }

    .content-meta {
        margin-top: var(--space-sm);
        padding: var(--space-sm);
        border: 1px solid var(--color-border);
        background: var(--color-bg-alt);
        display: flex;
        flex-direction: column;
        gap: var(--space-xs);

        .content-meta-title {
            font-size: var(--font-size-base);
            font-weight: 600;
            color: var(--color-text);
        }

        .content-meta-byline {
            font-size: var(--font-size-sm);
            color: var(--color-text-muted);
        }

        .content-meta-description {
            font-size: var(--font-size-base);
            line-height: 1.6;
            white-space: pre-wrap;
            word-wrap: break-word;
            color: var(--color-text);
        }

        .content-meta-url {
            font-size: var(--font-size-sm);
            color: var(--color-link);
            word-break: break-word;
        }
    }

    .content-status {
        margin-top: var(--space-md);
        padding: var(--space-sm) var(--space-md);
        font-size: var(--font-size-sm);
        font-weight: 500;

        .content-status-pending {
            background: var(--color-bg-alt);
            color: var(--color-text-muted);
            border: 1px solid var(--color-border);
        }

        .content-status-failed {
            background: var(--color-bg-alt);
            color: var(--color-text-muted);
            border: 1px solid var(--color-border);
        }
    }

    .reply-form {
        /* border: 1px solid var(--color-border); */
        padding: var(--space-md);
        background: var(--color-bg);
        /* margin: var(--space-lg) 0; */

        h2 {
            margin: 0 0 var(--space-md) 0;
            font-size: var(--font-size-base);
            font-weight: 600;
        }
    }

    .replies {
        display: flex;
        flex-direction: column;
        gap: var(--space-md);
    }
}