/**
 * UnfoldWithAI — main frontend stylesheet.
 *
 * Phase 4A tokens + Phase 4B homepage / chrome.
 *
 * @package UnfoldWithAI
 * @since   1.2.0
 */

:root {
	--uwai-ink: #0b1220;
	--uwai-paper: #f5f7fa;
	--uwai-surface: #ffffff;
	--uwai-surface-2: #eef1f6;
	--uwai-border: #d8dee8;
	--uwai-border-subtle: #e8ecf2;
	--uwai-muted: #6b778a;
	--uwai-secondary: #3d4a5c;
	--uwai-accent: #0b6bcb;
	--uwai-accent-hover: #0958a8;
	--uwai-accent-soft: #e8f2fc;
	--uwai-mark-from: #4a00e0;
	--uwai-mark-to: #00a3ff;
	--uwai-affiliate: #0f766e;

	--uwai-font-sans: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	--uwai-font-serif: "Source Serif 4", Georgia, serif;
	--uwai-font-mono: "IBM Plex Mono", ui-monospace, monospace;

	--uwai-space-1: 0.25rem;
	--uwai-space-2: 0.5rem;
	--uwai-space-3: 0.75rem;
	--uwai-space-4: 1rem;
	--uwai-space-5: 1.5rem;
	--uwai-space-6: 2rem;
	--uwai-space-7: 3rem;
	--uwai-space-8: 4rem;
	--uwai-space-9: 6rem;

	--uwai-radius-sm: 4px;
	--uwai-radius-md: 8px;
	--uwai-radius-lg: 12px;
	--uwai-shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.06);
	--uwai-shadow-md: 0 8px 24px rgba(11, 18, 32, 0.08);
	--uwai-content: 70rem;
	--uwai-gutter: clamp(1rem, 4vw, 2rem);
	--uwai-header-h: 3.5rem;
	--uwai-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--uwai-duration: 200ms;
}

/* -------------------------------------------------------------------------
   Base / a11y
   ------------------------------------------------------------------------- */

.uwai-skip-link {
	position: absolute;
	left: -999px;
	top: 0;
	z-index: 100000;
	padding: 0.75rem 1rem;
	background: var(--uwai-accent);
	color: #fff;
	font-family: var(--uwai-font-sans);
}

.uwai-skip-link:focus {
	left: var(--uwai-gutter);
	top: 0.5rem;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.uwai-container {
	width: min(100% - (var(--uwai-gutter) * 2), var(--uwai-content));
	margin-inline: auto;
}

body.home .site-content,
body.home #content,
body.home .ast-container {
	max-width: none;
	padding: 0;
	margin: 0;
}

body.home .entry-header,
body.home .ast-archive-description {
	display: none;
}

/* -------------------------------------------------------------------------
   Buttons / links
   ------------------------------------------------------------------------- */

.uwai-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.75rem 1.125rem;
	border-radius: var(--uwai-radius-md);
	border: 1px solid transparent;
	font-family: var(--uwai-font-sans);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--uwai-duration) var(--uwai-ease), color var(--uwai-duration) var(--uwai-ease), border-color var(--uwai-duration) var(--uwai-ease);
}

.uwai-btn:focus-visible,
.uwai-path-card:focus-visible,
.uwai-card__link:focus-visible,
.uwai-text-link:focus-visible,
.uwai-nav a:focus-visible,
.uwai-tabs__tab:focus-visible,
.uwai-announce__close:focus-visible,
.uwai-header__toggle:focus-visible {
	outline: 2px solid var(--uwai-accent);
	outline-offset: 2px;
}

.uwai-btn--primary {
	background: var(--uwai-accent);
	color: #fff;
}

.uwai-btn--primary:hover {
	background: var(--uwai-accent-hover);
	color: #fff;
}

.uwai-btn--secondary {
	background: transparent;
	border-color: var(--uwai-ink);
	color: var(--uwai-ink);
}

.uwai-btn--secondary:hover {
	background: var(--uwai-surface-2);
}

.uwai-btn--ghost {
	background: transparent;
	color: var(--uwai-accent);
	min-height: 40px;
	padding-inline: 0.75rem;
}

.uwai-text-link {
	font-family: var(--uwai-font-sans);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--uwai-accent);
	text-decoration: none;
}

