/*
 * Thai Civil Rise — small layer on top of theme.json.
 * Keep this file tiny; prefer theme.json tokens.
 *
 * Contrast rechecked for WCAG 2.1 AA (2026-09-25), normal text unless noted:
 *   #16202a on #ffffff  body text, well above 4.5:1
 *   #4a5563 on #ffffff  muted text, above 7:1
 *   #4a5563 on #f4f6f9  footer on surface, above 7:1
 *   #0a4a82 on #ffffff  links and outline buttons, above 7:1
 *   #ffffff on #0a4a82  filled buttons and desktop nav labels, above 7:1
 *   #16202a on #f2b400  skip-link label, above 7:1
 * Accent #f2b400 is not used as text on white (that pair is below 3:1).
 * Focus uses a 3px #16202a outline with a 2px offset, so the ring sits on the
 * page around a control, plus a gold halo. The skip-link label is #16202a on
 * #f2b400, above 7:1. Accent #f2b400 is not used as text on white.
 */

/* Visible, high-contrast focus for keyboard users (WCAG 2.4.7 / 2.4.11).
 * Specificity is intentional: a :where() ring loses to block-library outlines. */
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
	box-shadow: 0 0 0 6px var(--wp--preset--color--focus);
	border-radius: 2px;
}

/* The landmark receives programmatic focus from the skip link. No giant ring. */
#tcr-content:focus,
#tcr-content:focus-visible {
	outline: none;
	box-shadow: none;
}

@media (forced-colors: active) {
	:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
		outline: 3px solid CanvasText;
		box-shadow: none;
	}

	.tcr-skip-link:focus,
	.tcr-skip-link:focus-visible {
		background: Canvas;
		color: CanvasText;
		outline: 3px solid CanvasText;
		box-shadow: none;
	}
}

/* Hidden until keyboard focus. Core's skip-link stylesheet is not used. */
.skip-link.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link.screen-reader-text:focus,
.tcr-skip-link:focus,
.tcr-skip-link:focus-visible {
	position: fixed !important;
	top: 0.5rem;
	inset-inline-start: 0.5rem;
	z-index: 100000;
	width: auto !important;
	height: auto !important;
	min-height: 44px;
	margin: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	white-space: normal !important;
	display: inline-flex;
	align-items: center;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
	padding: 0.75rem 1rem;
	text-decoration: underline;
	outline: 3px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
	box-shadow: 0 0 0 6px var(--wp--preset--color--focus);
}

#tcr-content {
	scroll-margin-top: 0.5rem;
}

.tcr-site-header {
	border-bottom: 3px solid var(--wp--preset--color--accent);
	background: var(--wp--preset--color--base);
}

.tcr-site-header .wp-block-group.tcr-header-bar {
	flex-wrap: wrap;
	row-gap: 0.5rem;
	gap: 0.75rem;
	padding-top: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--30);
}

.tcr-site-header .tcr-site-nav {
	margin-inline-start: auto;
}

/* Core search in the header bar. The label stays visible. Results are ?s= */
.tcr-site-header .tcr-header-search {
	flex: 1 1 14rem;
	min-width: min(100%, 12rem);
	max-width: 22rem;
	margin-inline-start: auto;
}

.tcr-header-search.wp-block-search {
	min-width: 0;
	max-width: 100%;
}

.tcr-header-search .wp-block-search__label {
	font-weight: 700;
	line-height: 1.3;
}

.tcr-header-search .wp-block-search__inside-wrapper {
	flex-wrap: nowrap;
}

.tcr-header-search .wp-block-search__input {
	flex: 1 1 8rem;
	width: auto;
}

.tcr-header-search .wp-block-search__button {
	flex: 0 0 auto;
	background: var(--wp--preset--color--primary);
	color: #ffffff;
	border: 1px solid var(--wp--preset--color--primary);
}

