/* Club Alfa Romeo — quiet conversation layer (September 2026).
 * Loaded after the established theme and scoped exclusively to topic pages. */

body.is_topic {
	--car-topic-bg: #f3f5f4;
	--car-topic-paper: #fff;
	--car-topic-line: #dfe4e1;
	--car-topic-soft: #f7f8f7;
	--car-topic-muted: #68716c;
	background: var(--car-topic-bg);
}

body.is_topic #wrapper {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding-bottom: 32px;
}

body.is_topic #main_content_section {
	padding: 5px 0 18px;
}

body.is_topic .navigate_section {
	margin-bottom: 14px;
}

/* The breadcrumb is navigation, not another content card. The legacy
 * #inner_section gradient otherwise shows through behind this transparent row. */
body.is_topic #upper_section.car_linktree_section #inner_section {
	background: transparent !important;
	border-radius: 0 !important;
}

/* Compact topic introduction. */
body.is_topic #display_head {
	background: var(--car-topic-paper);
	border: 1px solid var(--car-topic-line);
	border-left: 0;
	border-radius: 16px;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
	min-height: 0;
	overflow: hidden;
	padding: 24px 190px 24px 26px;
	position: relative;
}

body.is_topic #display_head::before {
	display: none;
}

body.is_topic #display_head .car_topic_kicker {
	font-size: .66rem;
	letter-spacing: .13em;
	margin: 0 0 8px;
}

body.is_topic #display_head .display_title {
	font-family: Manrope, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.75rem, 3.25vw, 2.55rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.1;
	margin: 0;
	max-width: 780px;
	text-wrap: balance;
}

body.is_topic #display_head > p {
	color: var(--car-topic-muted);
	font-size: .72rem;
	line-height: 1.45;
	margin-top: 12px;
}

body.is_topic #display_head .car_heading_reply {
	align-items: center;
	background: var(--car-red, #b5121b) !important;
	border: 1px solid var(--car-red-deep, #821016) !important;
	border-radius: 999px !important;
	bottom: 24px;
	box-shadow: none !important;
	color: #fff !important;
	display: inline-flex;
	font-size: .76rem;
	font-weight: 800;
	justify-content: center;
	min-height: 42px;
	padding: 8px 18px !important;
	position: absolute;
	right: 26px;
	text-shadow: none !important;
}

body.is_topic .car_native_reply_hidden {
	display: none !important;
}

body.is_topic .pagesection.top {
	align-items: center;
	border: 0;
	display: flex;
	gap: 7px;
	margin: 0;
	min-height: 49px;
	padding: 9px 4px 7px;
}

body.is_topic .pagesection.top .pagelinks {
	align-items: center;
	display: flex;
	gap: 4px;
}

body.is_topic .pagesection.top .pages {
	color: var(--car-topic-muted);
	font-size: .67rem;
	margin-right: 2px;
}

body.is_topic .pagesection.top .nav_page,
body.is_topic .pagesection.top .current_page,
body.is_topic .pagesection.top .expand_pages {
	align-items: center;
	background: #fff;
	border: 1px solid var(--car-topic-line);
	border-radius: 8px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: .68rem;
	height: 32px;
	justify-content: center;
	margin: 0;
	min-width: 32px;
	padding: 4px 7px;
}

body.is_topic .pagesection.top .current_page {
	background: var(--car-red, #b5121b);
	border-color: var(--car-red, #b5121b);
	color: #fff;
}

/* One crisp card per post, without nested decorative containers. */
body.is_topic #forumposts {
	margin-top: 0;
}

body.is_topic #forumposts::before {
	display: none;
}

body.is_topic #quickModForm > .windowbg,
body.is_topic #quickModForm > .approvebg,
body.is_topic #quickModForm > .approvebg2 {
	margin: 0 0 12px;
}

body.is_topic #forumposts .post_wrapper,
body.is_topic #quickModForm > .windowbg:first-child .post_wrapper {
	background: var(--car-topic-paper);
	border: 1px solid var(--car-topic-line);
	border-radius: 15px;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
}