.uwai-text-link:hover {
	text-decoration: underline;
}

.uwai-overline {
	margin: 0 0 var(--uwai-space-2);
	font-family: var(--uwai-font-sans);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--uwai-muted);
}

/* -------------------------------------------------------------------------
   Announcement
   ------------------------------------------------------------------------- */

.uwai-announce {
	background: var(--uwai-ink);
	color: #fff;
	font-family: var(--uwai-font-sans);
	font-size: 0.875rem;
}

.uwai-announce__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--uwai-space-3);
	padding-block: 0.625rem;
}

.uwai-announce__text {
	margin: 0;
}

.uwai-announce__text a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.uwai-announce__close {
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1;
	min-width: 44px;
	min-height: 44px;
	cursor: pointer;
}

/* -------------------------------------------------------------------------
   Header / nav
   ------------------------------------------------------------------------- */

.uwai-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--uwai-surface);
	border-bottom: 1px solid var(--uwai-border-subtle);
	font-family: var(--uwai-font-sans);
}

.uwai-header.is-stuck {
	box-shadow: var(--uwai-shadow-sm);
}

.uwai-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--uwai-space-4);
	min-height: var(--uwai-header-h);
	padding-block: 0.5rem;
}

.uwai-nav {
	display: none;
	flex-direction: column;
	gap: var(--uwai-space-4);
	width: 100%;
	flex-basis: 100%;
	padding-bottom: var(--uwai-space-4);
}

.uwai-header__brand {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--uwai-ink);
	flex-shrink: 0;
}

.uwai-header__logo {
	display: block;
	height: 32px;
	width: auto;
}

.uwai-header__wordmark {
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	background: linear-gradient(90deg, var(--uwai-mark-from), var(--uwai-mark-to));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.uwai-header__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-md);
	background: var(--uwai-surface);
	cursor: pointer;
}

.uwai-header__toggle span:not(.screen-reader-text) {
	display: block;
	width: 18px;
	height: 2px;
	background: var(--uwai-ink);
	box-shadow: 0 5px 0 var(--uwai-ink), 0 -5px 0 var(--uwai-ink);
}

.uwai-nav.is-open {
	display: flex;
}

.uwai-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.uwai-nav__list a {
	display: block;
	padding: 0.75rem 0.25rem;
	color: var(--uwai-ink);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
}

.uwai-nav__list a:hover,
.uwai-nav__list .current-menu-item > a {
	color: var(--uwai-accent);
}

.uwai-nav__search {
	display: flex;
	gap: var(--uwai-space-2);
}

.uwai-nav__search input[type="search"] {
	flex: 1;
	min-height: 44px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-md);
	font: inherit;
}

.uwai-nav__cta {
	width: 100%;
}

@media (min-width: 960px) {
	:root {
		--uwai-header-h: 4rem;
	}

	.uwai-header__toggle {
		display: none;
	}

	.uwai-header__inner {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
	}

	.uwai-nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: var(--uwai-space-5);
		padding-bottom: 0;
		width: auto;
	}

	.uwai-nav__list {
		flex-direction: row;
		align-items: center;
		gap: var(--uwai-space-4);
	}

	.uwai-nav__list a {
		padding: 0.5rem 0;
		border-bottom: 2px solid transparent;
	}

	.uwai-nav__list .current-menu-item > a,
	.uwai-nav__list a:hover {
		border-bottom-color: var(--uwai-accent);
	}

	.uwai-nav__search {
		max-width: 16rem;
	}

	.uwai-nav__cta {
		width: auto;
		white-space: nowrap;
	}
}

/* -------------------------------------------------------------------------
   Home sections
   ------------------------------------------------------------------------- */

.uwai-home {
	background: var(--uwai-paper);
	color: var(--uwai-ink);
	font-family: var(--uwai-font-sans);
}

.uwai-section {
	padding-block: clamp(3rem, 6vw, 5rem);
}

.uwai-section--alt {
	background: var(--uwai-surface-2);
}

.uwai-section__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--uwai-space-4);
	margin-bottom: var(--uwai-space-6);
}