/* The title may be a long Thai agency name. Let it wrap; keep the menu button on screen. */
.tcr-brand {
	flex: 1 1 auto;
	min-width: 0;
}

.tcr-brand .wp-block-site-title,
.tcr-brand .wp-block-site-title a {
	overflow-wrap: anywhere;
	min-width: 0;
}

.tcr-site-nav {
	flex: 0 0 auto;
}

.tcr-site-nav .wp-block-navigation__responsive-container-open,
.tcr-site-nav .wp-block-navigation__responsive-container-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	width: auto;
	height: auto;
	min-width: 44px;
	min-height: 44px;
	padding: 0.5rem 0.75rem;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.5rem;
	white-space: normal;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: absolute;
	top: 0.75rem;
	right: auto;
	left: auto;
	inset-inline-end: 0.75rem;
	max-width: calc(100% - 1.5rem);
}

.tcr-menu-label {
	font-weight: 700;
	line-height: 1.2;
}

/*
 * Narrow screens use the overlay (overlayMenu: mobile). At 600px and wider,
 * WordPress shows the same list as a horizontal bar. Long Thai labels wrap
 * inside each item. The open overlay still scrolls, and each row wraps.
 */
.tcr-site-nav .wp-block-navigation-item__content,
.tcr-site-nav .wp-block-navigation-item__label {
	white-space: normal;
	overflow-wrap: anywhere;
	height: auto;
	line-height: 1.45;
	text-align: start;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open {
	overflow-y: auto;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-block: 5.5rem 2rem;
	padding-inline: var(--wp--preset--spacing--40);
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: min(100%, 40rem);
	align-items: stretch;
	gap: 0.5rem;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	width: 100%;
	justify-content: flex-start;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	box-sizing: border-box;
	min-height: 48px;
	padding-block: 0.65rem;
	padding-inline: 0.35rem;
}

/* Long Thai parent labels sit beside a 44px submenu toggle, then the open group stacks under them. */
.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.25rem;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	flex: 1 1 12rem;
	width: auto;
	min-width: 0;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
	position: static;
	min-width: 44px;
	min-height: 44px;
	margin-inline-start: auto;
}

.tcr-site-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.is-menu-open > .wp-block-navigation__submenu-container {
	position: static;
	flex: 1 1 100%;
	width: 100%;
	height: auto;
	min-width: 0;
	padding-inline-start: 0.75rem;
	margin: 0.15rem 0 0.35rem 0.25rem;
	border: 0;
	border-inline-start: 2px solid var(--wp--preset--color--border);
	background: transparent;
	overflow: visible;
	opacity: 1;
}

/*
 * Desktop agency bar. WordPress hides the Menu control at 600px when
 * overlayMenu is mobile, and shows this list instead. White on primary
 * matches the filled-button pair (above 7:1). The gold rule marks the
 * current item; it is not the only cue (the item also keeps its label).
 */