body.is_topic #quickModForm > .windowbg:first-child .post_wrapper,
body.is_topic #forumposts .post_wrapper.car_opening_post {
	border-top: 3px solid var(--car-red, #b5121b);
}

body.is_topic #forumposts .poster {
	box-sizing: border-box;
	min-height: 72px;
	padding: 15px 188px 14px 73px;
	position: relative;
}

body.is_topic #forumposts .poster h4 {
	font-size: .9rem;
	gap: 6px;
	margin-bottom: 4px;
}

body.is_topic #forumposts .poster h4 a {
	color: #202522;
}

body.is_topic #forumposts .poster h4 .car_role_badge {
	border-color: #d9dedb;
	color: var(--car-topic-muted);
	font-size: .57rem;
	padding: 2px 7px;
}

body.is_topic #forumposts .user_info {
	gap: 3px 7px;
}

body.is_topic #forumposts .user_info > li {
	color: var(--car-topic-muted);
	font-size: .64rem;
}

body.is_topic #forumposts .user_info > .postcount,
body.is_topic #forumposts .user_info > .profile,
body.is_topic #forumposts .user_info > .blurb {
	display: none;
}

body.is_topic #forumposts .user_info > .icons img {
	height: 11px;
	width: 11px;
}

body.is_topic #forumposts .user_info > li.avatar,
body.is_topic #forumposts .car_avatar_fallback {
	height: 42px;
	left: 20px;
	top: 15px;
	width: 42px;
}

body.is_topic #forumposts .user_info > li.avatar img,
body.is_topic #forumposts .user_info > li.avatar img.avatar {
	height: 42px !important;
	width: 42px !important;
}

body.is_topic #forumposts .postarea {
	border-top: 1px solid #edf0ee;
	margin: 0 20px;
	padding: 0;
}

body.is_topic #forumposts .keyinfo {
	right: 20px;
	top: 22px;
}

body.is_topic #forumposts .keyinfo .postinfo {
	color: var(--car-topic-muted);
	font-size: .64rem;
	gap: 7px;
}

body.is_topic #forumposts .keyinfo .postinfo a,
body.is_topic #forumposts .keyinfo .postinfo a strong,
body.is_topic #forumposts .keyinfo .postinfo .modified {
	color: var(--car-topic-muted);
}

body.is_topic #forumposts .page_number {
	font-size: .66rem;
}

body.is_topic #forumposts .car_post_short_time {
	display: none;
}

body.is_topic #forumposts .post {
	font-size: 1rem;
	line-height: 1.68;
}

body.is_topic #forumposts .inner {
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	min-height: 0;
	padding: 22px 53px 20px;
	width: 100%;
}

body.is_topic #forumposts .inner > :first-child {
	margin-top: 0;
}

body.is_topic #forumposts .inner > :last-child {
	margin-bottom: 0;
}

/* Quotes always keep their author visible. Long quotes show a compact,
 * relevant ending and expand inline instead of using an inner scrollbar. */
body.is_topic #forumposts .bbc_standard_quote,
body.is_topic #forumposts .bbc_alternate_quote {
	background: var(--car-topic-soft);
	border-left-color: #69a786;
	border-radius: 0 11px 11px 0;
	color: #414844;
	font-size: .84rem;
	line-height: 1.55;
	margin-bottom: 18px;
	max-height: none;
	overflow: visible;
	padding: 13px 14px;
}

body.is_topic #forumposts .bbc_standard_quote cite,
body.is_topic #forumposts .bbc_alternate_quote cite {
	color: var(--car-green, #187647);
	font-size: .7rem;
	margin-bottom: 9px;
}

body.is_topic #forumposts .car_quote_preview,
body.is_topic #forumposts .car_quote_full_content {
	font-size: .84rem;
	line-height: 1.55;
}

body.is_topic #forumposts .car_quote_preview {
	margin: 0;
}

body.is_topic #forumposts .car_quote_full_content[hidden],
body.is_topic #forumposts .car_quote_preview[hidden] {
	display: none !important;
}

body.is_topic #forumposts .car_quote_toggle,
body.is_topic #forumposts .car_signature_toggle {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--car-green, #187647) !important;
	cursor: pointer;
	display: inline-flex;
	font-size: .68rem;
	font-weight: 750;
	gap: 5px;
	min-height: 34px;
	padding: 6px 0 !important;
	text-shadow: none !important;
}

