/* brand/editorial.css — Editorial desk + public articles skin (1.8.60)
 * Match Teams/League IA tokens. No decorative art.
 * 1.8.56: TinyMCE/wp_editor + featured image chrome (mobile, no H-scroll).
 * 1.8.55: desk nav current-state contrast (retained).
 * 1.8.54: TT5 carcass / H-overflow kill on /editorial/ (mirror news.css lightly).
 */

/*
 * Staging DOM (TT5): main.has-global-padding.is-layout-constrained
 *   > .wp-block-group.alignfull.has-global-padding…
 *     > .entry-content… > .tmg-editorial
 * Alignfull ancestors re-apply root padding + negative margins → H-scroll at ~390px.
 */

/* Page shell owns gutters; zero ancestor pads + alignfull pull-out. */
body:has(.tmg-editorial) .wp-site-blocks > main,
body:has(.tmg-editorial) .wp-site-blocks > main.has-global-padding,
body:has(.tmg-editorial) .wp-site-blocks > main.wp-block-group,
body:has(.tmg-editorial) main .wp-block-group:has(.tmg-editorial),
body:has(.tmg-editorial) main .wp-block-group.alignfull:has(.tmg-editorial),
body:has(.tmg-editorial) main .wp-block-column:has(.tmg-editorial),
body .entry-content:has(.tmg-editorial),
body .wp-block-post-content:has(.tmg-editorial),
body:has(.tmg-editorial) .et_pb_section:has(.tmg-editorial),
body:has(.tmg-editorial) .et_pb_row:has(.tmg-editorial),
body:has(.tmg-editorial) .et_pb_column:has(.tmg-editorial) {
	box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	overflow-x: clip;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

/* Kill alignfull negative margins once padding is zeroed (H-scroll source). */
body:has(.tmg-editorial) .has-global-padding > .alignfull:has(.tmg-editorial),
body:has(.tmg-editorial) .has-global-padding > .alignfull.tmg-editorial,
body:has(.tmg-editorial) .is-layout-constrained > .tmg-editorial,
body:has(.tmg-editorial) .is-layout-constrained > .alignfull:has(.tmg-editorial),
body:has(.tmg-editorial) .is-layout-constrained > .alignfull.tmg-editorial {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

/* Scoped H-scroll hard stop (editorial desk only). */
html:has(.tmg-editorial),
body:has(.tmg-editorial),
body:has(.tmg-editorial) .wp-site-blocks {
	overflow-x: clip;
}

/* Alerts float must not force page width. */
body:has(.tmg-editorial) .tmg-notify {
	max-width: calc(100vw - 20px);
	box-sizing: border-box;
}
body:has(.tmg-editorial) .tmg-notify-panel {
	width: min(360px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	box-sizing: border-box;
}

/* —— Shell —— */
.tmg-editorial {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	max-width: min(100%, var(--tmg-content-max, 1240px));
	width: 100%;
	min-width: 0;
	margin: 0 auto;
	color: var(--tmg-mist, #E8EEF0);
	/* Clear floating .tmg-notify (Alerts) fixed bottom-right */
	padding-bottom: 5.5rem;
	padding-inline: 16px;
	box-sizing: border-box;
	overflow-x: clip;
}

.tmg-editorial *,
.tmg-editorial *::before,
.tmg-editorial *::after {
	box-sizing: border-box;
}

body.admin-bar .tmg-editorial {
	padding-top: 0.35rem;
}

.tmg-editorial-head {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1.15rem 1.35rem;
	border: 1px solid color-mix(in srgb, var(--tmg-teal, #2EC4B6) 28%, transparent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--tmg-panel, #142026) 88%, transparent);
}

.tmg-editorial-head .tmg-news-kicker {
	margin: 0;
}

.tmg-editorial-head h1 {
	margin: 0;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height: 1.15;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-editorial-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 0.65rem;
	align-items: center;
}

/* Fix .tmg-btn-secondary padding/margin clash on desk CTAs — ≥40px tap */
.tmg-editorial-nav .tmg-home-btn,
.tmg-editorial-nav a.tmg-home-btn.tmg-btn-secondary,
.tmg-editorial-nav a.tmg-home-btn.tmg-home-btn-ghost,
.tmg-editorial-nav a.tmg-home-btn.tmg-home-btn-primary {
	min-height: 40px;
	margin-top: 0 !important;
	padding: 10px 16px !important;
	box-sizing: border-box;
	text-decoration: none !important;
	white-space: nowrap;
}

.tmg-editorial-nav a.tmg-home-btn.tmg-btn-secondary {
	background: transparent !important;
	border: 1px solid var(--tmg-border, #243038) !important;
	color: var(--tmg-muted, #A8BCC4) !important;
}

.tmg-editorial-nav a.tmg-home-btn.tmg-btn-secondary:hover,
.tmg-editorial-nav a.tmg-home-btn.tmg-btn-secondary:focus-visible {
	border-color: var(--tmg-teal, #2EC4B6) !important;
	color: var(--tmg-teal, #2EC4B6) !important;
}

.tmg-editorial-nav a[aria-current="page"] {
	border-color: var(--tmg-teal, #2EC4B6) !important;
	color: var(--tmg-teal, #2EC4B6) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--tmg-teal, #2EC4B6) 35%, transparent);
}

/* Primary (New draft) uses teal fill — force mist text so the label never vanishes on current. */
.tmg-editorial-nav a.tmg-home-btn-primary[aria-current="page"] {
	background: var(--tmg-teal, #2EC4B6) !important;
	border-color: var(--tmg-teal, #2EC4B6) !important;
	color: var(--tmg-ink, #0B1214) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--tmg-teal, #2EC4B6) 55%, transparent);
}

.tmg-editorial-section {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	padding: 1.15rem 1.35rem;
	border-radius: 12px;
	border: 1px solid var(--tmg-border, #243038);
	background: color-mix(in srgb, var(--tmg-panel, #142026) 70%, transparent);
}

.tmg-editorial-section h2 {
	margin: 0 0 0.25rem;
	font-size: 1.1rem;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-editorial-coming-soon {
	margin: 0;
	padding: 0.65rem 0.85rem;
	border-radius: 8px;
	border: 1px dashed color-mix(in srgb, var(--tmg-muted, #A8BCC4) 35%, transparent);
	color: var(--tmg-muted, #A8BCC4);
	font-size: 0.9rem;
}

/* —— Flash notices —— */
.tmg-editorial .tmg-notice,
.tmg-notice.tmg-notice-ok,
.tmg-notice.tmg-notice-err {
	padding: 0.75rem 1rem;
	border-radius: 10px;
	font-weight: 600;
	margin: 0 0 0.75rem;
	max-width: var(--tmg-content-max, 1240px);
}

.tmg-editorial .tmg-notice p,
.tmg-notice.tmg-notice-ok p,
.tmg-notice.tmg-notice-err p {
	margin: 0;
}

.tmg-notice.tmg-notice-ok {
	background: color-mix(in srgb, var(--tmg-teal, #2EC4B6) 18%, transparent);
	border: 1px solid color-mix(in srgb, var(--tmg-teal, #2EC4B6) 40%, transparent);
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-notice.tmg-notice-err {
	background: color-mix(in srgb, var(--tmg-danger, #E85D4C) 16%, transparent);
	border: 1px solid color-mix(in srgb, var(--tmg-danger, #E85D4C) 40%, transparent);
	color: #ffb4b4;
}

/* —— Form —— */
.tmg-editorial-form {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	/* Extra bottom room so body textarea clears floating Alerts */
	padding-bottom: 1rem;
}

.tmg-editorial-form .tmg-ed-field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0;
}

.tmg-editorial-form label {
	display: block;
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-editorial-form input[type="text"],
.tmg-editorial-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: var(--tmg-panel, #142026);
	border: 1px solid var(--tmg-border, #243038);
	border-radius: 0.4rem;
	color: var(--tmg-mist, #E8EEF0);
	padding: 0.65rem 0.75rem;
	font: inherit;
}

.tmg-editorial-form textarea[name="body"],
.tmg-editorial-form #tmg-ed-body {
	min-height: 18rem;
	resize: vertical;
	line-height: 1.5;
}

.tmg-editorial-form input[type="text"]:focus,
.tmg-editorial-form textarea:focus {
	outline: none;
	border-color: var(--tmg-teal, #2EC4B6);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--tmg-teal, #2EC4B6) 40%, transparent);
}

.tmg-editorial-form .tmg-ed-check {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-weight: 600;
	cursor: pointer;
}

.tmg-editorial-form .tmg-ed-save {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.25rem 0 0;
}

.tmg-editorial-form .tmg-ed-save .tmg-home-btn {
	min-height: 40px;
}

/* —— Workflow actions (outside Save form) —— */
.tmg-editorial-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 0.65rem;
	align-items: center;
	margin-top: 0.35rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--tmg-border, #243038);
}

.tmg-editorial-actions form {
	display: inline;
	margin: 0;
}

.tmg-editorial-actions .tmg-home-btn,
.tmg-editorial-actions a.tmg-home-btn {
	min-height: 40px;
	margin-top: 0 !important;
	text-decoration: none !important;
	box-sizing: border-box;
}

.tmg-editorial-actions a.tmg-home-btn.tmg-btn-secondary,
.tmg-editorial-actions button.tmg-home-btn.tmg-btn-secondary {
	background: transparent !important;
	border: 1px solid var(--tmg-border, #243038) !important;
	color: var(--tmg-muted, #A8BCC4) !important;
	padding: 10px 16px !important;
}

.tmg-editorial-actions a.tmg-home-btn.tmg-home-btn-ghost,
.tmg-editorial-actions button.tmg-home-btn.tmg-home-btn-ghost {
	background: transparent;
	border: 1px solid #2a3a40;
	color: var(--tmg-mist, #E8EEF0) !important;
	padding: 10px 16px !important;
}

/* —— Status badges —— */
.tmg-editorial-status,
.tmg-badge.tmg-editorial-status {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	background: color-mix(in srgb, var(--tmg-mist, #E8EEF0) 10%, transparent);
	border: 1px solid color-mix(in srgb, var(--tmg-mist, #E8EEF0) 18%, transparent);
	color: var(--tmg-mist, #E8EEF0);
	text-transform: none;
}

.tmg-editorial-status[data-status="draft"] {
	background: color-mix(in srgb, var(--tmg-muted, #A8BCC4) 18%, transparent);
	border-color: color-mix(in srgb, var(--tmg-muted, #A8BCC4) 35%, transparent);
	color: var(--tmg-muted, #A8BCC4);
}

.tmg-editorial-status[data-status="submitted"] {
	/* In review */
	background: color-mix(in srgb, #f0b429 18%, transparent);
	border-color: color-mix(in srgb, #f0b429 40%, transparent);
	color: #f5d78e;
}

.tmg-editorial-status[data-status="changes_requested"] {
	background: color-mix(in srgb, #e89a3c 16%, transparent);
	border-color: color-mix(in srgb, #e89a3c 38%, transparent);
	color: #ffc98a;
}

.tmg-editorial-status[data-status="approved"] {
	background: color-mix(in srgb, #5b9fd4 18%, transparent);
	border-color: color-mix(in srgb, #5b9fd4 40%, transparent);
	color: #9fd0f5;
}

.tmg-editorial-status[data-status="published"] {
	background: color-mix(in srgb, var(--tmg-teal, #2EC4B6) 22%, transparent);
	border-color: color-mix(in srgb, var(--tmg-teal, #2EC4B6) 40%, transparent);
	color: var(--tmg-teal, #2EC4B6);
}

.tmg-editorial-status[data-status="unpublished"] {
	background: color-mix(in srgb, var(--tmg-danger, #E85D4C) 14%, transparent);
	border-color: color-mix(in srgb, var(--tmg-danger, #E85D4C) 35%, transparent);
	color: #ffb4b4;
}

/* —— Table —— */
.tmg-editorial-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tmg-editorial-table {
	width: 100%;
	border-collapse: collapse;
	color: var(--tmg-mist, #E8EEF0);
	font-size: 0.92rem;
	background: transparent;
}

.tmg-editorial-table th,
.tmg-editorial-table td {
	padding: 0.65rem 0.75rem;
	text-align: left;
	border-bottom: 1px solid var(--tmg-border, #243038);
	vertical-align: middle;
}

.tmg-editorial-table thead th {
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--tmg-muted, #A8BCC4);
	font-weight: 700;
	border-bottom-color: color-mix(in srgb, var(--tmg-teal, #2EC4B6) 28%, transparent);
}

.tmg-editorial-table tbody tr:hover {
	background: color-mix(in srgb, var(--tmg-mist, #E8EEF0) 4%, transparent);
}

.tmg-editorial-table .tmg-ed-open {
	min-height: 36px;
	padding: 6px 12px !important;
	margin-top: 0 !important;
	font-size: 12px;
	text-decoration: none !important;
	white-space: nowrap;
	background: transparent !important;
	border: 1px solid var(--tmg-border, #243038) !important;
	color: var(--tmg-muted, #A8BCC4) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-weight: 700;
	cursor: pointer;
}

.tmg-editorial-table .tmg-ed-open:hover,
.tmg-editorial-table .tmg-ed-open:focus-visible {
	border-color: var(--tmg-teal, #2EC4B6) !important;
	color: var(--tmg-teal, #2EC4B6) !important;
}

/* Mobile: stack rows as cards so Open stays reachable */
@media (max-width: 720px) {
	.tmg-editorial-table-wrap {
		overflow-x: hidden;
	}

	.tmg-editorial-nav,
	.tmg-editorial-actions,
	.tmg-editorial-head,
	.tmg-editorial-section {
		min-width: 0;
		max-width: 100%;
	}

	.tmg-editorial-nav .tmg-home-btn,
	.tmg-editorial-nav a.tmg-home-btn.tmg-btn-secondary,
	.tmg-editorial-nav a.tmg-home-btn.tmg-home-btn-ghost,
	.tmg-editorial-nav a.tmg-home-btn.tmg-home-btn-primary {
		white-space: normal;
		max-width: 100%;
	}

	.tmg-ed-history-list,
	.tmg-ed-history-item,
	.tmg-ed-history-meta {
		min-width: 0;
		max-width: 100%;
	}

	.tmg-editorial-table thead {
		display: none;
	}

	.tmg-editorial-table,
	.tmg-editorial-table tbody,
	.tmg-editorial-table tr,
	.tmg-editorial-table td {
		display: block;
		width: 100%;
	}

	.tmg-editorial-table tr {
		margin: 0 0 0.75rem;
		padding: 0.75rem 0.85rem;
		border: 1px solid var(--tmg-border, #243038);
		border-radius: 10px;
		background: color-mix(in srgb, var(--tmg-panel, #142026) 80%, transparent);
		box-sizing: border-box;
	}

	.tmg-editorial-table td {
		border-bottom: 0;
		padding: 0.2rem 0;
	}

	.tmg-editorial-table td::before {
		content: attr(data-label);
		display: block;
		font-size: 0.7rem;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--tmg-muted, #A8BCC4);
		font-weight: 700;
		margin-bottom: 0.1rem;
	}

	.tmg-editorial-table td.tmg-ed-col-open::before {
		display: none;
	}

	.tmg-editorial-table td.tmg-ed-col-open {
		margin-top: 0.5rem;
		padding-top: 0.5rem;
		border-top: 1px solid var(--tmg-border, #243038);
	}

	.tmg-editorial-table td.tmg-ed-col-byline,
	.tmg-editorial-table td.tmg-ed-col-updated {
		/* Keep visible but secondary; Open always last/reachable */
		opacity: 0.92;
	}

	.tmg-editorial-table .tmg-ed-open {
		min-height: 40px;
		width: 100%;
		justify-content: center;
		padding: 10px 16px !important;
	}
}

/* —— Revision notes form —— */
.tmg-ed-revisions-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.5rem 0.65rem;
	width: 100%;
	max-width: 100%;
	margin: 0.35rem 0;
}

.tmg-ed-rev-note {
	flex: 1 1 220px;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.55rem 0.75rem;
	border-radius: 10px;
	border: 1px solid var(--tmg-border, #243038);
	background: color-mix(in srgb, var(--tmg-panel, #142026) 85%, transparent);
	color: var(--tmg-mist, #E8EEF0);
	font: inherit;
	resize: vertical;
}

.tmg-ed-rev-note:focus {
	outline: 2px solid color-mix(in srgb, var(--tmg-teal, #2EC4B6) 55%, transparent);
	outline-offset: 1px;
	border-color: var(--tmg-teal, #2EC4B6);
}

.tmg-ed-readonly-hint {
	color: var(--tmg-muted, #A8BCC4);
	font-size: 0.92rem;
	margin: 0.35rem 0 0.85rem;
}

.tmg-editorial-form-readonly .tmg-ed-ro-label {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--tmg-muted, #A8BCC4);
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.tmg-editorial-form-readonly .tmg-ed-ro-value,
.tmg-editorial-form-readonly .tmg-ed-ro-body {
	display: block;
	color: var(--tmg-mist, #E8EEF0);
	line-height: 1.55;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

.tmg-editorial-form-readonly .tmg-ed-ro-body {
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--tmg-border, #243038);
	border-radius: 10px;
	background: color-mix(in srgb, var(--tmg-panel, #142026) 70%, transparent);
}

/* —— History / activity —— */
.tmg-ed-history {
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--tmg-border, #243038);
}

.tmg-ed-history-title {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-ed-history-empty {
	color: var(--tmg-muted, #A8BCC4);
	margin: 0;
}

.tmg-ed-history-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.tmg-ed-history-item {
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--tmg-border, #243038);
	border-radius: 10px;
	background: color-mix(in srgb, var(--tmg-panel, #142026) 75%, transparent);
	box-sizing: border-box;
}

.tmg-ed-history-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.65rem;
}

.tmg-ed-history-action {
	font-weight: 700;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-ed-history-status {
	font-size: 0.72rem !important;
	padding: 0.12rem 0.5rem !important;
}

.tmg-ed-history-meta {
	margin-top: 0.35rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	font-size: 0.85rem;
	color: var(--tmg-muted, #A8BCC4);
}

.tmg-ed-history-who {
	font-weight: 600;
	color: color-mix(in srgb, var(--tmg-mist, #E8EEF0) 82%, transparent);
}

.tmg-ed-history-when {
	font-variant-numeric: tabular-nums;
}

.tmg-ed-history-note {
	margin: 0.5rem 0 0;
	padding: 0.55rem 0.7rem;
	border-left: 3px solid color-mix(in srgb, #e89a3c 70%, transparent);
	background: color-mix(in srgb, #e89a3c 8%, transparent);
	border-radius: 0 8px 8px 0;
	color: var(--tmg-mist, #E8EEF0);
	font-size: 0.92rem;
	line-height: 1.45;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

@media (max-width: 720px) {
	.tmg-ed-revisions-form {
		flex-direction: column;
		align-items: stretch;
		min-width: 0;
		max-width: 100%;
	}

	.tmg-ed-revisions-form .tmg-home-btn {
		width: 100%;
		justify-content: center;
	}

	.tmg-ed-history-item {
		padding: 0.7rem 0.8rem;
		min-width: 0;
		overflow-wrap: anywhere;
		word-wrap: break-word;
	}

	.tmg-ed-history-meta {
		flex-direction: column;
		gap: 0.15rem;
		min-width: 0;
		flex-wrap: wrap;
	}

	.tmg-ed-history-list {
		min-width: 0;
		max-width: 100%;
		overflow-wrap: anywhere;
	}
}

/* —— Featured / cover picker —— */
.tmg-ed-featured {
	gap: 0.5rem;
}

.tmg-ed-featured-preview {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 0;
	max-width: 100%;
	overflow: hidden;
	border-radius: 10px;
	border: 1px dashed color-mix(in srgb, var(--tmg-muted, #A8BCC4) 35%, transparent);
	background: color-mix(in srgb, var(--tmg-panel, #142026) 80%, transparent);
	padding: 0.5rem;
	box-sizing: border-box;
}

.tmg-ed-featured-preview:empty {
	display: none;
}

.tmg-ed-featured-thumb,
.tmg-ed-featured-preview img {
	display: block;
	max-width: min(100%, 420px);
	width: auto;
	height: auto;
	max-height: 220px;
	object-fit: contain;
	border-radius: 8px;
}

.tmg-ed-featured-empty {
	color: var(--tmg-muted, #A8BCC4);
	font-size: 0.9rem;
	padding: 0.35rem 0.15rem;
}

.tmg-ed-featured-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.65rem;
	align-items: center;
}

.tmg-ed-featured-actions .tmg-home-btn {
	min-height: 40px;
	margin-top: 0 !important;
}

.tmg-ed-featured-hint {
	margin: 0;
	font-size: 0.82rem;
	color: var(--tmg-muted, #A8BCC4);
	line-height: 1.4;
}

/* —— wp_editor / TinyMCE chrome on desk (brand-safe; no font-size picker UI) —— */
.tmg-ed-body-field {
	min-width: 0;
	max-width: 100%;
}

.tmg-editorial-form .wp-editor-wrap,
.tmg-editorial-form .wp-editor-container,
.tmg-editorial-form .mce-tinymce,
.tmg-editorial-form .mce-container,
.tmg-editorial-form .mce-panel {
	max-width: 100%;
	box-sizing: border-box;
}

.tmg-editorial-form .wp-editor-wrap {
	width: 100%;
	min-width: 0;
}

.tmg-editorial-form .wp-editor-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	align-items: center;
	max-width: 100%;
}

.tmg-editorial-form .wp-media-buttons {
	margin-bottom: 0.35rem;
}

.tmg-editorial-form .wp-editor-container {
	border: 1px solid var(--tmg-border, #243038);
	border-radius: 0.4rem;
	background: var(--tmg-panel, #142026);
	overflow: hidden;
}

.tmg-editorial-form .mce-toolbar-grp,
.tmg-editorial-form .mce-statusbar,
.tmg-editorial-form .mce-top-part {
	background: color-mix(in srgb, var(--tmg-panel, #142026) 92%, #000) !important;
	border-color: var(--tmg-border, #243038) !important;
}

.tmg-editorial-form .mce-btn button,
.tmg-editorial-form .mce-menubtn button,
.tmg-editorial-form .mce-listbox button {
	color: var(--tmg-mist, #E8EEF0) !important;
}

.tmg-editorial-form .mce-edit-area,
.tmg-editorial-form .mce-edit-area iframe {
	max-width: 100%;
	background: #fff;
}

.tmg-editorial-form textarea.wp-editor-area {
	min-height: 18rem;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	background: var(--tmg-panel, #142026);
	color: var(--tmg-mist, #E8EEF0);
	border: 0;
}

@media (max-width: 720px) {
	.tmg-ed-featured-thumb,
	.tmg-ed-featured-preview img {
		max-width: 100%;
		max-height: 180px;
	}

	.tmg-ed-featured-actions .tmg-home-btn {
		flex: 1 1 auto;
		justify-content: center;
	}

	.tmg-editorial-form .wp-editor-wrap,
	.tmg-editorial-form .wp-editor-container,
	.tmg-editorial-form .mce-tinymce {
		min-width: 0 !important;
		width: 100% !important;
		overflow-x: clip;
	}

	.tmg-editorial-form .mce-toolbar .mce-btn-group,
	.tmg-editorial-form .mce-toolbar-grp {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* —— Public cover image —— */
.tmg-article-cover {
	margin: 0.75rem 0 1rem;
	padding: 0;
	max-width: 100%;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid var(--tmg-border, #243038);
	background: color-mix(in srgb, var(--tmg-panel, #142026) 70%, transparent);
}

.tmg-article-cover-img,
.tmg-article-cover img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
}

/* —— Public articles list (light skin share) —— */
.tmg-articles-public {
	max-width: var(--tmg-content-max, 1240px);
	margin: 0 auto;
	color: var(--tmg-mist, #E8EEF0);
	padding-bottom: 2rem;
}

.tmg-articles-public .tmg-editorial-nav,
.tmg-article-single .tmg-editorial-nav {
	margin: 0.75rem 0 1rem;
}

/* —— 1.8.59: H-overflow kill on public /articles/ (desk nav added in 1.8.58) —— */
body:has(.tmg-articles-public) .wp-site-blocks > main,
body:has(.tmg-articles-public) .wp-site-blocks > main.has-global-padding,
body:has(.tmg-articles-public) .wp-site-blocks > main.wp-block-group,
body:has(.tmg-articles-public) main .wp-block-group:has(.tmg-articles-public),
body:has(.tmg-articles-public) main .wp-block-group.alignfull:has(.tmg-articles-public),
body .entry-content:has(.tmg-articles-public),
body .wp-block-post-content:has(.tmg-articles-public),
body:has(.tmg-article-single) .wp-site-blocks > main,
body:has(.tmg-article-single) .wp-site-blocks > main.has-global-padding,
body .entry-content:has(.tmg-article-single),
body .wp-block-post-content:has(.tmg-article-single) {
	box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	overflow-x: clip;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

body:has(.tmg-articles-public) .has-global-padding > .alignfull:has(.tmg-articles-public),
body:has(.tmg-articles-public) .is-layout-constrained > .tmg-articles-public,
body:has(.tmg-articles-public) .is-layout-constrained > .alignfull:has(.tmg-articles-public),
body:has(.tmg-article-single) .has-global-padding > .alignfull:has(.tmg-article-single),
body:has(.tmg-article-single) .is-layout-constrained > .tmg-article-single,
body:has(.tmg-article-single) .is-layout-constrained > .alignfull:has(.tmg-article-single) {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

html:has(.tmg-articles-public),
body:has(.tmg-articles-public),
body:has(.tmg-articles-public) .wp-site-blocks,
html:has(.tmg-article-single),
body:has(.tmg-article-single),
body:has(.tmg-article-single) .wp-site-blocks {
	overflow-x: clip;
}

.tmg-articles-public.tmg-news-page,
.tmg-article-single {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: min(100%, var(--tmg-content-max, 1240px));
	overflow-x: clip;
	padding-left: 16px;
	padding-right: 16px;
	width: 100%;
}

.tmg-articles-public .tmg-news-masthead,
.tmg-articles-public .tmg-editorial-nav,
.tmg-article-single .tmg-editorial-nav {
	min-width: 0;
	max-width: 100%;
}

@media (max-width: 720px) {
	.tmg-articles-public .tmg-editorial-nav,
	.tmg-article-single .tmg-editorial-nav {
		flex-wrap: wrap;
	}

	.tmg-articles-public .tmg-editorial-nav .tmg-home-btn,
	.tmg-article-single .tmg-editorial-nav .tmg-home-btn {
		white-space: normal;
		max-width: 100%;
	}
}

.tmg-articles-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.tmg-articles-item {
	padding: 0.85rem 1rem;
	border: 1px solid var(--tmg-border, #243038);
	border-radius: 10px;
	background: color-mix(in srgb, var(--tmg-panel, #142026) 70%, transparent);
}

.tmg-articles-title {
	font-weight: 700;
	color: var(--tmg-teal, #2EC4B6);
	text-decoration: none;
}

.tmg-articles-title:hover,
.tmg-articles-title:focus-visible {
	text-decoration: underline;
}

.tmg-articles-meta {
	margin-top: 0.35rem;
	font-size: 0.85rem;
	color: var(--tmg-muted, #A8BCC4);
}

.tmg-article-single {
	max-width: var(--tmg-content-max, 1240px);
	margin: 0 auto;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-article-body {
	line-height: 1.6;
	margin: 1rem 0 1.5rem;
}

/* 1.8.60 — /articles/ uses same .tmg-editorial-head chrome as desk */
.tmg-articles-public.tmg-editorial .tmg-article-title {
	margin: 0 0 0.35rem;
	font-size: 1.25rem;
	color: var(--tmg-mist, #E8EEF0);
}

.tmg-articles-public.tmg-editorial .tmg-articles-list {
	margin-top: 0.35rem;
}