/* Reading and topic archives: presentation only, with original GP templates. */
:is(.single-post, .category) #page {
	max-width: var(--tu24-container);
	margin-inline: auto;
}
:is(.single-post, .category) :is(#primary, .sidebar, .inside-article) { min-width: 0; }
:is(.single-post, .category) .site-main > article > .inside-article {
	padding: clamp(1.125rem, 3vw, 2.5rem);
	border: 1px solid var(--tu24-border);
	border-radius: var(--tu24-radius-card);
	background: var(--tu24-surface);
	box-shadow: var(--tu24-shadow-small);
}
.single-post .site-main .entry-header {
	padding-bottom: var(--tu24-space-5);
	border-bottom: 1px solid var(--tu24-border);
}
.single-post .site-main .entry-title {
	max-width: 28ch;
	margin-bottom: var(--tu24-space-4);
	color: var(--tu24-navy);
	font-size: clamp(1.75rem, 1.25rem + 1.7vw, 2.75rem);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.025em;
	overflow-wrap: anywhere;
}
.single-post .entry-header .entry-meta {
	font-size: var(--tu24-text-small);
	line-height: 1.8;
}
.single-post .entry-content {
	margin-top: var(--tu24-space-5);
	font-size: clamp(1.0625rem, 1rem + 0.2vw, 1.125rem);
	line-height: 1.8;
	overflow-wrap: anywhere;
}
/* Low specificity leaves authored block colors, sizes and alignment in control. */
:where(.single-post .entry-content) > :where(p, ul, ol):not(.alignwide):not(.alignfull) {
	max-width: 72ch;
	margin-bottom: 1.4em;
}
:where(.single-post .entry-content) :where(h2, h3, h4) {
	margin-block: 1.8em 0.65em;
	line-height: 1.3;
	scroll-margin-top: 2rem;
}
:where(.single-post .entry-content) :where(h2, h3, h4):not(.has-text-color) { color: var(--tu24-navy); }
:where(.single-post .entry-content) :where(h2):not(.has-custom-font-size) { font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem); }
:where(.single-post .entry-content) :where(h3):not(.has-custom-font-size) { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); }
:where(.single-post .entry-content) :where(li) { margin-block: 0.45em; padding-inline-start: 0.15em; }
:where(.single-post .entry-content) :where(li)::marker { color: var(--tu24-orange); }
:where(.single-post .entry-content) :where(blockquote):not(.has-background) {
	margin-inline: 0;
	padding: var(--tu24-space-5);
	border-inline-start: 3px solid var(--tu24-cloud);
	border-radius: 0 var(--tu24-radius-small) var(--tu24-radius-small) 0;
	background: var(--tu24-cloud-soft);
	font-size: inherit;
	font-style: normal;
}
:where(.single-post .entry-content) :where(blockquote p:last-child) { margin-bottom: 0; }
:where(.single-post .entry-content) :where(pre) {
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: auto;
	padding: var(--tu24-space-5);
	border-radius: var(--tu24-radius-small);
	font: 0.875rem/1.7 var(--tu24-font-mono);
	tab-size: 4;
}
:where(.single-post .entry-content) :where(pre):not(.has-background):not(.has-text-color) {
	background: var(--tu24-navy);
	color: var(--tu24-on-dark);
}
:where(.single-post .entry-content) :where(p, li) > :where(code) {
	padding: 0.15em 0.35em;
	border-radius: 0.25rem;
	background: var(--tu24-background);
	font-size: 0.9em;
	overflow-wrap: anywhere;
}
.single-post .entry-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
	margin-block: var(--tu24-space-5);
}
:where(.single-post .entry-content) :where(table) { border-collapse: collapse; font-size: 1rem; line-height: 1.6; }
:where(.single-post .entry-content) :where(th, td) { padding: 0.8em 1em; border: 1px solid var(--tu24-border); }
:where(.single-post .entry-content) :where(th):not(.has-background) { background: var(--tu24-background); text-align: start; }
:where(.single-post .entry-content) :where(figcaption) { color: var(--tu24-muted); font-size: var(--tu24-text-small); line-height: 1.6; }
.single-post .inside-article > .featured-image img,
.single-post .inside-article > .post-image img { border-radius: var(--tu24-radius-small); }
/* Style the existing TOC and FAQ; do not create additional copies or scripts. */
.single-post .entry-content #ez-toc-container {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: var(--tu24-space-5);
	border: 1px solid var(--tu24-border);
	border-radius: var(--tu24-radius-card);
	background: var(--tu24-background);
	box-shadow: none;
	margin-block: var(--tu24-space-5) var(--tu24-space-6);
}
.single-post .entry-content #ez-toc-container a {
	display: inline-block;
	padding-block: 0.35em;
	color: var(--tu24-navy);
	font-size: 1rem;
	line-height: 1.6;
}
.single-post .entry-content #ez-toc-container a:hover { color: var(--tu24-orange); }
.single-post .entry-content .rank-math-list-item {
	padding-block: var(--tu24-space-4);
	border-bottom: 1px solid var(--tu24-border);
}
.single-post .entry-content .rank-math-question { margin-block: 0 var(--tu24-space-3); }
.single-post .entry-content .rank-math-answer > :last-child { margin-bottom: 0; }

/* Topic pages retain the main query, pagination, excerpts and native images. */
.category { --tu24-topic-accent: var(--tu24-orange); }
.category-cloud-devops { --tu24-topic-accent: var(--tu24-cloud); }
.category-cloud-security { --tu24-topic-accent: var(--tu24-security); }
.category-agentic-ai-llms { --tu24-topic-accent: var(--tu24-ai); }
.category .site-main > .page-header {
	padding: clamp(1.125rem, 3vw, 2.5rem);
	margin-bottom: var(--tu24-space-5);
	border: 1px solid var(--tu24-border);
	border-top: 3px solid var(--tu24-topic-accent);
	border-radius: var(--tu24-radius-card);
	background: var(--tu24-surface);
}
.category .page-header .page-title {
	margin: 0;
	color: var(--tu24-navy);
	font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
}
.category .taxonomy-description { max-width: 65ch; color: var(--tu24-muted); font-size: 1rem; line-height: 1.7; }
.category .taxonomy-description p:last-child { margin-bottom: 0; }
.category .site-main > article { margin-bottom: var(--tu24-space-5); }
.category .site-main .entry-title { font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem); line-height: 1.3; font-weight: 700; }
.category .site-main .entry-title a { display: block; min-height: 44px; color: var(--tu24-navy); text-decoration: none; }
.category .site-main .entry-title a:is(:hover, :focus-visible) { color: var(--tu24-orange); text-decoration: underline; }
.category .entry-summary { font-size: 1rem; line-height: 1.75; }
.category .post-image img { border-radius: var(--tu24-radius-small); }
.category .read-more {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: var(--tu24-space-2);
	font-weight: 600;
}
.category .paging-navigation .nav-links { display: flex; flex-wrap: wrap; gap: var(--tu24-space-2); }
.category .paging-navigation :is(a, .current) { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: var(--tu24-space-2); border-radius: var(--tu24-radius-small); }
.category .paging-navigation .current { background: var(--tu24-navy); color: var(--tu24-on-dark); }

/* Keep comparison columns readable; scroll the table, never the whole page. */
.single-post .entry-content .wp-block-table table {
	min-width: 32rem;
}
.single-post .entry-content .wp-block-table :is(th, td) {
	padding: 0.8em 1em;
	overflow-wrap: normal;
}