body.is_topic #forumposts .car_quote_toggle::after,
body.is_topic #forumposts .car_signature_toggle::after {
	content: "⌄";
	display: inline-block;
	transition: transform .16s ease;
}

body.is_topic #forumposts .car_quote_toggle[aria-expanded="true"]::after,
body.is_topic #forumposts .car_signature_toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

/* A single quiet action footer. */
body.is_topic #forumposts .under_message {
	align-items: center;
	border-top: 1px solid #edf0ee;
	display: flex;
	justify-content: space-between;
	margin: 0;
	min-height: 53px;
	padding: 7px 0 7px 53px;
}

body.is_topic #forumposts .under_message > ul.floatleft,
body.is_topic #forumposts .under_message .quickbuttons {
	align-items: center;
	display: flex;
	gap: 3px;
}

body.is_topic #forumposts .under_message .quickbuttons {
	border-left: 0;
	margin-left: auto;
	padding-left: 0;
}

body.is_topic #forumposts .under_message .quickbuttons > li.quick_edit {
	display: none !important;
}

body.is_topic #forumposts .under_message .quickbuttons > li > a,
body.is_topic #forumposts .under_message .smflikebutton > a {
	background: transparent;
	border: 0;
	border-radius: 8px !important;
	box-shadow: none;
	color: var(--car-topic-muted);
	font-size: .7rem;
	min-height: 36px;
	padding: 7px 10px;
}

body.is_topic #forumposts .under_message .smflikebutton > a {
	/* The legacy liked-state rule uses white text on its former green pill. */
	color: var(--car-green, #187647) !important;
}

/* Keep SMF's native like link and AJAX behaviour, but replace its legacy
 * sprite with the clean heart used in the approved topic concept. */
body.is_topic #forumposts .smflikebutton .main_icons.like::before,
body.is_topic #forumposts .smflikebutton .main_icons.unlike::before {
	/* Older feature CSS adds a thumb emoji on top of this background. */
	content: "" !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 17px 17px !important;
	height: 17px;
	width: 17px;
}

body.is_topic #forumposts .smflikebutton .main_icons.like::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23187647' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E") !important;
}

body.is_topic #forumposts .smflikebutton .main_icons.unlike::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23187647' stroke='%23187647' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E") !important;
}

body.is_topic #forumposts .under_message .smflikebutton > a:hover,
body.is_topic #forumposts .under_message .smflikebutton > a:focus {
	background: #edf7f1;
}

body.is_topic #forumposts .like_count {
	color: var(--car-topic-muted);
	font-size: .66rem;
}

body.is_topic #forumposts .post_options > a {
	font-size: 0 !important;
	justify-content: center;
	padding-inline: 0 !important;
	width: 36px;
}

body.is_topic #forumposts .post_options > a::after {
	content: "•••";
	font-size: .74rem;
	letter-spacing: .08em;
}

/* Signatures are available on demand instead of competing with replies. */
body.is_topic #forumposts .moderatorbar.car_has_signature_toggle {
	border-top: 1px dashed #e2e6e3;
	margin: 0 20px;
	padding: 5px 0 5px 53px;
}

body.is_topic #forumposts .signature.car_signature_content {
	border: 0;
	color: var(--car-topic-muted);
	font-size: .69rem;
	line-height: 1.45;
	margin: 0 0 7px;
	padding: 0;
}

body.is_topic #forumposts .signature.car_signature_content[hidden] {
	display: none !important;
}

/* Attachments read as a preview, not a second full-width post. */
body.is_topic #forumposts .attachments {
	background: var(--car-topic-soft);
	border: 1px solid var(--car-topic-line);
	border-radius: 11px;
	margin: 0 53px 18px;
	max-width: 520px;
	overflow: hidden;
	padding: 10px;
}

body.is_topic #forumposts .attachments img.atc_img,
body.is_topic #forumposts .attachments .attachments_top img {
	border-radius: 8px;
	max-height: 260px;
	object-fit: cover;
	width: 100%;
}