.uwai-section__title {
	margin: 0;
	font-size: clamp(1.5rem, 2.5vw, 1.75rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.uwai-section__intro {
	margin: var(--uwai-space-2) 0 0;
	max-width: 40rem;
	color: var(--uwai-secondary);
	font-size: 1rem;
	line-height: 1.6;
}

.uwai-grid {
	display: grid;
	gap: var(--uwai-space-4);
}

.uwai-grid--paths {
	grid-template-columns: 1fr;
}

.uwai-grid--tools,
.uwai-grid--posts {
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.uwai-grid--paths,
	.uwai-grid--tools,
	.uwai-grid--posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--uwai-space-5);
	}
}

@media (min-width: 1024px) {
	.uwai-grid--paths {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.uwai-grid--tools {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.uwai-grid--posts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Hero */

.uwai-hero {
	position: relative;
	isolation: isolate;
	padding-block: clamp(4rem, 10vw, 7rem);
	overflow: hidden;
	background: var(--uwai-ink);
	color: #fff;
}

.uwai-hero__plane {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 60% at 80% 20%, rgba(11, 107, 203, 0.35), transparent 60%),
		radial-gradient(ellipse 50% 40% at 10% 80%, rgba(0, 163, 255, 0.18), transparent 55%),
		linear-gradient(180deg, #0b1220 0%, #121a2b 100%);
	z-index: -1;
}

.uwai-hero__brand {
	margin: 0 0 var(--uwai-space-4);
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	background: linear-gradient(90deg, #fff 0%, #cfe6ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.uwai-hero__title {
	margin: 0 0 var(--uwai-space-4);
	max-width: 18ch;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.uwai-hero__support {
	margin: 0 0 var(--uwai-space-6);
	max-width: 36rem;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.uwai-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
}

.uwai-hero .uwai-btn--secondary {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}

.uwai-hero .uwai-btn--secondary:hover {
	background: rgba(255, 255, 255, 0.08);
}

/* Cards */

.uwai-path-card,
.uwai-card {
	background: var(--uwai-surface);
	border: 1px solid var(--uwai-border-subtle);
	border-radius: var(--uwai-radius-md);
}

.uwai-path-card {
	display: flex;
	flex-direction: column;
	gap: var(--uwai-space-3);
	padding: var(--uwai-space-5);
	text-decoration: none;
	color: inherit;
	min-height: 100%;
}

.uwai-path-card__title,
.uwai-card__title {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--uwai-ink);
}

.uwai-path-card__text,
.uwai-card__excerpt {
	margin: 0;
	color: var(--uwai-secondary);
	font-size: 0.9375rem;
	line-height: 1.55;
}

.uwai-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.uwai-card__media {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--uwai-surface-2);
}

.uwai-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.uwai-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--uwai-space-2);
	padding: var(--uwai-space-4);
}

.uwai-card__meta {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--uwai-muted);
}

.uwai-tool-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--uwai-space-3);
}

.uwai-tool-card__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-accent-soft);
	color: var(--uwai-accent);
	font-weight: 700;
}

.uwai-tool-card__logo {
	width: 2.5rem;
	height: 2.5rem;
	object-fit: contain;
}

.uwai-tool-card__score {
	font-family: var(--uwai-font-mono);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--uwai-ink);
}

/* Tabs */

.uwai-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
	margin-bottom: var(--uwai-space-5);
}

.uwai-tabs__tab {
	min-height: 40px;
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
	color: var(--uwai-secondary);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
}

.uwai-tabs__tab.is-active {
	background: var(--uwai-accent-soft);
	border-color: var(--uwai-accent);
	color: var(--uwai-accent);
}

.uwai-tabs__panel[hidden] {
	display: none;
}

/* Glossary */

.uwai-glossary-preview {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--uwai-space-3);
}

.uwai-glossary-preview a {
	display: grid;
	gap: 0.25rem;
	padding: var(--uwai-space-4);
	background: var(--uwai-surface);
	border: 1px solid var(--uwai-border-subtle);
	border-radius: var(--uwai-radius-md);
	text-decoration: none;
	color: inherit;
}

.uwai-glossary-preview__term {
	font-weight: 600;
	color: var(--uwai-ink);
}

.uwai-glossary-preview__def {
	font-size: 0.9375rem;
	color: var(--uwai-secondary);
	line-height: 1.5;
}

