/*
 * Insights, root .smh-insights (home.html = the posts page, category.html, archive.html, index.html, single.html;
 * docs/ARCHITECTURE.md 5.12). Owner: WP7.
 * Index: the letterhead band (page-header.css) with the category links, then editorial rows on hairlines: the meta
 * (date · category · last review) in a register column (3 of 12) beside the title (x-large, petrol link) and the
 * excerpt (7 of 12) from 1024; stacked below. Pagination as 44 px targets. Empty state: one calm line.
 * Single (--single): 720 reading column (constrained layout), category, H1, meta line, the article, a disclaimer
 * callout (ground, 3 px petrol rule on the inline start), then the closing CTA panel (cta-panel.css, the pocket).
 * Logical properties; Chromium 114; tokens only.
 */

/* The template's <main> (constrained layout): the band and the body sit flush; the band's padding is the gap. */
.wp-block-group.smh-insights > * { margin-block: 0; }

/* ---------- Category links in the band ---------- */
.smh-insights__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--50);
	margin: 0;
	padding: 0;
	list-style: none;
}
.smh-insights__cats li { margin: 0; }
.smh-insights__cats a {
	display: inline-flex;
	align-items: center;
	min-block-size: var(--smh-target);
	font-weight: 500;
	color: var(--smh-petrol);
	text-decoration: none;
	border-block-end: 2px solid transparent;
	transition: border-color var(--smh-state) linear, color var(--smh-state) linear;
}
.smh-insights__cats a:hover { border-block-end-color: var(--smh-petrol); }
.smh-insights__cats .current-cat > a { color: var(--smh-ink); border-block-end-color: var(--smh-petrol); }

/* ---------- Rows ---------- */
.smh-insights__body { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80); }
.wp-block-group.smh-insights__body > * { margin-block: 0; }
.smh-insights__query > * { margin-block: 0; }
.smh-insights__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-block-end: 1px solid var(--smh-line);
}
.smh-insights__list > li { margin: 0; }
.smh-insights__row {
	display: grid;
	gap: var(--wp--preset--spacing--20) 1.5rem;
	padding-block: var(--wp--preset--spacing--60);
	border-block-start: 1px solid var(--smh-line);
}
.wp-block-group.smh-insights__row > *,
.wp-block-group.smh-insights__text > * { margin-block: 0; }
.wp-block-group.smh-insights__text > * + * { margin-block-start: var(--wp--preset--spacing--30); }
.smh-insights__title {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	line-height: var(--smh-lh-snug);
}
html[lang|="en"] .smh-insights__title { line-height: 1.3; }
.smh-insights__title a { padding-block: 0.25rem; color: var(--smh-petrol); text-decoration: none; }
.smh-insights__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.smh-insights__excerpt,
.smh-insights__excerpt p { margin: 0; max-inline-size: var(--smh-measure); color: var(--smh-ink); }
.smh-insights__excerpt .wp-block-post-excerpt__more-text { display: none; }
@media (min-width: 1024px) {
	.smh-insights__row { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: baseline; }
	.smh-insights__meta { grid-column: 1 / span 3; }
	.smh-insights__text { grid-column: 4 / span 8; }
	.smh-insights__row .smh-insights__meta.smh-entry-meta { flex-direction: column; align-items: flex-start; gap: 0; }
	.smh-insights__row .smh-insights__meta .smh-entry-meta__sep { display: none; }
}

.smh-insights__empty {
	margin: 0;
	padding-block: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--large);
	color: var(--smh-ink);
}