body.is_topic #forumposts .attachments_bot {
	color: var(--car-topic-muted);
	font-size: .66rem;
	line-height: 1.45;
	padding-top: 7px;
}

body.is_topic #forumposts .clubalfa-best-answer-label {
	background: #faedef;
	border-radius: 8px;
	font-size: .59rem;
	margin: 0 53px 14px;
	padding: 6px 9px;
}

/* Keep the existing native editor, with the same crisp surface language. */
body.is_topic #quickreply.car_topic_quickreply {
	background: var(--car-topic-paper);
	border-color: var(--car-topic-line);
	border-radius: 15px;
	box-shadow: none;
	margin-top: 18px;
	padding: 20px;
}

body.is_topic #quickreply .car_quickreply_head h3 {
	font-size: 1.25rem;
}

body.is_topic #quickreply .sceditor-container,
body.is_topic #quickreply textarea[name="message"] {
	border-color: #d9dfdb !important;
	border-radius: 11px !important;
}

@media (max-width: 720px) {
	body.is_topic #wrapper {
		width: calc(100% - 12px);
	}

	body.is_topic #main_content_section {
		padding: 0 0 16px;
	}

	body.is_topic .navigate_section {
		margin-bottom: 10px;
	}

	body.is_topic #display_head {
		border-radius: 13px;
		padding: 18px 17px;
	}

	body.is_topic #display_head .car_topic_kicker {
		font-size: .58rem;
		line-height: 1.45;
		margin-bottom: 7px;
	}

	body.is_topic #display_head .display_title {
		font-size: clamp(1.62rem, 7.8vw, 2.02rem);
		letter-spacing: -.04em;
		line-height: 1.12;
	}

	body.is_topic #display_head > p {
		font-size: .65rem;
		margin-top: 9px;
	}

	body.is_topic #display_head .car_heading_reply {
		bottom: auto;
		font-size: .7rem;
		margin-top: 15px;
		min-height: 40px;
		padding: 7px 15px !important;
		position: static;
	}

	body.is_topic .pagesection.top {
		border: 0;
		margin: 0;
		min-height: 46px;
		padding: 7px 2px 5px;
		position: relative;
	}

	body.is_topic #main_content_section .pagesection.top > .buttonlist.floatright {
		background: #fff;
		border: 1px solid var(--car-topic-line);
		border-radius: 10px;
		box-shadow: 0 10px 28px rgba(35, 43, 39, .12);
		float: none;
		min-width: 168px;
		padding: 5px;
		position: absolute !important;
		right: 0;
		top: 43px;
		width: auto;
		z-index: 50;
	}

	body.is_topic #main_content_section .pagesection.top > .buttonlist.floatright .button {
		background: transparent !important;
		border: 0 !important;
		border-radius: 7px !important;
		box-shadow: none !important;
		color: var(--car-red-deep, #821016) !important;
		display: block;
		font-size: .66rem;
		min-height: 38px;
		padding: 9px 10px !important;
		text-align: left;
		text-shadow: none !important;
		width: 100%;
	}

	body.is_topic .pagesection.top .mobile_buttons .button {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		color: var(--car-topic-muted) !important;
		font-size: .62rem;
		min-height: 36px;
		padding: 5px 4px !important;
		text-shadow: none !important;
	}

	body.is_topic #main_content_section .pagesection.top .mobile_buttons .button.mobile_act {
		background: transparent !important;
		border: 0 !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		color: var(--car-topic-muted) !important;
	}

	body.is_topic #main_content_section .pagesection.top .mobile_buttons .mobile_act::after {
		content: "•••";
		font-size: .63rem;
		letter-spacing: .08em;
		margin-left: 6px;
	}

	body.is_topic #mobile_action.popup_container {
		background: rgba(25, 32, 28, .34) !important;
		bottom: 0 !important;
		left: 0 !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 9999 !important;
	}

	body.is_topic #mobile_action .popup_window {
		background: #fff !important;
		border: 1px solid var(--car-topic-line) !important;
		border-radius: 15px !important;
		bottom: 12px !important;
		box-shadow: 0 18px 50px rgba(20, 28, 24, .22) !important;
		box-sizing: border-box;
		left: 12px !important;
		margin: 0 !important;
		max-height: 70vh;
		overflow: auto;
		padding: 0 !important;
		position: fixed !important;
		right: 12px !important;
		top: auto !important;
		width: auto !important;
	}

	body.is_topic #mobile_action .popup_heading {
		background: transparent !important;
		border-bottom: 1px solid #edf0ee !important;
		color: #202522 !important;
		font-size: .76rem !important;
		font-weight: 800;
		min-height: 48px;
		padding: 14px 48px 12px 15px !important;
		position: relative;
		text-shadow: none !important;
	}

	body.is_topic #mobile_action .popup_heading .hide_popup {
		right: 14px;
		top: 14px;
	}

	body.is_topic #mobile_action .buttonlist {
		background: transparent !important;
		display: grid !important;
		gap: 4px;
		padding: 8px 10px 11px !important;
		position: static !important;
		width: 100% !important;
	}

	body.is_topic #mobile_action .buttonlist .button {
		background: transparent !important;
		border: 0 !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		color: var(--car-red-deep, #821016) !important;
		font-size: .7rem !important;
		justify-content: flex-start;
		min-height: 42px;
		padding: 10px 11px !important;
		text-align: left;
		text-shadow: none !important;
		width: 100%;
	}

	body.is_topic .pagesection.top .nav_page,
	body.is_topic .pagesection.top .current_page,
	body.is_topic .pagesection.top .expand_pages {
		font-size: .61rem;
		height: 30px;
		min-width: 29px;
	}

	body.is_topic #quickModForm > .windowbg,
	body.is_topic #quickModForm > .approvebg,
	body.is_topic #quickModForm > .approvebg2 {
		margin-bottom: 10px;
	}

	body.is_topic #forumposts .post_wrapper,
	body.is_topic #quickModForm > .windowbg:first-child .post_wrapper {
		background: var(--car-topic-paper);
		border: 1px solid var(--car-topic-line);
		border-radius: 13px;
		padding: 0;
	}

	body.is_topic #quickModForm > .windowbg:first-child .post_wrapper,
	body.is_topic #forumposts .post_wrapper.car_opening_post {
		border-top: 3px solid var(--car-red, #b5121b);
	}

	body.is_topic #forumposts .poster {
		min-height: 66px;
		padding: 13px 108px 12px 61px;
	}

	body.is_topic #forumposts .user_info > li.avatar,
	body.is_topic #forumposts .car_avatar_fallback {
		height: 38px;
		left: 13px;
		top: 13px;
		width: 38px;
	}

	body.is_topic #forumposts .user_info > li.avatar img,
	body.is_topic #forumposts .user_info > li.avatar img.avatar {
		height: 38px !important;
		width: 38px !important;
	}

	/* The mobile metadata separator is not part of an avatar. */
	body.is_topic #forumposts .user_info > li.avatar::before {
		content: none;
		display: none;
	}

	body.is_topic #forumposts .poster h4 {
		font-size: .84rem;
		gap: 4px 6px;
	}

	body.is_topic #forumposts .poster h4 .car_role_badge {
		font-size: .52rem;
	}

	body.is_topic #forumposts .user_info > li {
		font-size: .58rem;
	}

	body.is_topic #forumposts .user_info > .icons img {
		height: 9px;
		width: 9px;
	}

	body.is_topic #forumposts .postarea {
		border-top: 1px solid #edf0ee;
		margin: 0 13px;
	}

	body.is_topic #forumposts .keyinfo {
		align-items: flex-end;
		display: flex;
		gap: 5px;
		justify-content: flex-end;
		position: absolute !important;
		right: 13px;
		top: 17px;
		width: auto;
	}

	body.is_topic #forumposts .keyinfo .postinfo {
		border: 0;
		display: flex;
		min-height: 0;
		order: 1;
		padding: 0;
	}

	body.is_topic #forumposts .keyinfo .postinfo > a,
	body.is_topic #forumposts .keyinfo .postinfo .modified,
	body.is_topic #forumposts .keyinfo .postinfo .spacer {
		display: none;
	}

	body.is_topic #forumposts .car_post_short_time {
		color: var(--car-topic-muted);
		display: inline;
		font-size: .56rem;
		white-space: nowrap;
	}

	body.is_topic #forumposts .page_number {
		float: none;
		font-size: .61rem;
		margin-left: 5px;
		order: 2;
	}

	body.is_topic #forumposts .inner {
		font-size: .94rem;
		line-height: 1.62;
		max-width: none;
		padding: 17px 2px;
	}

	body.is_topic #forumposts .bbc_standard_quote,
	body.is_topic #forumposts .bbc_alternate_quote {
		font-size: .8rem;
		line-height: 1.5;
		margin-bottom: 15px;
		max-height: none;
		overflow: visible;
		padding: 11px 12px;
	}

	body.is_topic #forumposts .bbc_standard_quote cite,
	body.is_topic #forumposts .bbc_alternate_quote cite {
		font-size: .65rem;
	}

	body.is_topic #forumposts .car_quote_preview,
	body.is_topic #forumposts .car_quote_full_content {
		font-size: .8rem;
	}

	body.is_topic #forumposts .under_message {
		min-height: 49px;
		padding: 5px 0;
	}

	body.is_topic #forumposts .under_message .quickbuttons > li > a,
	body.is_topic #forumposts .under_message .smflikebutton > a {
		font-size: .66rem;
		min-height: 40px;
		padding: 6px 7px;
	}

	body.is_topic #forumposts .under_message .like_count {
		font-size: 0;
	}

	body.is_topic #forumposts .under_message .like_count > a {
		font-size: .64rem;
	}

	body.is_topic #forumposts .post_options > a {
		width: 40px;
	}

	body.is_topic #forumposts .moderatorbar.car_has_signature_toggle {
		margin: 0 13px;
		padding: 4px 2px;
	}

	body.is_topic #forumposts .signature.car_signature_content {
		font-size: .65rem;
	}

	body.is_topic #forumposts .attachments {
		margin: 0 2px 16px;
		max-width: 100%;
	}

	body.is_topic #forumposts .attachments img.atc_img,
	body.is_topic #forumposts .attachments .attachments_top img {
		max-height: 220px;
	}

	body.is_topic #forumposts .clubalfa-best-answer-label {
		font-size: .56rem;
		margin: 0 2px 12px;
	}

	body.is_topic #quickreply.car_topic_quickreply {
		border-radius: 13px;
		margin-top: 14px;
		padding: 16px 13px;
	}
}

