main.thread-page {
	@media (min-width: /* --brk-md-desktop */ 1300px) {
		padding-right: var(--space-sm);
	}

	.thread-view-title {
		padding-bottom: var(--space-sm);
		margin: 0 0 1rem 0;
		font-size: var(--font-size-lg);
		font-weight: 600;
		line-height: 1.3;
		border-bottom: 1px solid var(--color-border);
	}

	.post-list {
		@media (min-width: /* --brk-tablet */ 675px) {
			display: grid;
			grid-template-columns: min-content 1fr;
		}

		.post-item {
			border-bottom: 1px solid var(--color-border);
			background: var(--color-bg);
			margin-top: var(--space-sm);

			@media (min-width: /* --brk-tablet */ 675px) {
				/* grid stuff */
				display: grid;
				grid-column: 1 / -1; /* Must span the whole parent grid */
				grid-template-columns: subgrid;
				grid-template-rows: subgrid;
			}

			.post-meta {
				padding: var(--space-sm);
				font-size: var(--font-size-sm);
				color: var(--color-text-muted);
				background-color: var(--color-surface);
				min-width: 200px;
				gap: var(--space-sm);

				display: flex;

				@media (min-width: /* --brk-tablet */ 675px) {
					display: block;
				}
			}

			.post-body {
				padding: var(--space-md);
				font-size: var(--font-size-base);
				line-height: 1.6;

				@media (min-width: /* --brk-md-desktop */ 1300px) {
					padding-right: 0;
				}
			}
		}
	}

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

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

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

	.content-embed {
		border: 1px solid var(--color-border);
		background: var(--color-surface);
		/*padding: var(--space-md);*/
		margin-bottom: var(--space-md);

		.content-status {
			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);
			}
		}

		.content-carousel-controls {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: var(--space-sm);
			padding: var(--space-sm);
			border-bottom: 1px solid var(--color-border);
		}

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

		.content-carousel-items {
			display: block;
			background-color: var(--color-bg);
		}

		.post-media-image,
		.post-media-video {
			width: 100%;
			height: auto;
			max-height: 600px;
			object-fit: contain;
			display: block;
		}

		.content-meta {
			padding: var(--space-sm);
			border-top: 1px solid var(--color-border);
			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;
			}
		}
	}

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

		@media (min-width: /* --brk-md-desktop */ 1300px) {
			padding-left: 0;
			padding-right: 0;
		}

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