@media (min-width: 768px) {
	.uwai-glossary-preview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Newsletter / final CTA */

.uwai-newsletter {
	background: var(--uwai-surface-2);
}

.uwai-newsletter__inner,
.uwai-final-cta__inner {
	display: grid;
	gap: var(--uwai-space-5);
	align-items: start;
}

.uwai-newsletter__form,
.uwai-newsletter__fallback {
	max-width: 28rem;
}

.uwai-final-cta {
	background: var(--uwai-surface);
	border-block: 1px solid var(--uwai-border-subtle);
	text-align: left;
}

@media (min-width: 800px) {
	.uwai-newsletter__inner {
		grid-template-columns: 1.2fr 1fr;
		align-items: center;
	}
}

/* Footer */

.uwai-footer {
	background: var(--uwai-ink);
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--uwai-font-sans);
	padding-top: var(--uwai-space-8);
}

.uwai-footer a {
	color: rgba(255, 255, 255, 0.86);
	text-decoration: none;
}

.uwai-footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.uwai-footer__grid {
	display: grid;
	gap: var(--uwai-space-6);
	padding-bottom: var(--uwai-space-7);
}

.uwai-footer__name {
	margin: 0 0 var(--uwai-space-2);
	font-size: 1.25rem;
	font-weight: 700;
	color: #fff;
}

.uwai-footer__tagline {
	margin: 0 0 var(--uwai-space-3);
	font-weight: 600;
	color: #fff;
}

.uwai-footer__mission,
.uwai-footer__note {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}

.uwai-footer__heading {
	margin: 0 0 var(--uwai-space-3);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
}

.uwai-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.5rem;
}

.uwai-footer__legal {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding-block: var(--uwai-space-4);
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.55);
}

.uwai-footer__legal-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--uwai-space-3) var(--uwai-space-5);
}

.uwai-footer__copy {
	margin: 0;
}

.uwai-footer__legal p {
	margin: 0;
}

.uwai-footer__legal-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
}

.uwai-footer__legal-nav a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.uwai-footer__legal-nav a:hover,
.uwai-footer__legal-nav a:focus-visible {
	color: #fff;
	text-decoration: underline;
}

@media (min-width: 900px) {
	.uwai-footer__grid {
		grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* -------------------------------------------------------------------------
   Phase 4C — core templates (extends frozen patterns; no redesign)
   ------------------------------------------------------------------------- */

.uwai-page {
	background: var(--uwai-paper);
	color: var(--uwai-ink);
	font-family: var(--uwai-font-sans);
}

.uwai-container--narrow {
	width: min(100% - (var(--uwai-gutter) * 2), 45rem);
}

.uwai-hub-hero {
	padding-block: clamp(2.5rem, 5vw, 4rem);
	background: var(--uwai-surface-2);
	border-bottom: 1px solid var(--uwai-border-subtle);
}

.uwai-hub-hero__title {
	margin: 0;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.uwai-hub-hero__intro {
	margin: var(--uwai-space-3) 0 0;
	max-width: 40rem;
	color: var(--uwai-secondary);
	font-size: 1.0625rem;
	line-height: 1.6;
}

.uwai-author-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--uwai-space-5);
}

.uwai-author-hero__avatar {
	border-radius: 999px;
	width: 96px;
	height: 96px;
}

.uwai-author-hero__role {
	margin: 0 0 var(--uwai-space-2);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--uwai-secondary);
}

.uwai-author-hero__creds {
	margin: var(--uwai-space-3) 0 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--uwai-secondary);
	max-width: 40rem;
}

.uwai-author-hero__expertise {
	list-style: none;
	margin: var(--uwai-space-4) 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
}

.uwai-author-hero__social {
	list-style: none;
	margin: var(--uwai-space-4) 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
	font-size: 0.875rem;
}

.uwai-article__header {
	padding-block: var(--uwai-space-6) var(--uwai-space-5);
}

.uwai-article__title {
	margin: var(--uwai-space-3) 0;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.uwai-article__meta {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
	font-size: 0.875rem;
	color: var(--uwai-muted);
}

.uwai-article__media {
	margin: 0 0 var(--uwai-space-6);
	border-radius: var(--uwai-radius-md);
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: var(--uwai-surface-2);
}

.uwai-article__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.uwai-article__content {
	font-family: var(--uwai-font-serif);
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--uwai-ink);
	padding-bottom: var(--uwai-space-7);
}