@media (max-width: 370px) {
	body.is_topic #forumposts .poster {
		padding-right: 68px;
	}

	body.is_topic #forumposts .car_post_short_time {
		display: none;
	}

	body.is_topic #forumposts .under_message .quickbuttons > li:not(.post_options) > a {
		font-size: 0;
		gap: 0;
		justify-content: center;
		width: 40px;
	}
}

/* Edited posts need their own metadata row on small screens. Use SMF's
   native .mvisible marker; no post content or edit controls are relocated. */
@media (max-width: 720px) {
	body.is_topic #forumposts .post_wrapper:has(.keyinfo .modified.mvisible:not(:empty)) .poster {
		padding-right: 13px;
	}

	body.is_topic #forumposts .keyinfo:has(.modified.mvisible:not(:empty)) {
		align-items: flex-start;
		box-sizing: border-box;
		position: static !important;
		width: 100%;
		padding: 9px 2px 0;
	}

	body.is_topic #forumposts .keyinfo:has(.modified.mvisible:not(:empty)) .postinfo {
		flex: 1 1 auto;
		flex-wrap: wrap;
		min-width: 0;
		row-gap: 3px;
	}

	body.is_topic #forumposts .keyinfo:has(.modified.mvisible:not(:empty)) .car_post_short_time {
		display: inline;
		white-space: normal;
	}

	body.is_topic #forumposts .keyinfo .modified.mvisible:not(:empty) {
		display: block !important;
		float: none;
		flex: 0 0 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		max-width: 100%;
		overflow-wrap: anywhere;
		white-space: normal;
		line-height: 1.4;
	}
}