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;
	}

	.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;
		}
	}
}