.uwai-article__content > * + * {
	margin-top: 1.1em;
}

.uwai-article__content a {
	color: var(--uwai-accent);
}

.uwai-breadcrumb__list {
	list-style: none;
	margin: 0 0 var(--uwai-space-4);
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
	font-size: 0.8125rem;
	color: var(--uwai-muted);
}

/* Yoast breadcrumbs use <p> + separators; keep same visual weight. */
.uwai-breadcrumb p.uwai-breadcrumb__list {
	display: block;
	line-height: 1.5;
}

.uwai-breadcrumb__item:not(:last-child)::after {
	content: "/";
	margin-left: var(--uwai-space-2);
	color: var(--uwai-border);
}

.uwai-breadcrumb a {
	color: var(--uwai-secondary);
	text-decoration: none;
}

.uwai-breadcrumb a:hover {
	color: var(--uwai-accent);
	text-decoration: underline;
}

.uwai-chip {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.25rem 0.625rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
	color: var(--uwai-secondary);
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
}

.uwai-chip:hover,
.uwai-chip.is-active {
	background: var(--uwai-accent-soft);
	border-color: var(--uwai-accent);
	color: var(--uwai-accent);
}

.uwai-chip--static {
	pointer-events: none;
	margin: 0;
}

.uwai-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
	margin-bottom: var(--uwai-space-6);
}

.uwai-empty {
	display: grid;
	gap: var(--uwai-space-5);
}

.uwai-related-tools {
	margin-top: var(--uwai-space-7);
}

.uwai-404-search {
	max-width: 32rem;
	margin: 0 0 var(--uwai-space-7);
}

.navigation.pagination {
	margin-top: var(--uwai-space-6);
	font-family: var(--uwai-font-sans);
}

.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
}

.navigation.pagination a,
.navigation.pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	min-width: 40px;
	padding: 0.35rem 0.75rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
	color: var(--uwai-ink);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
}

.navigation.pagination .current {
	background: var(--uwai-accent-soft);
	border-color: var(--uwai-accent);
	color: var(--uwai-accent);
}

/* —— Phase 4D: AI Tools Directory —— */

.uwai-btn--affiliate {
	background: #0d9488;
	border-color: #0d9488;
	color: #fff;
}

.uwai-btn--affiliate:hover {
	background: #0f766e;
	border-color: #0f766e;
	color: #fff;
}

.uwai-tools-filters {
	display: grid;
	gap: var(--uwai-space-4);
	margin-bottom: var(--uwai-space-6);
	padding: var(--uwai-space-5);
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
}

@media (min-width: 1024px) {
	.uwai-tools-filters {
		position: sticky;
		top: 4.5rem;
		z-index: 5;
	}
}

.uwai-tools-filters__row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
	align-items: center;
}

.uwai-tools-filters input[type="search"],
.uwai-tools-filters select {
	min-height: 44px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-bg);
	color: var(--uwai-ink);
	font-family: var(--uwai-font-sans);
	font-size: 0.9375rem;
}

.uwai-tools-filters input[type="search"] {
	flex: 1 1 14rem;
	min-width: 12rem;
}

.uwai-tools-count {
	margin-bottom: var(--uwai-space-5);
}

.uwai-tool-hero {
	padding: var(--uwai-space-7) 0 var(--uwai-space-6);
	background:
		radial-gradient(ellipse 80% 60% at 10% 0%, rgba(11, 107, 203, 0.08), transparent 55%),
		linear-gradient(180deg, var(--uwai-surface-2) 0%, var(--uwai-bg) 100%);
	border-bottom: 1px solid var(--uwai-border);
}

.uwai-tool-hero__row {
	display: grid;
	gap: var(--uwai-space-5);
	align-items: start;
}

@media (min-width: 640px) {
	.uwai-tool-hero__row {
		grid-template-columns: auto 1fr;
		gap: var(--uwai-space-6);
	}
}

.uwai-tool-hero__logo,
.uwai-tool-hero__mark {
	width: 72px;
	height: 72px;
	border-radius: var(--uwai-radius-sm);
	object-fit: contain;
}

.uwai-tool-hero__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	font-weight: 700;
	background: var(--uwai-accent-soft);
	color: var(--uwai-accent);
}