/* ---------- Single ---------- */
.smh-insights__cat { font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.smh-insights__cat a { padding-block: 0.6rem; color: var(--smh-petrol-light); }

.smh-insights__content { padding-block: var(--wp--preset--spacing--70) 0; }
.smh-insights__content > * { margin-block: 0; }
.smh-insights__content > * + * { margin-block-start: var(--wp--preset--spacing--50); }
.smh-insights__content > h2 {
	margin-block-start: var(--wp--preset--spacing--70);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
}
.smh-insights__content > h3 {
	margin-block-start: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
}
.smh-insights__content > h2 + *,
.smh-insights__content > h3 + * { margin-block-start: var(--wp--preset--spacing--30); }
.smh-insights__content ul { list-style: none; padding-inline-start: 0; }
.smh-insights__content ul > li { position: relative; padding-inline-start: 1.375rem; }
.smh-insights__content ul > li + li { margin-block-start: var(--wp--preset--spacing--20); }
.smh-insights__content ul > li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0.125rem;
	top: calc(0.925em - 3px);
	inline-size: 6px;
	block-size: 6px;
	background: var(--smh-petrol);
}
html[lang|="en"] .smh-insights__content ul > li::before { top: calc(0.825em - 3px); }
.smh-insights__content ol { padding-inline-start: 1.5rem; }
.smh-insights__content ol > li::marker { color: var(--smh-petrol-light); font-weight: 500; }
.smh-insights__content .wp-block-quote {
	margin-inline: 0;
	padding-inline-start: var(--wp--preset--spacing--50);
	border-inline-start: var(--smh-bracket-bar) solid var(--smh-petrol);
	font-size: var(--wp--preset--font-size--large);
	color: var(--smh-ink);
}
.smh-insights__content .wp-block-quote p { margin: 0; }

.smh-insights__after { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--90); }
.smh-insights__after > * { margin-block: 0; }
.smh-insights__disclaimer {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	background-color: var(--smh-ground);
	border-inline-start: var(--smh-bracket-bar) solid var(--smh-petrol);
}
.smh-insights__disclaimer-text {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--smh-lh-loose);
	color: var(--smh-ink);
}

/* Empty state (fixer 2026-09-29, design review: the English index was a dead end with one line): the compact services
   ledger and the consultation CTA under the line, as on the search empty state. */
.smh-insights__services { margin-block-start: var(--wp--preset--spacing--70); max-inline-size: 36rem; }
.smh-insights__cta { margin-block-start: var(--wp--preset--spacing--60); }

/* ==========================================================================================================
 * Design A "Living Network" (2026-10-01): the band is page-header.css; category links sit in the band as light text
 * links; every article row is a resting card (design A sh-1 + steel hairline) that lifts and shows the logo
 * gradient on its top edge when its title link is hovered or focused; the article's disclaimer is a callout card.
 * ========================================================================================================== */
.smh-page-header .smh-insights__cats a { color: rgb(220 230 233 / 0.9); border-block-end-color: rgb(255 255 255 / 0.3); }
.smh-page-header .smh-insights__cats a:hover { color: var(--smh-white); border-block-end-color: var(--smh-white); }
.smh-page-header .smh-insights__cats .current-cat > a { color: var(--smh-white); border-block-end-color: var(--smh-white); }
.smh-page-header .smh-insights__cat a { color: var(--smh-mist); }
.smh-page-header .smh-entry-meta, .smh-page-header .smh-entry-meta * { color: var(--smh-mist); }

.smh-insights .smh-insights__list { display: grid; gap: 1.25rem; border: 0; }
.wp-block-group.smh-insights__row {
	position: relative;
	padding: clamp(1.25rem, 2.6vw, 2rem);
	border: 0;
	border-radius: var(--smh-r-tab);
	background: var(--smh-white);
	box-shadow: 0 1px 2px rgb(18 48 59 / 0.05), 0 10px 30px -18px rgb(18 48 59 / 0.2), inset 0 0 0 1px rgb(172 177 186 / 0.5);
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.wp-block-group.smh-insights__row::after {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	height: 3px;
	background: var(--smh-grad-logo);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.wp-block-group.smh-insights__row:has(a:hover, a:focus-visible) {
	transform: translateY(-6px);
	box-shadow: 0 1px 1px rgb(18 48 59 / 0.05), 0 8px 18px -8px rgb(18 48 59 / 0.16), 0 34px 64px -26px rgb(12 46 58 / 0.38);
}
.wp-block-group.smh-insights__row:has(a:hover, a:focus-visible)::after { transform: scaleX(1); }
.smh-insights__title a { color: var(--smh-ink); }
.smh-insights__title a:hover { color: var(--smh-petrol); }
.smh-insights__excerpt, .smh-insights__excerpt p { color: var(--smh-muted); }
.smh-insights__disclaimer {
	border-radius: var(--smh-r-tab);
	box-shadow: 0 1px 2px rgb(18 48 59 / 0.05), 0 10px 30px -18px rgb(18 48 59 / 0.2);
}