@media (min-width: 600px) {
	.wp-site-blocks > header.wp-block-template-part {
		position: sticky;
		top: 0;
		z-index: 50;
		background: var(--wp--preset--color--base);
	}

	#tcr-content {
		scroll-margin-top: 12rem;
	}

	.tcr-site-header .wp-block-group.tcr-header-bar {
		flex-wrap: wrap;
		align-items: center;
		row-gap: 0.65rem;
	}

	.tcr-site-header.is-compact .wp-block-group.tcr-header-bar {
		padding-top: 0.4rem;
		padding-bottom: 0.35rem;
		row-gap: 0.35rem;
	}

	.tcr-site-header.is-compact .wp-block-site-title {
		font-size: 1.05rem;
	}

	.tcr-site-header .tcr-site-nav {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		margin-inline-start: 0;
		background: var(--wp--preset--color--primary);
		color: #ffffff;
		border-radius: 0.65rem;
		padding: 0.3rem;
	}

	/* Later than the shared button rule, so the Menu control stays narrow-only. */
	.tcr-site-nav .wp-block-navigation__responsive-container-open,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		overflow: visible;
		background: transparent;
	}

	.tcr-site-header .wp-block-group.tcr-header-bar,
	.tcr-site-header .wp-block-site-title {
		transition: padding 0.2s ease, font-size 0.2s ease;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
		padding: 0;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 0.15rem 0.2rem;
		width: 100%;
		max-width: 100%;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item {
		min-width: 0;
		max-width: 100%;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		min-width: 0;
		max-width: min(18rem, 100%);
		min-height: 44px;
		padding: 0.45rem 0.75rem;
		color: #ffffff;
		background: transparent;
		border-radius: 0.4rem;
		text-decoration: none;
		white-space: normal;
		overflow-wrap: break-word;
		line-height: 1.35;
		text-align: start;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content {
		color: #ffffff;
		background: rgba(255, 255, 255, 0.12);
		box-shadow: inset 0 -3px 0 var(--wp--preset--color--accent);
		text-decoration: none;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon:focus-visible {
		outline-color: #ffffff;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	/* Top-level groups position against the full bar, so a right-hand ministry item cannot hang off the viewport. */
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.has-child {
		position: static;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
		position: static;
		align-self: center;
		flex: 0 0 auto;
		width: auto;
		height: auto;
		min-width: 44px;
		min-height: 44px;
		margin: 0;
		padding: 0.35rem;
		color: #ffffff;
		background: transparent;
		border: 0;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		position: absolute !important;
		z-index: 30;
		left: 0.35rem !important;
		right: 0.35rem !important;
		top: 100% !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none;
		height: auto;
		max-height: min(70vh, 22rem);
		padding: 0.35rem;
		overflow-x: hidden;
		overflow-y: auto;
		box-sizing: border-box;
		display: flex !important;
		flex-flow: row wrap;
		gap: 0.15rem;
		background: var(--wp--preset--color--base);
		color: var(--wp--preset--color--contrast);
		border: 1px solid var(--wp--preset--color--border);
		border-radius: 0.5rem;
		box-shadow: 0 10px 28px rgba(22, 32, 42, 0.16);
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item {
		flex: 1 1 14rem;
		min-width: 0;
		max-width: 100%;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: flex;
		width: 100%;
		max-width: 100%;
		min-height: 44px;
		color: var(--wp--preset--color--contrast);
		background: transparent;
		box-shadow: none;
		text-decoration: none;
		white-space: normal !important;
		overflow-wrap: anywhere;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
		color: var(--wp--preset--color--contrast);
		background: var(--wp--preset--color--surface);
		box-shadow: inset 3px 0 0 var(--wp--preset--color--accent);
		text-decoration: none;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
		color: var(--wp--preset--color--contrast);
	}
}

@media (min-width: 783px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: 32px;
	}

	.admin-bar .tcr-skip-link:focus,
	.admin-bar .tcr-skip-link:focus-visible {
		top: 2.5rem;
	}
}

@media (min-width: 600px) and (max-width: 782px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: 46px;
	}
}

@media (forced-colors: active) {
	.tcr-header-search .wp-block-search__button {
		background: ButtonFace;
		color: ButtonText;
		border: 1px solid ButtonText;
	}
}

@media (forced-colors: active) and (min-width: 600px) {
	.tcr-site-header .tcr-site-nav {
		background: Canvas;
		color: CanvasText;
		border: 1px solid CanvasText;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
		color: LinkText;
		background: Canvas;
		box-shadow: none;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
		outline: 2px solid CanvasText;
	}

	.tcr-site-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		background: Canvas;
		color: CanvasText;
		border: 1px solid CanvasText;
		box-shadow: none;
	}
}

.tcr-footer-nav .wp-block-navigation__container {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	width: 100%;
}

.tcr-footer-nav .wp-block-navigation-item,
.tcr-footer-nav .wp-block-navigation-item__content,
.tcr-footer-nav .wp-block-navigation-item__label {
	white-space: normal;
	overflow-wrap: anywhere;
	height: auto;
	max-width: 100%;
	justify-content: flex-start;
}

.tcr-site-footer {
	background: var(--wp--preset--color--surface);
	border-top: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--muted);
}