.uwai-tool-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
	align-items: baseline;
	margin: var(--uwai-space-3) 0;
}

.uwai-tool-banner {
	margin: var(--uwai-space-4) auto;
	padding: var(--uwai-space-3) var(--uwai-space-4);
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface-2);
	max-width: var(--uwai-container);
}

.uwai-tool-layout {
	display: grid;
	gap: var(--uwai-space-7);
}

@media (min-width: 960px) {
	.uwai-tool-layout {
		grid-template-columns: minmax(0, 1fr) 18rem;
		align-items: start;
	}

	.uwai-tool-aside {
		position: sticky;
		top: 5.5rem;
	}
}

.uwai-tool-block + .uwai-tool-block {
	margin-top: var(--uwai-space-7);
	padding-top: var(--uwai-space-6);
	border-top: 1px solid var(--uwai-border);
}

.uwai-tool-list {
	margin: 0;
	padding-left: 1.15rem;
	display: grid;
	gap: 0.5rem;
	font-family: var(--uwai-font-sans);
	color: var(--uwai-secondary);
}

.uwai-tool-proscons {
	display: grid;
	gap: var(--uwai-space-5);
}

@media (min-width: 640px) {
	.uwai-tool-proscons {
		grid-template-columns: 1fr 1fr;
	}
}

.uwai-tool-facts__list {
	list-style: none;
	margin: 0 0 var(--uwai-space-4);
	padding: 0;
	display: grid;
	gap: 0.65rem;
	font-size: 0.9375rem;
}

.uwai-tool-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--uwai-space-3);
}

@media (min-width: 640px) {
	.uwai-tool-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.uwai-tool-gallery figure {
	margin: 0;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	overflow: hidden;
	background: var(--uwai-surface);
}

.uwai-tool-gallery img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.uwai-tool-scores {
	list-style: none;
	margin: var(--uwai-space-3) 0 0;
	padding: 0;
	display: grid;
	gap: var(--uwai-space-2);
}

.uwai-tool-scores li {
	display: flex;
	justify-content: space-between;
	gap: var(--uwai-space-3);
	font-family: var(--uwai-font-sans);
	font-size: 0.9375rem;
	padding: 0.35rem 0;
	border-bottom: 1px solid var(--uwai-border);
}

.uwai-faqs details {
	border-bottom: 1px solid var(--uwai-border);
	padding: var(--uwai-space-3) 0;
}

.uwai-faqs summary {
	cursor: pointer;
	font-family: var(--uwai-font-sans);
	font-weight: 600;
	color: var(--uwai-ink);
}

.uwai-faqs details[open] summary {
	margin-bottom: var(--uwai-space-2);
}

.uwai-disclosure {
	margin: 0;
	font-size: 0.875rem;
	color: var(--uwai-muted);
}

body.post-type-archive-ai_tool .site-content,
body.post-type-archive-tool_collection .site-content,
body.single-ai_tool .site-content,
body.single-tool_collection .site-content,
body.tax-tool_category .site-content,
body.tax-pricing_model .site-content,
body.tax-tool_platform .site-content,
body.tax-tool_industry .site-content,
body.tax-tool_tag .site-content,
body.post-type-archive-ai_tool .ast-container,
body.post-type-archive-tool_collection .ast-container,
body.single-ai_tool .ast-container,
body.single-tool_collection .ast-container,
body.tax-tool_category .ast-container,
body.tax-pricing_model .ast-container,
body.tax-tool_platform .ast-container,
body.tax-tool_industry .ast-container,
body.tax-tool_tag .ast-container {
	max-width: none;
	padding: 0;
	margin: 0;
}

body.single .site-content,
body.blog .site-content,
body.archive .site-content,
body.search .site-content,
body.error404 .site-content,
body.page-template-templates-learn-php .site-content,
body.page-template-templates-hub-php .site-content,
body.single .ast-container,
body.blog .ast-container,
body.archive .ast-container,
body.search .ast-container,
body.error404 .ast-container,
body.page-template-templates-learn-php .ast-container,
body.page-template-templates-hub-php .ast-container {
	max-width: none;
	padding: 0;
	margin: 0;
}

/* —— Phase 4E: Business Solutions —— */

.uwai-solution-hero .uwai-hero__actions {
	margin-top: var(--uwai-space-5);
}

.uwai-solution-list {
	max-width: 46rem;
	font-size: 1.0625rem;
}

.uwai-roadmap {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--uwai-space-4);
}