.tcr-agency-contact {
	min-width: 0;
	max-width: 40rem;
}

.tcr-agency-contact__name,
.tcr-agency-contact__short,
.tcr-agency-contact__note,
.tcr-agency-contact__more {
	margin: 0 0 0.35rem;
	overflow-wrap: anywhere;
}

.tcr-agency-contact__name {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

.tcr-agency-contact__list {
	display: grid;
	gap: 0.35rem;
	margin: 0.35rem 0 0;
}

.tcr-agency-contact__row dt {
	font-weight: 700;
}

.tcr-agency-contact__row dd {
	margin: 0 0 0.35rem;
	overflow-wrap: anywhere;
}

.tcr-agency-contact a {
	color: var(--wp--preset--color--primary);
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.tcr-site-footer .tcr-agency-contact {
	max-width: 100%;
}

.tcr-main {
	padding-block: var(--wp--preset--spacing--50);
}

.tcr-hero {
	border-block: 1px solid var(--wp--preset--color--border);
	border-top: 4px solid var(--wp--preset--color--accent);
}

.tcr-panel {
	height: 100%;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.75rem;
	padding: var(--wp--preset--spacing--40);
}

.tcr-panel--general {
	border-top: 4px solid var(--wp--preset--color--primary);
}

.tcr-panel--corruption {
	border-top: 4px solid var(--wp--preset--color--primary-strong);
}

.tcr-fields {
	margin-top: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.75rem;
	padding: var(--wp--preset--spacing--40);
}

.tcr-fields__title {
	margin-top: 0;
	font-size: var(--wp--preset--font-size--large);
}

.tcr-fields__list {
	margin: 0;
	display: grid;
	gap: 0.75rem;
}

.tcr-fields__row {
	display: grid;
	gap: 0.15rem;
}

.tcr-fields dt {
	font-weight: 700;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.tcr-fields dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.tcr-fields a {
	color: var(--wp--preset--color--primary);
}

.tcr-empty-note {
	margin: 0;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0.75rem;
	padding: var(--wp--preset--spacing--40);
}

.tcr-policy-links,
.tcr-sitemap__sections {
	list-style: none;
	padding-inline-start: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

/* Gold banner, dark text: #16202a on #f2b400 stays above 7:1. */
.tcr-splash {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
	padding: 0.75rem var(--wp--preset--spacing--40);
}

.tcr-splash p {
	margin: 0.15rem 0;
}

.tcr-splash__title {
	font-weight: 700;
}

.tcr-pdpa-consent {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 40;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	max-height: min(70vh, 28rem);
	background: var(--wp--preset--color--contrast);
	color: #ffffff;
	padding: 1rem var(--wp--preset--spacing--40);
	padding-bottom: max(1rem, env(safe-area-inset-bottom));
	overflow: hidden;
	overflow-wrap: anywhere;
}

.tcr-pdpa-consent__text {
	margin: 0;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* Fallback until cookie-consent.js measures the real height. No entrance motion. */
body:has(#tcr-pdpa-consent:not([hidden])) {
	padding-bottom: min(70vh, 28rem);
}

.tcr-pdpa-consent a {
	color: #ffffff;
	text-decoration: underline;
}

.tcr-pdpa-consent__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 0 0 auto;
	gap: 0.5rem;
	margin: 0;
}

.tcr-pdpa-consent__link,
.tcr-pdpa-consent button {
	font: inherit;
	min-height: 44px;
	padding: 0.5rem 0.85rem;
	border-radius: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.tcr-pdpa-consent button {
	cursor: pointer;
}

.tcr-pdpa-consent button[data-tcr-consent="essential"] {
	background: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.tcr-pdpa-consent button[data-tcr-consent="optional"] {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--accent);
}

.tcr-pdpa-consent a:focus-visible,
.tcr-pdpa-consent button:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	box-shadow: none;
}

/* Touch-friendly targets (WCAG 2.5.5 / 2.5.8). */
.wp-block-navigation-item__content,
.wp-block-button__link,
.wp-block-query-pagination a,
.wp-block-query-pagination span,
.tcr-policy-links a,
.tcr-sitemap__sections a,
.tcr-footer-nav .wp-block-navigation-item__content,
.tcr-main .wp-block-list > li > a,
.tcr-panel p > a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding-block: 0.35rem;
}

.tcr-footer-nav .wp-block-navigation__container,
.tcr-policy-links {
	gap: 0.35rem;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span {
	min-width: 44px;
	justify-content: center;
}

/* Long Thai strings and URLs must not overflow on phones. */
.wp-block-post-content,
.wp-block-post-title,
.wp-block-heading,
.tcr-panel,
.tcr-hero,
.tcr-fields {
	overflow-wrap: anywhere;
}

/* Complaint and tracking fields stay inside a 320px column. */
.tcr-main .tcr-intake,
.tcr-main .tcr-track,
.tcr-main .tcr-intake__form,
.tcr-main .tcr-track__form,
.tcr-main .wp-block-search {
	min-width: 0;
	max-width: 100%;
}

.tcr-main .tcr-intake__form > *,
.tcr-main .tcr-track__form > *,
.tcr-main .tcr-intake__field,
.tcr-main .tcr-track__field {
	min-width: 0;
	max-width: 100%;
}

.tcr-main .tcr-intake input,
.tcr-main .tcr-intake textarea,
.tcr-main .tcr-intake button,
.tcr-main .tcr-track input,
.tcr-main .tcr-track button,
.wp-block-search__input,
.wp-block-search__button {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	font-size: max(1rem, 1em);
}

.tcr-main .tcr-intake input[type="file"] {
	width: 100%;
	overflow: hidden;
}

.tcr-main .tcr-intake__field label,
.tcr-main .tcr-track__field label,
.tcr-main .tcr-intake button,
.tcr-main .tcr-track button {
	overflow-wrap: anywhere;
}

.tcr-main .tcr-intake__form,
.tcr-main .tcr-track__form {
	gap: 1rem;
}

.tcr-main .tcr-intake__consent input {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	min-height: 1.5rem;
	accent-color: var(--wp--preset--color--primary);
}

.tcr-main .tcr-track__status {
	grid-template-columns: minmax(0, 1fr);
}

.tcr-main .tcr-track__status dt,
.tcr-main .tcr-track__status dd {
	min-width: 0;
	overflow-wrap: anywhere;
}

.wp-block-search__inside-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: 100%;
}

.wp-block-search__input {
	flex: 1 1 12rem;
	width: 100%;
	min-height: 44px;
}

.wp-block-search__button {
	min-height: 44px;
	min-width: 44px;
}

@media (max-width: 599.98px) {
	.tcr-site-header .tcr-header-search {
		flex-basis: 100%;
		max-width: none;
		margin-inline-start: 0;
	}

	.tcr-header-search .wp-block-search__inside-wrapper {
		flex-wrap: wrap;
	}
}

@media (max-width: 39.99rem) {
	.tcr-site-header .tcr-brand {
		flex-basis: 100%;
	}

	.tcr-main .tcr-intake__actions button,
	.tcr-main .tcr-track__actions button {
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	.tcr-main .tcr-intake__consent input {
		width: 2.75rem;
		height: 2.75rem;
		min-width: 2.75rem;
		min-height: 2.75rem;
	}
}

@media (min-width: 30rem) {
	.tcr-main .tcr-track__status {
		grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
	}
}

@media (min-width: 40rem) {
	.tcr-site-header .tcr-brand {
		flex-basis: auto;
	}

	.tcr-policy-links,
	.tcr-footer-nav .wp-block-navigation__container {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.35rem 1.25rem;
	}

	.tcr-pdpa-consent__actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	.tcr-fields__row {
		grid-template-columns: minmax(8rem, 14rem) minmax(0, 1fr);
		column-gap: 1rem;
		align-items: baseline;
	}
}

/*
 * Breadcrumb trail. Labels stay "English / ไทย". The chevron is the step
 * mark so it is not another bilingual slash. It sits in <main>, not in the
 * header overlay and not in the consent bar.
 */
.tcr-breadcrumbs {
	margin: 0 0 var(--wp--preset--spacing--30);
	max-width: 100%;
	min-width: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	color: var(--wp--preset--color--muted);
}

.tcr-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.15rem 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tcr-breadcrumbs li {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	max-width: 100%;
}

.tcr-breadcrumbs a,
.tcr-breadcrumbs [aria-current="page"] {
	overflow-wrap: anywhere;
}

.tcr-breadcrumbs a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.tcr-breadcrumbs [aria-current="page"] {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

.tcr-breadcrumbs__sep {
	color: var(--wp--preset--color--muted);
	user-select: none;
}

/*
 * News and CPT archive cards. One column on a phone; two from 40rem.
 * An empty query still uses its pattern. A missing featured image renders nothing.
 */
.tcr-entry-list {
	min-width: 0;
	max-width: 100%;
}

ul.tcr-entry-cards,
.tcr-entry-cards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

.tcr-entry-cards > li {
	margin: 0;
	min-width: 0;
}

.tcr-entry-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-top: 3px solid var(--wp--preset--color--accent);
	border-radius: 0.75rem;
	padding: var(--wp--preset--spacing--40);
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
}

.tcr-entry-card .wp-block-post-title,
.tcr-entry-card > :first-child {
	margin-top: 0;
}

.tcr-entry-card .wp-block-post-title a {
	overflow-wrap: anywhere;
}

.tcr-entry-card .wp-block-post-excerpt,
.tcr-entry-card .wp-block-post-excerpt__excerpt {
	margin-bottom: 0;
}

.tcr-entry-card__media {
	margin: 0 0 0.75rem;
	border-radius: 0.5rem;
	overflow: hidden;
}

.tcr-entry-card__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.tcr-entry-card__media.is-portrait img,
.tcr-entry-cards--people .tcr-entry-card__media img {
	aspect-ratio: 1;
}

.tcr-entry-list .wp-block-query-pagination {
	margin-top: var(--wp--preset--spacing--40);
}

@media (min-width: 40rem) {
	.tcr-entry-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (forced-colors: active) {
	.tcr-breadcrumbs [aria-current="page"] {
		color: CanvasText;
	}

	.tcr-entry-card {
		border: 1px solid CanvasText;
		background: Canvas;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		animation-delay: 0s !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0s !important;
	}
}

/*
 * Single reading column. Posts, pages, and CPT singles.
 * 40rem matches the intake and tracking forms. The site content size stays 46rem.
 * Thai body text gets a looser line and a little more space between blocks.
 * A featured image, when the item has one, uses the same frame as an archive card.
 * The front page does not use this class.
 */
.tcr-main.tcr-reading.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 40rem;
}

.tcr-reading .wp-block-post-title,
.tcr-reading .wp-block-post-content :where(h2, h3, h4) {
	line-height: 1.35;
}

.tcr-reading .wp-block-post-content {
	line-height: 1.85;
	--wp--style--block-gap: 1.25em;
}

.tcr-reading .wp-block-post-content p,
.tcr-reading .wp-block-post-content li {
	line-height: 1.85;
}

.tcr-reading .wp-block-post-featured-image,
.tcr-reading .tcr-reading-media {
	margin-block: 0;
	max-width: 100%;
	border: 1px solid var(--wp--preset--color--border);
	border-top: 3px solid var(--wp--preset--color--accent);
	border-radius: 0.75rem;
	overflow: hidden;
	background: var(--wp--preset--color--surface);
}

.tcr-reading .wp-block-post-featured-image img,
.tcr-reading .tcr-reading-media img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.tcr-reading .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

/*
 * Meeting print. Hide site chrome. Keep the title, the short trail, the body,
 * and the agency contact. A long table may continue on the next page. A row,
 * a figure, and an image stay on one page when they fit.
 */
@media print {
	@page {
		margin: 1.5cm;
	}

	html,
	body {
		background: #ffffff !important;
		color: #16202a !important;
		padding: 0 !important;
	}

	body:has(#tcr-pdpa-consent:not([hidden])) {
		padding-bottom: 0 !important;
	}

	#wpadminbar,
	.tcr-skip-link,
	.skip-link,
	header.wp-block-template-part,
	.tcr-site-header,
	.tcr-header-search,
	.tcr-site-nav,
	.wp-block-navigation__responsive-container,
	.wp-block-navigation__responsive-container.is-menu-open,
	#tcr-pdpa-consent,
	.tcr-pdpa-consent,
	.tcr-splash,
	.tcr-site-footer .wp-block-site-title,
	.tcr-site-footer .wp-block-site-tagline,
	.tcr-site-footer .tcr-footer-nav,
	.tcr-site-footer .tcr-policy-links,
	.tcr-site-footer .has-small-font-size,
	.tcr-main > .wp-block-separator,
	.tcr-main > nav.wp-block-group,
	.wp-block-post-navigation-link,
	.wp-block-query-pagination {
		display: none !important;
	}

	.tcr-main {
		padding: 0;
	}

	.tcr-main,
	.tcr-main.tcr-reading.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	.tcr-reading .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
	.wp-block-post-content,
	.wp-block-table,
	table {
		max-width: none !important;
		width: 100%;
	}

	.tcr-breadcrumbs {
		margin: 0 0 0.75rem;
		font-size: 0.875rem;
		background: transparent;
	}

	.tcr-breadcrumbs a,
	.tcr-breadcrumbs [aria-current="page"] {
		min-height: 0;
		padding: 0;
		color: #16202a;
	}

	.tcr-breadcrumbs__sep {
		color: #16202a;
	}

	.wp-block-post-title,
	.wp-block-post-content,
	.tcr-fields {
		color: #16202a;
	}

	.wp-block-post-content a,
	.tcr-agency-contact a,
	.tcr-breadcrumbs a {
		color: #16202a;
		text-decoration: underline;
	}

	.tcr-agency-contact {
		max-width: none;
		margin-top: 1.5rem;
		padding-top: 0.75rem;
		border-top: 1px solid #16202a;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.tcr-agency-contact a {
		min-height: 0;
		display: inline;
	}

	.tcr-site-footer {
		background: transparent;
		border: 0;
		color: #16202a;
	}

	h1,
	h2,
	h3,
	h4 {
		break-after: avoid;
		page-break-after: avoid;
	}

	p,
	li {
		orphans: 3;
		widows: 3;
	}

	img,
	figure,
	.wp-block-image,
	.wp-block-post-featured-image,
	.tcr-reading-media,
	.tcr-entry-card {
		max-width: 100% !important;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.wp-block-post-content img,
	.wp-block-post-featured-image img,
	.wp-block-image img {
		max-width: 100% !important;
	}

	.wp-block-table {
		overflow: visible !important;
		max-width: 100%;
	}

	table {
		width: 100%;
		border-collapse: collapse;
	}

	thead {
		display: table-header-group;
	}

	tr,
	th,
	td {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.wp-block-table th,
	.wp-block-table td,
	.tcr-fields th,
	.tcr-fields td {
		border: 1px solid #16202a;
		padding: 0.35rem 0.5rem;
		text-align: start;
		print-color-adjust: exact;
	}
}