.uwai-roadmap__step {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--uwai-space-4);
	align-items: start;
	padding: var(--uwai-space-4);
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
}

.uwai-roadmap__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-accent-soft);
	color: var(--uwai-accent);
	font-family: var(--uwai-font-mono);
	font-weight: 600;
	font-size: 0.875rem;
}

.uwai-roadmap__text {
	margin: 0;
	font-family: var(--uwai-font-sans);
	color: var(--uwai-secondary);
	line-height: 1.5;
}

.uwai-workflow-placeholder__canvas {
	display: grid;
	place-items: center;
	gap: var(--uwai-space-2);
	min-height: 12rem;
	padding: var(--uwai-space-6);
	border: 1px dashed var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background:
		repeating-linear-gradient(
			-12deg,
			transparent,
			transparent 8px,
			rgba(11, 107, 203, 0.03) 8px,
			rgba(11, 107, 203, 0.03) 16px
		),
		var(--uwai-surface);
	text-align: center;
}

.uwai-workflow-placeholder__label {
	font-family: var(--uwai-font-sans);
	font-weight: 700;
	color: var(--uwai-ink);
}

.uwai-downloads {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
}

body.page-template-templates-solutions-php .site-content,
body.page-template-templates-solutions-php .ast-container {
	max-width: none;
	padding: 0;
	margin: 0;
}

/* —— Phase 4F: Knowledge Center —— */

.uwai-letter-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-2);
	margin-bottom: var(--uwai-space-5);
}

.uwai-hub-search {
	display: flex;
	flex-wrap: wrap;
	gap: var(--uwai-space-3);
	align-items: center;
	margin-bottom: var(--uwai-space-6);
}

.uwai-hub-search input[type="search"] {
	flex: 1 1 14rem;
	min-height: 44px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-bg);
	color: var(--uwai-ink);
	font-family: var(--uwai-font-sans);
}

.uwai-glossary-index {
	display: grid;
	gap: var(--uwai-space-3);
}

.uwai-glossary-index__item {
	padding: var(--uwai-space-4);
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface);
}

.uwai-glossary-index__item a {
	text-decoration: none;
	color: inherit;
}

.uwai-glossary-index__item a:hover .uwai-card__title {
	color: var(--uwai-accent);
}

.uwai-glossary-term + .uwai-glossary-term {
	margin-top: var(--uwai-space-6);
	padding-top: var(--uwai-space-5);
	border-top: 1px solid var(--uwai-border);
}

.uwai-resource-card .uwai-hero__actions {
	margin-top: var(--uwai-space-4);
}

.uwai-prompt-block {
	margin: 0 0 var(--uwai-space-6);
	padding: var(--uwai-space-5);
	border: 1px solid var(--uwai-border);
	border-radius: var(--uwai-radius-sm);
	background: var(--uwai-surface-2);
	overflow-x: auto;
	font-family: var(--uwai-font-mono);
	font-size: 0.875rem;
	line-height: 1.55;
	white-space: pre-wrap;
}

body.page-template-templates-resources-php .site-content,
body.page-template-templates-newsletter-php .site-content,
body.post-type-archive-glossary_term .site-content,
body.post-type-archive-uwai_resource .site-content,
body.post-type-archive-ai_prompt .site-content,
body.single-glossary_term .site-content,
body.single-uwai_resource .site-content,
body.single-ai_prompt .site-content,
body.tax-resource_type .site-content,
body.tax-prompt_category .site-content,
body.page-template-templates-resources-php .ast-container,
body.page-template-templates-newsletter-php .ast-container,
body.post-type-archive-glossary_term .ast-container,
body.post-type-archive-uwai_resource .ast-container,
body.post-type-archive-ai_prompt .ast-container,
body.single-glossary_term .ast-container,
body.single-uwai_resource .ast-container,
body.single-ai_prompt .ast-container,
body.tax-resource_type .ast-container,
body.tax-prompt_category .ast-container {
	max-width: none;
	padding: 0;
	margin: 0;
}