/**
 * WPWala Nova English
 * Clear, responsive editorial and tools design built on the Nova publishing base.
 */

:root {
	--nova-ink: #172033;
	--nova-primary: #0f4c81;
	--nova-primary-deep: #0a355b;
	--nova-accent: #e87824;
	--nova-accent-soft: #fff0e2;
	--nova-mist: #eef4f8;
	--nova-mist-2: #f7fafc;
	--nova-paper: #fbfaf7;
	--nova-white: #ffffff;
	--nova-text: #253247;
	--nova-body: #506078;
	--nova-muted: #728096;
	--nova-border: #dce3ea;
	--nova-border-soft: #e9eef3;
	--nova-footer-bg: #101a2b;
	--nova-shadow: 0 20px 55px rgba(23, 32, 51, 0.09);
	--nova-shadow-sm: 0 10px 30px rgba(23, 32, 51, 0.08);
	--nova-display: "Bricolage Grotesque", system-ui, sans-serif;
	--nova-font: "IBM Plex Sans", system-ui, sans-serif;
	--nova-mono: "SFMono-Regular", Consolas, monospace;
	--nova-radius: 18px;
	--nova-radius-lg: 28px;
}

html { scroll-behavior: smooth; }
body.wpwala-nova {
	background: var(--nova-paper);
	color: var(--nova-text);
	font-family: var(--nova-font);
	font-size: 18px;
	line-height: 1.72;
	text-rendering: optimizeLegibility;
}
body.wpwala-nova h1,
body.wpwala-nova h2,
body.wpwala-nova h3,
body.wpwala-nova h4,
body.wpwala-nova h5,
body.wpwala-nova h6 {
	font-family: var(--nova-display);
	font-weight: 760;
	line-height: 1.14;
	letter-spacing: -0.018em;
	color: var(--nova-ink);
}
body.wpwala-nova a { text-underline-offset: 3px; }
.nova-container { width: min(1180px, calc(100% - 40px)); }
.nova-site-main { min-height: 55vh; }

/* Utility and header */
.wpwala-utility-bar {
	background: var(--nova-primary-deep);
	color: rgba(255,255,255,.86);
	font-size: 14px;
}
.wpwala-utility-inner {
	min-height: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.wpwala-utility-inner a { color: #fff; font-weight: 700; text-decoration: none; }
.wpwala-utility-inner a:hover { text-decoration: underline; }
.nova-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.96);
	border-bottom: 1px solid var(--nova-border-soft);
	box-shadow: 0 4px 20px rgba(23,32,51,.04);
	backdrop-filter: blur(12px);
}
.admin-bar .nova-site-header { top: 32px; }
.nova-header-inner { min-height: 78px; display: flex; align-items: center; gap: 28px; }
.nova-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--nova-ink); text-decoration: none; flex-shrink: 0; }
.nova-brand-mark {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 13px;
	background: var(--nova-primary);
	color: #fff;
	font-family: var(--nova-display);
	font-weight: 800;
	font-size: 18px;
	box-shadow: 0 9px 24px rgba(15,76,129,.2);
}
.nova-brand-text { display: flex; flex-direction: column; line-height: 1.08; }
.nova-brand-text strong { font-family: var(--nova-display); font-size: 22px; font-weight: 800; }
.nova-brand-text small { margin-top: 5px; color: var(--nova-muted); font-size: 13px; font-weight: 600; }
.nova-primary-nav { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.nova-menu { display: flex; align-items: center; gap: 5px; list-style: none; margin: 0; padding: 0; }
.nova-menu li { position: relative; }
.nova-menu a { display: block; padding: 10px 11px; color: var(--nova-text); font-size: 16px; font-weight: 650; text-decoration: none; border-radius: 10px; }
.nova-menu a:hover, .nova-menu .current-menu-item > a, .nova-menu .current-menu-ancestor > a { background: var(--nova-mist); color: var(--nova-primary-deep); }
.nova-menu .sub-menu {
	position: absolute;
	left: 0;
	top: calc(100% + 8px);
	min-width: 250px;
	padding: 10px;
	margin: 0;
	list-style: none;
	background: #fff;
	border: 1px solid var(--nova-border);
	border-radius: 15px;
	box-shadow: var(--nova-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(7px);
	transition: .18s ease;
}
.nova-menu li:hover > .sub-menu, .nova-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.nova-menu .sub-menu a { padding: 9px 11px; }
.nova-nav-cta, .nova-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 20px;
	border-radius: 12px;
	background: var(--nova-primary);
	color: #fff;
	font-weight: 750;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(15,76,129,.18);
}
.nova-nav-cta:hover, .nova-btn-primary:hover { background: var(--nova-primary-deep); color: #fff; transform: translateY(-1px); }
.nova-btn-soft {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 20px;
	border: 1px solid var(--nova-border);
	border-radius: 12px;
	background: #fff;
	color: var(--nova-primary-deep);
	font-weight: 750;
	text-decoration: none;
}
.nova-btn-soft:hover { border-color: var(--nova-primary); background: var(--nova-mist); color: var(--nova-primary-deep); }
.nova-menu-toggle { display: none; }

/* Shared type and sections */
.nova-eyebrow, .wpw-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--nova-primary);
	font-family: var(--nova-font);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
}
.nova-eyebrow::before { content: ""; width: 24px; height: 3px; border-radius: 9px; background: var(--nova-accent); }
.nova-section { padding: clamp(68px, 8vw, 105px) 0; }
.nova-section--compact { padding: 34px 0; }
.nova-section-tint { background: var(--nova-mist-2); border-block: 1px solid var(--nova-border-soft); }
.nova-section-head, .wpwala-section-head {
	display: grid;
	width: 100%;
	max-width: none;
	grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
	gap: 42px;
	align-items: end;
	margin-bottom: 36px;
}
.nova-section-head > div, .wpwala-section-head > div { min-width: 0; }
.nova-section-head h2, .wpwala-section-head h2 { margin: 10px 0 0; max-width: 820px; font-size: clamp(2rem, 4vw, 3.55rem); }
.nova-section-head > p, .wpwala-section-head > p { margin: 0; color: var(--nova-body); font-size: 18px; }
.nova-text-link { color: var(--nova-primary-deep); font-weight: 800; text-decoration: none; }
.nova-text-link:hover { color: var(--nova-accent); }
.nova-hero-actions, .nova-button-row { display: flex; flex-wrap: wrap; gap: 12px; }

/* Homepage hero */
.wpwala-home-hero {
	position: relative;
	padding: clamp(64px, 7vw, 96px) 0;
	background: linear-gradient(180deg, #f0f6fb 0%, #fbfaf7 100%);
	border-bottom: 1px solid var(--nova-border-soft);
	overflow: hidden;
}
.wpwala-home-hero::before {
	content: "";
	position: absolute;
	right: -180px;
	top: -180px;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: rgba(232,120,36,.08);
}
.wpwala-home-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(40px, 7vw, 85px); align-items: center; }
.wpwala-home-hero h1 { margin: 12px 0 0; max-width: 740px; font-size: clamp(3rem, 5.4vw, 5.25rem); line-height: 1.04; }
.wpwala-home-hero__copy > p { max-width: 700px; margin: 24px 0 0; color: var(--nova-body); font-size: clamp(1.12rem, 1.6vw, 1.32rem); line-height: 1.7; }
.wpwala-home-hero .nova-hero-actions { margin-top: 30px; }
.wpwala-proof-row { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 28px; color: var(--nova-body); font-size: 15px; font-weight: 650; }
.wpwala-proof-row span { display: inline-flex; align-items: center; gap: 8px; }
.wpwala-proof-row span::before { content: "✓"; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #dcefe6; color: #17633f; font-size: 12px; font-weight: 900; }
.wpwala-start-panel { position: relative; background: #fff; border: 1px solid var(--nova-border); border-radius: var(--nova-radius-lg); box-shadow: var(--nova-shadow); overflow: hidden; }
.wpwala-start-panel__head { padding: 25px 26px 20px; border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-start-panel__head > span { display: block; font-family: var(--nova-display); font-size: 24px; font-weight: 780; color: var(--nova-ink); }
.wpwala-start-panel__head p { margin: 6px 0 0; color: var(--nova-body); }
.wpwala-start-panel__links { padding: 10px; }
.wpwala-start-panel__links > a { display: grid; grid-template-columns: 44px minmax(0, 1fr) 20px; gap: 13px; align-items: center; padding: 13px 14px; color: var(--nova-text); text-decoration: none; border-radius: 14px; }
.wpwala-start-panel__links > a:hover { background: var(--nova-mist); }
.wpwala-start-panel__links strong { display: block; color: var(--nova-ink); font-size: 17px; }
.wpwala-start-panel__links small { display: block; margin-top: 2px; color: var(--nova-muted); font-size: 14px; line-height: 1.35; }
.wpwala-start-panel__links i { color: var(--nova-primary); font-size: 25px; font-style: normal; }
.wpwala-start-icon, .wpwala-category-card__icon, .wpwala-featured-card__icon { display: grid; place-items: center; flex: 0 0 auto; color: var(--nova-primary); background: var(--nova-mist); border-radius: 13px; }
.wpwala-start-icon { width: 44px; height: 44px; }
.wpwala-start-icon svg, .wpwala-category-card__icon svg, .wpwala-featured-card__icon svg { width: 23px; height: 23px; }
.wpwala-start-panel__search { padding: 20px 24px 24px; background: #fafbfd; border-top: 1px solid var(--nova-border-soft); }
.wpwala-start-panel__search strong { display: block; margin-bottom: 9px; color: var(--nova-ink); }
.nova-search-form { display: flex; gap: 8px; }
.nova-search-form input { min-width: 0; flex: 1; height: 48px; padding: 0 14px; border: 1px solid var(--nova-border); border-radius: 11px; background: #fff; color: var(--nova-text); font: inherit; }
.nova-search-form button { min-height: 48px; padding: 0 18px; border: 0; border-radius: 11px; background: var(--nova-primary); color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.nova-search-form input:focus, .wpw-tool input:focus, .wpw-tool textarea:focus, .wpw-tool select:focus { outline: 3px solid rgba(15,76,129,.16); border-color: var(--nova-primary); }

/* Category journey */
.wpwala-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.wpwala-category-card { display: flex; gap: 16px; min-height: 230px; padding: 24px; border: 1px solid var(--nova-border); border-radius: var(--nova-radius); background: #fff; color: var(--nova-text); text-decoration: none; box-shadow: 0 7px 24px rgba(23,32,51,.035); transition: .2s ease; }
.wpwala-category-card:hover { transform: translateY(-4px); border-color: #b8c9d7; box-shadow: var(--nova-shadow-sm); }
.wpwala-category-card__icon { width: 48px; height: 48px; }
.wpwala-category-card h3 { margin: 0; font-size: 22px; }
.wpwala-category-card p { margin: 10px 0 18px; color: var(--nova-body); font-size: 16px; line-height: 1.55; }
.wpwala-category-card div > span { color: var(--nova-primary); font-weight: 800; font-size: 15px; }

/* Editorial cards */
.nova-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.nova-card-grid--editorial { gap: 24px; }
.nova-article-tile { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid var(--nova-border); border-radius: var(--nova-radius); background: #fff; box-shadow: 0 8px 28px rgba(23,32,51,.045); transition: .2s ease; }
.nova-article-tile:hover { transform: translateY(-4px); box-shadow: var(--nova-shadow-sm); }
.nova-article-tile__visual { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; background: #e7eef5; }
.nova-article-tile__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.nova-article-tile:hover img { transform: scale(1.025); }
.nova-article-tile__graphic { height: 100%; display: grid; place-items: center; background: linear-gradient(135deg, #e7f0f7, #f9eee4); color: var(--nova-primary); }
.nova-article-tile__graphic span { width: 82px; height: 82px; display: grid; place-items: center; border-radius: 24px; background: #fff; font-family: var(--nova-display); font-size: 28px; font-weight: 800; box-shadow: 0 14px 35px rgba(23,32,51,.08); }
.nova-article-tile__body { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.nova-article-tile__body .nova-pill { align-self: flex-start; }
.nova-article-tile h2, .nova-article-tile h3 { margin: 13px 0 0; font-size: clamp(1.35rem, 2vw, 1.72rem); }
.nova-article-tile h2 a, .nova-article-tile h3 a { color: var(--nova-ink); text-decoration: none; }
.nova-article-tile p { margin: 12px 0 18px; color: var(--nova-body); font-size: 16px; line-height: 1.58; }
.nova-card-action { margin-top: auto; color: var(--nova-primary); font-weight: 800; }
.nova-pill { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: var(--nova-accent-soft); color: #a8480e; font-size: 13px; font-weight: 800; }

/* Featured tools */
.wpwala-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.wpwala-featured-grid--compact { grid-template-columns: repeat(3, minmax(0,1fr)); }
.wpwala-featured-card { display: flex; gap: 16px; padding: 23px; min-height: 190px; border: 1px solid var(--nova-border); border-radius: var(--nova-radius); background: #fff; color: var(--nova-text); text-decoration: none; transition: .2s ease; }
.wpwala-featured-card:hover { transform: translateY(-3px); border-color: #adc4d5; box-shadow: var(--nova-shadow-sm); }
.wpwala-featured-card__icon { width: 50px; height: 50px; }
.wpwala-featured-card strong { display: block; color: var(--nova-ink); font-family: var(--nova-display); font-size: 21px; line-height: 1.25; }
.wpwala-featured-card p { margin: 9px 0 15px; color: var(--nova-body); font-size: 15px; line-height: 1.5; }
.wpwala-featured-card div > span { color: var(--nova-primary); font-weight: 800; font-size: 14px; }
.wpwala-section-cta { margin-top: 30px; text-align: center; }

/* Category rows and principles */
.wpwala-category-row { border-top: 1px solid var(--nova-border-soft); }
.wpwala-category-row__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 30px; }
.wpwala-category-row__title { display: flex; align-items: flex-start; gap: 16px; }
.wpwala-category-row__title h2 { margin: 6px 0 5px; font-size: clamp(2rem, 3.5vw, 3rem); }
.wpwala-category-row__title p { margin: 0; color: var(--nova-body); }
.wpwala-principles-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.wpwala-principles-copy h2 { margin: 12px 0 18px; font-size: clamp(2.1rem, 4vw, 3.65rem); }
.wpwala-principles-copy p { color: var(--nova-body); }
.wpwala-principles-copy .nova-btn { margin-top: 15px; }
.wpwala-principles-list { display: grid; gap: 13px; }
.wpwala-principles-list article { padding: 22px 24px; border: 1px solid var(--nova-border); border-radius: 15px; background: #fff; }
.wpwala-principles-list strong { display: block; color: var(--nova-ink); font-family: var(--nova-display); font-size: 20px; }
.wpwala-principles-list p { margin: 7px 0 0; color: var(--nova-body); font-size: 16px; }
.wpwala-faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }
.wpwala-faq-layout h2 { margin: 12px 0 16px; font-size: clamp(2.1rem, 4vw, 3.5rem); }
.wpwala-faq-layout > div:first-child p { color: var(--nova-body); }
.nova-faq-list { display: grid; gap: 12px; }
.nova-faq-item { border: 1px solid var(--nova-border); border-radius: 14px; background: #fff; overflow: hidden; }
.nova-faq-item summary { display: flex; justify-content: space-between; gap: 16px; padding: 18px 20px; color: var(--nova-ink); font-weight: 750; cursor: pointer; list-style: none; }
.nova-faq-item summary::-webkit-details-marker { display: none; }
.nova-faq-icon::before { content: "+"; color: var(--nova-primary); font-size: 22px; }
.nova-faq-item[open] .nova-faq-icon::before { content: "−"; }
.nova-faq-answer { padding: 0 20px 18px; color: var(--nova-body); }
.nova-faq-answer p { margin: 0; }

/* Archive, categories, standard pages */
.nova-archive-hero, .nova-page-hero, .wpwala-page-hero, .nova-single-hero {
	padding: clamp(52px, 7vw, 82px) 0;
	background: linear-gradient(180deg, #edf4fa 0%, #fbfaf7 100%);
	border-bottom: 1px solid var(--nova-border-soft);
}
.nova-archive-hero-inner { max-width: 860px; }
.nova-archive-hero h1, .nova-page-hero h1, .wpwala-page-hero h1 { margin: 10px 0 12px; font-size: clamp(2.7rem, 5vw, 4.8rem); }
.nova-archive-hero p, .nova-page-hero p, .wpwala-page-hero p { max-width: 780px; margin: 0; color: var(--nova-body); font-size: 19px; }
.nova-breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; color: var(--nova-muted); font-size: 14px; }
.nova-breadcrumb a { color: var(--nova-primary); text-decoration: none; }
.nova-cat-nav-bar { padding: 16px 0; background: #fff; border-bottom: 1px solid var(--nova-border-soft); }
.nova-chip-list { display: flex; flex-wrap: wrap; gap: 9px; }
.nova-chip-list--centered { justify-content: center; }
.nova-chip-list a { padding: 7px 13px; border: 1px solid var(--nova-border); border-radius: 999px; background: #fff; color: var(--nova-text); font-size: 14px; font-weight: 700; text-decoration: none; }
.nova-chip-list a:hover, .nova-chip-list a.is-active { background: var(--nova-primary); border-color: var(--nova-primary); color: #fff; }
.nova-directory-search { max-width: 600px; margin-top: 25px; }
.nova-directory-search label { display: block; margin-bottom: 7px; font-weight: 750; }
.nova-directory-search input { width: 100%; height: 50px; padding: 0 15px; border: 1px solid var(--nova-border); border-radius: 12px; background: #fff; font: inherit; }
.wpwala-category-help { display: grid; grid-template-columns: 1fr minmax(300px, 460px); gap: 30px; align-items: center; padding: 30px; border: 1px solid var(--nova-border); border-radius: var(--nova-radius); background: #fff; }
.wpwala-category-help h2 { margin: 9px 0; }
.nova-empty-card { padding: 32px; border: 1px solid var(--nova-border); border-radius: var(--nova-radius); background: #fff; }
.nova-pagination { margin-top: 38px; }
.nova-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.nova-pagination a, .nova-pagination span { display: grid; place-items: center; min-width: 42px; min-height: 42px; padding: 6px 12px; border: 1px solid var(--nova-border); border-radius: 10px; background: #fff; color: var(--nova-primary-deep); text-decoration: none; }
.nova-pagination .current { background: var(--nova-primary); color: #fff; border-color: var(--nova-primary); }
.nova-page-layout { max-width: 900px; }
.nova-article-card { border: 1px solid var(--nova-border); border-radius: var(--nova-radius-lg); background: #fff; box-shadow: var(--nova-shadow-sm); }
.nova-prose, .wpwala-tool-article { padding: clamp(26px, 5vw, 58px); }
.nova-prose h2, .wpwala-tool-article h2, .wpwala-single-article h2 { margin-top: 2.1em; font-size: clamp(1.8rem, 3.2vw, 2.55rem); }
.nova-prose h3, .wpwala-tool-article h3, .wpwala-single-article h3 { margin-top: 1.7em; font-size: clamp(1.45rem, 2.5vw, 2rem); }
.nova-prose p, .wpwala-tool-article p, .wpwala-single-article p { color: #34445b; }

/* Single post */
.nova-single-hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr); gap: 55px; align-items: center; }
.nova-single-hero h1 { margin: 10px 0 16px; font-size: clamp(2.7rem, 5vw, 5rem); }
.nova-single-hero-copy > p { margin: 0; color: var(--nova-body); font-size: 20px; }
.nova-single-cover { border-radius: var(--nova-radius-lg); overflow: hidden; box-shadow: var(--nova-shadow); }
.nova-single-cover img { width: 100%; height: auto; display: block; }
.nova-summary-card { padding: 28px; border: 1px solid var(--nova-border); border-radius: var(--nova-radius-lg); background: #fff; box-shadow: var(--nova-shadow-sm); }
.nova-summary-card h2 { margin: 12px 0 10px; font-size: 28px; }
.nova-summary-card p { color: var(--nova-body); }
.nova-content-layout { display: grid; grid-template-columns: minmax(0, 780px) minmax(260px, 330px); gap: 34px; align-items: start; padding-block: 50px 90px; }
.wpwala-single-article { padding: clamp(28px, 5vw, 58px); }
.wpwala-article-lead { margin: 0 0 32px; padding: 22px 24px; border-left: 4px solid var(--nova-accent); border-radius: 0 13px 13px 0; background: #fff7ef; }
.wpwala-article-lead strong { color: var(--nova-ink); font-family: var(--nova-display); font-size: 20px; }
.wpwala-article-lead p { margin: 7px 0 0; }
.wpwala-inline-tools { margin-top: 45px; padding-top: 34px; border-top: 1px solid var(--nova-border); }
.wpwala-inline-tools h2 { margin: 9px 0 20px; }
.wpwala-inline-tools__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wpwala-inline-tools__grid a { display: grid; grid-template-columns: 34px 1fr 18px; gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--nova-border); border-radius: 12px; color: var(--nova-text); text-decoration: none; }
.wpwala-inline-tools__grid a:hover { background: var(--nova-mist); border-color: #bdccd8; }
.wpwala-inline-tools__grid svg { width: 23px; height: 23px; color: var(--nova-primary); }
.nova-author-box { margin-top: 45px; padding: 25px; border: 1px solid var(--nova-border); border-radius: 16px; background: var(--nova-mist-2); }
.nova-author-main { display: flex; gap: 17px; }
.nova-author-avatar { border-radius: 50%; }
.nova-author-eyebrow { margin: 0; color: var(--nova-muted); font-size: 14px; font-weight: 700; }
.nova-author-name { margin: 2px 0 4px; font-family: var(--nova-display); font-size: 23px; font-weight: 780; }
.nova-author-bio { margin: 0; color: var(--nova-body); }
.nova-related { margin-top: 55px; }
.nova-related-title { margin: 8px 0 24px; }
.wpwala-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 45px; padding-top: 30px; border-top: 1px solid var(--nova-border); }
.wpwala-post-nav a { display: block; height: 100%; padding: 17px; border: 1px solid var(--nova-border); border-radius: 13px; color: var(--nova-text); text-decoration: none; }
.wpwala-post-nav a:hover { background: var(--nova-mist); }
.wpwala-post-nav span { display: block; color: var(--nova-muted); font-size: 13px; }
.wpwala-post-nav strong { display: block; margin-top: 5px; color: var(--nova-ink); }
.nova-sidebar { display: grid; gap: 17px; position: sticky; top: 110px; }
.nova-widget { padding: 22px; border: 1px solid var(--nova-border); border-radius: 15px; background: #fff; }
.nova-widget-title { margin: 0 0 12px; font-size: 22px; }
.nova-widget > p { color: var(--nova-body); font-size: 15px; }
.nova-mini-list { display: grid; }
.nova-mini-list a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--nova-border-soft); color: var(--nova-text); text-decoration: none; }
.nova-mini-list a:first-child { border-top: 0; }
.nova-mini-list span { font-weight: 700; line-height: 1.35; }
.nova-mini-list small { color: var(--nova-primary); font-weight: 800; }
.nova-trust-widget { background: var(--nova-primary-deep); color: #fff; border: 0; }
.nova-trust-widget h3 { color: #fff; }
.nova-trust-widget p { color: rgba(255,255,255,.78); }

/* Comments */
.nova-comments { margin-top: 55px; padding-top: 40px; border-top: 1px solid var(--nova-border); }
.nova-comments-title { font-size: 29px; }
.nova-comment-list { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 14px; }
.wpwala-comment__card { display: flex; gap: 14px; padding: 18px; border: 1px solid var(--nova-border); border-radius: 14px; background: #fff; }
.wpwala-comment__avatar img { border-radius: 50%; }
.wpwala-comment__body { min-width: 0; flex: 1; }
.wpwala-comment__text p { margin: 8px 0; }
.wpwala-comment__notice { color: #8a4c19; }
.nova-comment-respond label { display: block; font-weight: 700; }
.nova-comment-respond textarea, .nova-comment-respond input[type="text"], .nova-comment-respond input[type="email"], .nova-comment-respond input[type="url"] { width: 100%; padding: 12px 14px; border: 1px solid var(--nova-border); border-radius: 10px; font: inherit; }
.nova-comment-respond .submit { min-height: 46px; padding: 10px 20px; border: 0; border-radius: 11px; background: var(--nova-primary); color: #fff; font: inherit; font-weight: 750; cursor: pointer; }

/* Tool hub and pages */
.wpwala-page-hero__inner { display: grid; grid-template-columns: 1fr minmax(280px,380px); gap: 45px; align-items: center; }
.wpwala-page-hero__note { padding: 22px; border: 1px solid var(--nova-border); border-radius: 15px; background: #fff; }
.wpwala-page-hero__note strong { color: var(--nova-ink); }
.wpwala-page-hero__note p { margin-top: 6px; font-size: 16px; }
.wpwala-tools-hub-content { padding-block: 45px 90px; }
.wpwala-hub-card { padding: clamp(20px,4vw,42px); }
.wpw-hub__filter { display: block; margin-bottom: 32px; }
.wpw-hub__filter input { width: 100%; min-height: 54px; padding: 0 17px; border: 1px solid var(--nova-border); border-radius: 13px; background: #fff; font: inherit; }
.wpw-hub__group { margin-top: 55px; }
.wpw-hub__group > header { max-width: 760px; margin-bottom: 22px; }
.wpw-hub__group h2 { margin: 7px 0 5px; font-size: clamp(2rem,3.4vw,3rem); }
.wpw-hub__group p { margin: 0; color: var(--nova-body); }
.wpw-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.wpw-tool-card { display: grid; grid-template-columns: 48px minmax(0,1fr) 20px; gap: 14px; align-items: start; min-height: 165px; padding: 20px; border: 1px solid var(--nova-border); border-radius: 15px; background: #fff; color: var(--nova-text); text-decoration: none; }
.wpw-tool-card:hover { border-color: #aebfcd; box-shadow: var(--nova-shadow-sm); transform: translateY(-2px); }
.wpw-tool-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; background: var(--nova-mist); color: var(--nova-primary); }
.wpw-tool-card__icon svg { width: 24px; height: 24px; }
.wpw-tool-card__body strong { display: block; color: var(--nova-ink); font-family: var(--nova-display); font-size: 20px; line-height: 1.25; }
.wpw-tool-card__body > span { display: block; margin-top: 7px; color: var(--nova-body); font-size: 15px; line-height: 1.45; }
.wpw-tool-card__arrow { color: var(--nova-primary); font-size: 20px; }
.wpwala-tool-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,360px); gap: 45px; align-items: center; }
.wpwala-tool-hero-badge { display: grid; grid-template-columns: 50px 1fr; gap: 4px 15px; align-items: center; padding: 22px; border: 1px solid var(--nova-border); border-radius: 16px; background: #fff; }
.wpwala-tool-hero-badge svg { grid-row: span 2; width: 45px; height: 45px; color: var(--nova-primary); }
.wpwala-tool-hero-badge strong { color: var(--nova-ink); font-size: 17px; }
.wpwala-tool-hero-badge span { color: var(--nova-body); font-size: 14px; line-height: 1.4; }
.wpwala-tool-content-wrap { display: grid; grid-template-columns: minmax(0,800px) minmax(250px,330px); gap: 30px; align-items: start; padding-block: 45px 90px; }
.wpwala-related-tools { position: sticky; top: 110px; padding: 23px; border: 1px solid var(--nova-border); border-radius: 16px; background: #fff; }
.wpwala-related-tools h2 { margin: 7px 0 15px; font-size: 24px; }
.wpwala-related-tools > a:not(.nova-btn) { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-top: 1px solid var(--nova-border-soft); color: var(--nova-text); text-decoration: none; }
.wpwala-related-tools .nova-btn { margin-top: 18px; width: 100%; }
.wpw-page-intro { font-size: 20px; color: var(--nova-body); }
.wpw-editorial-note { margin-top: 35px; padding: 19px 21px; border-left: 4px solid var(--nova-accent); border-radius: 0 12px 12px 0; background: #fff7ef; }
.wpw-faq { display: grid; gap: 10px; }
.wpw-faq details { border: 1px solid var(--nova-border); border-radius: 12px; background: #fff; }
.wpw-faq summary { padding: 15px 17px; color: var(--nova-ink); font-weight: 750; cursor: pointer; }
.wpw-faq details p { padding: 0 17px 16px; margin: 0; }

/* Tool interface overrides */
.wpw-tool { margin: 30px 0 42px; padding: clamp(20px,4vw,34px); border: 1px solid var(--nova-border); border-radius: 20px; background: #f8fafc; box-shadow: none; color: var(--nova-text); font-family: var(--nova-font); }
.wpw-tool__top { margin-bottom: 22px; }
.wpw-tool__top p { margin: 8px 0 0; color: var(--nova-body); }
.wpw-tool label { color: var(--nova-ink); font-weight: 700; }
.wpw-tool input, .wpw-tool textarea, .wpw-tool select { font-family: var(--nova-font); font-size: 16px; border-color: #cfd9e2; border-radius: 10px; background: #fff; color: var(--nova-text); }
.wpw-button { border-radius: 10px; background: var(--nova-primary); color: #fff; font-family: var(--nova-font); font-weight: 750; }
.wpw-button:hover { background: var(--nova-primary-deep); }
.wpw-button--quiet { background: #fff; color: var(--nova-primary-deep); border: 1px solid var(--nova-border); }
.wpw-button--quiet:hover { background: var(--nova-mist); color: var(--nova-primary-deep); }
.wpw-tool__privacy { color: var(--nova-muted); }
.wpw-tool__privacy span { color: #2d865e; }
.wpw-code { font-family: var(--nova-mono) !important; font-size: 13px !important; }
.wpw-stat-grid > div { border-color: var(--nova-border); background: #fff; }
.wpw-stat-grid strong { color: var(--nova-ink); }
.wpw-result-summary { background: var(--nova-primary-deep); color: #fff; border-radius: 15px; }
.wpw-result-summary h3 { color: #fff; }
.wpw-theme-result, .wpw-plugin-card, .wpw-tech-card { border-color: var(--nova-border); border-radius: 15px; background: #fff; }
.wpw-theme-result { grid-template-columns: minmax(250px,.85fr) minmax(0,1.15fr); }
.wpw-theme-shot { min-height: 270px; background: #edf2f6; }
.wpw-theme-shot img { width: 100%; height: 100%; object-fit: cover; }
.wpw-theme-details h3, .wpw-plugin-card h3 { font-family: var(--nova-display); color: var(--nova-ink); }
.wpw-theme-description, .wpw-plugin-card p { color: var(--nova-body); }
.wpw-result-actions a { color: var(--nova-primary-deep); border-color: var(--nova-border); background: #fff; }
.wpw-confidence { background: var(--nova-mist); color: var(--nova-primary-deep); }
.wpw-limit-note { background: #fff7ef; color: #7b451b; border-color: #f0cfb3; }

/* Contact and error */
.wpwala-contact-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,360px); gap: 30px; align-items: start; }
.wpwala-contact-card { position: sticky; top: 110px; padding: 26px; border-radius: 18px; background: var(--nova-primary-deep); color: #fff; }
.wpwala-contact-card h2 { color: #fff; margin: 10px 0 16px; }
.wpwala-contact-card p { color: rgba(255,255,255,.8); }
.wpwala-contact-email { display: block; overflow-wrap: anywhere; color: #fff; font-size: 20px; font-weight: 800; }
.nova-error-page { padding: 90px 0; }
.nova-error-card { max-width: 760px; padding: clamp(30px,6vw,65px); border: 1px solid var(--nova-border); border-radius: var(--nova-radius-lg); background: #fff; box-shadow: var(--nova-shadow); }
.nova-error-card h1 { margin: 12px 0; font-size: clamp(2.7rem,5vw,4.7rem); }
.nova-error-card .nova-search-form { margin: 25px 0 20px; }

/* Footer */
.nova-site-footer { padding-top: 65px; background: var(--nova-footer-bg); color: rgba(255,255,255,.76); }
.wpwala-footer-intro { display: flex; justify-content: space-between; gap: 45px; align-items: end; padding-bottom: 55px; border-bottom: 1px solid rgba(255,255,255,.12); }
.wpwala-footer-intro > div:first-child { max-width: 700px; }
.wpwala-footer-intro .nova-eyebrow { color: #f3a665; }
.wpwala-footer-intro h2 { margin: 12px 0; color: #fff; font-size: clamp(2.15rem,4vw,3.55rem); }
.wpwala-footer-intro p { margin: 0; color: rgba(255,255,255,.72); }
.wpwala-footer-actions { display: flex; gap: 10px; flex-shrink: 0; }
.nova-site-footer .nova-btn-primary { background: #fff; color: var(--nova-primary-deep); box-shadow: none; }
.nova-site-footer .nova-btn-soft { border-color: rgba(255,255,255,.25); background: transparent; color: #fff; }
.nova-footer-grid { display: grid; grid-template-columns: 1.45fr repeat(3,1fr); gap: 45px; padding-block: 55px; }
.nova-footer-about p { max-width: 410px; }
.nova-footer-brand .nova-brand-text strong { color: #fff; }
.nova-footer-brand .nova-brand-text small { color: rgba(255,255,255,.6); }
.nova-footer-col h3 { margin: 0 0 15px; color: #fff; font-size: 20px; }
.nova-footer-menu { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.nova-footer-menu a { color: rgba(255,255,255,.72); text-decoration: none; }
.nova-footer-menu a:hover { color: #fff; text-decoration: underline; }
.nova-footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-block: 22px; border-top: 1px solid rgba(255,255,255,.12); font-size: 14px; }

/* Responsive */
@media (max-width: 1080px) {
	.nova-primary-nav { position: fixed; inset: 116px 20px auto; display: none; padding: 18px; border: 1px solid var(--nova-border); border-radius: 16px; background: #fff; box-shadow: var(--nova-shadow); }
	.nova-primary-nav.is-open { display: block; }
	.nova-menu { display: grid; }
	.nova-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 0 15px; }
	.nova-primary-nav .nova-nav-cta { margin-top: 10px; width: 100%; }
	.nova-menu-toggle { display: inline-flex; margin-left: auto; align-items: center; gap: 8px; border: 1px solid var(--nova-border); border-radius: 10px; background: #fff; padding: 9px 12px; color: var(--nova-ink); font: inherit; font-weight: 750; }
	.wpwala-home-hero__grid, .nova-single-hero-grid, .wpwala-principles-grid, .wpwala-faq-layout { grid-template-columns: 1fr; }
	.wpwala-home-hero__grid { gap: 45px; }
	.wpwala-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.wpwala-featured-grid, .wpw-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.nova-content-layout, .wpwala-tool-content-wrap { grid-template-columns: 1fr; }
	.nova-sidebar, .wpwala-related-tools, .wpwala-contact-card { position: static; }
	.nova-footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
	.nova-footer-col:last-child { grid-column: 2 / -1; }
}

@media (max-width: 782px) {
	.admin-bar .nova-site-header { top: 46px; }
	.wpwala-utility-inner { min-height: 44px; }
	.wpwala-utility-inner span { display: none; }
	.wpwala-utility-inner { justify-content: center; }
	.nova-container { width: min(100% - 28px, 1180px); }
	.nova-header-inner { min-height: 70px; }
	.nova-brand-text small { display: none; }
	.nova-primary-nav { inset: 115px 14px auto; }
	.nova-section { padding: 62px 0; }
	.nova-section-head, .wpwala-section-head { grid-template-columns: 1fr; gap: 14px; }
	.wpwala-home-hero { padding: 55px 0 65px; }
	.wpwala-home-hero h1 { font-size: clamp(2.75rem, 12vw, 4.15rem); }
	.wpwala-home-hero__copy > p { font-size: 18px; }
	.wpwala-category-grid, .nova-card-grid, .wpwala-featured-grid, .wpwala-featured-grid--compact, .wpw-card-grid { grid-template-columns: 1fr; }
	.wpwala-category-card { min-height: auto; }
	.wpwala-category-row__head, .wpwala-footer-intro { align-items: flex-start; flex-direction: column; }
	.wpwala-category-row__title { align-items: flex-start; }
	.wpwala-page-hero__inner, .wpwala-tool-hero-grid, .wpwala-contact-layout, .wpwala-category-help { grid-template-columns: 1fr; }
	.wpwala-page-hero__note { display: none; }
	.nova-content-layout { padding-top: 30px; }
	.wpwala-single-article, .nova-prose, .wpwala-tool-article { padding: 25px 20px; }
	.wpwala-inline-tools__grid, .wpwala-post-nav { grid-template-columns: 1fr; }
	.wpw-theme-result { grid-template-columns: 1fr; }
	.wpw-theme-shot { min-height: 220px; }
	.nova-footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }
	.nova-footer-about { grid-column: 1 / -1; }
	.nova-footer-col:last-child { grid-column: auto; }
	.wpwala-footer-actions { width: 100%; flex-wrap: wrap; }
	.wpwala-footer-actions .nova-btn { flex: 1; }
	.nova-footer-bottom { flex-direction: column; }
}

@media (max-width: 520px) {
	body.wpwala-nova { font-size: 17px; }
	.nova-brand-mark { width: 40px; height: 40px; }
	.nova-brand-text strong { font-size: 20px; }
	.wpwala-home-hero h1 { font-size: 2.8rem; }
	.nova-hero-actions, .nova-button-row { flex-direction: column; }
	.nova-hero-actions .nova-btn, .nova-button-row .nova-btn { width: 100%; }
	.wpwala-proof-row { display: grid; }
	.wpwala-start-panel__head { padding: 22px 20px 16px; }
	.wpwala-start-panel__links { padding: 7px; }
	.wpwala-start-panel__links > a { grid-template-columns: 42px 1fr 16px; padding: 11px; }
	.wpwala-category-card { padding: 20px; }
	.wpwala-category-card__icon { width: 43px; height: 43px; }
	.nova-section-head h2, .wpwala-section-head h2 { font-size: 2.25rem; }
	.nova-search-form { flex-direction: column; }
	.nova-search-form button { width: 100%; }
	.nova-footer-grid { grid-template-columns: 1fr; }
	.nova-footer-about, .nova-footer-col:last-child { grid-column: auto; }
	.wpw-tool { padding: 18px 15px; }
	.wpw-input-action, .wpw-output-row { grid-template-columns: 1fr; }
	.wpw-input-action .wpw-button, .wpw-output-row .wpw-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Version 6 editorial and tools refinement */
:root {
	--nova-ink: #101828;
	--nova-primary: #3858e9;
	--nova-primary-deep: #243fca;
	--nova-accent: #0ea87a;
	--nova-accent-soft: #dcf8ef;
	--nova-mist: #eef3ff;
	--nova-mist-2: #f6f8fc;
	--nova-paper: #f7f8fb;
	--nova-text: #27364d;
	--nova-body: #5b687c;
	--nova-muted: #7b8799;
	--nova-border: #dbe2ec;
	--nova-border-soft: #e9edf3;
	--nova-footer-bg: #0d1526;
	--nova-shadow: 0 24px 70px rgba(16, 24, 40, .10);
	--nova-shadow-sm: 0 12px 35px rgba(16, 24, 40, .08);
	--nova-radius: 20px;
	--nova-radius-lg: 30px;
}
body.wpwala-nova { background: var(--nova-paper); }
body.wpwala-nova a { text-decoration-thickness: 1px; }
.nova-container { width: min(1240px, calc(100% - 44px)); }

/* Header and topic navigation */
.wpwala-utility-bar { display: none; }
.nova-site-header { background: rgba(255,255,255,.97); box-shadow: 0 1px 0 rgba(16,24,40,.07); }
.nova-header-inner { min-height: 76px; }
.nova-brand-mark { border-radius: 14px; background: linear-gradient(145deg, #3858e9, #1835aa); box-shadow: 0 10px 28px rgba(56,88,233,.22); }
.nova-brand-text small { color: #6c7890; }
.nova-menu a { font-size: 15px; font-weight: 700; }
.nova-nav-cta { padding-inline: 19px; background: var(--nova-ink); border-color: var(--nova-ink); color: #fff; }
.nova-nav-cta:hover { background: var(--nova-primary); border-color: var(--nova-primary); }
.wpwala-topic-strip { border-top: 1px solid var(--nova-border-soft); background: #fff; }
.wpwala-topic-strip__inner { min-height: 43px; display: flex; align-items: center; gap: 16px; overflow: hidden; }
.wpwala-topic-strip__label { flex: 0 0 auto; color: var(--nova-primary); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.wpwala-topic-strip__links { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.wpwala-topic-strip__links::-webkit-scrollbar { display: none; }
.wpwala-topic-strip__links a { flex: 0 0 auto; padding: 7px 10px; border-radius: 8px; color: #4b5870; font-size: 13px; font-weight: 700; text-decoration: none; }
.wpwala-topic-strip__links a:hover { background: var(--nova-mist); color: var(--nova-primary-deep); }

/* Homepage hero */
.wpwala-home-hero { position: relative; overflow: hidden; padding: 78px 0 74px; background: radial-gradient(circle at 82% 20%, rgba(14,168,122,.14), transparent 28%), linear-gradient(135deg, #f9fbff 0%, #f1f5ff 52%, #f6fbf9 100%); border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-home-hero::before { content: ""; position: absolute; inset: auto -90px -170px auto; width: 390px; height: 390px; border: 70px solid rgba(56,88,233,.06); border-radius: 50%; }
.wpwala-home-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: 68px; align-items: center; }
.wpwala-home-hero__copy { max-width: 720px; }
.wpwala-home-hero h1 { max-width: 750px; margin: 14px 0 20px; font-size: clamp(3.55rem,6.1vw,6.35rem); line-height: .99; letter-spacing: -.055em; }
.wpwala-home-hero__copy > p { max-width: 680px; margin: 0; color: #536179; font-size: clamp(1.12rem,1.7vw,1.32rem); line-height: 1.62; }
.wpwala-hero-search { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 8px; max-width: 760px; margin: 30px 0 22px; padding: 8px; border: 1px solid #cdd7e7; border-radius: 17px; background: #fff; box-shadow: 0 16px 45px rgba(16,24,40,.09); }
.wpwala-hero-search > span { text-align: center; color: var(--nova-primary); font-size: 24px; }
.wpwala-hero-search input { min-width: 0; min-height: 48px; border: 0; outline: 0; background: transparent; color: var(--nova-ink); font-size: 16px; }
.wpwala-hero-search button { min-height: 48px; padding: 0 20px; border: 0; border-radius: 11px; background: var(--nova-primary); color: #fff; font-weight: 800; }
.wpwala-hero-search button:hover { background: var(--nova-primary-deep); }
.wpwala-home-paths { overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 25px; background: rgba(255,255,255,.88); box-shadow: 0 28px 80px rgba(31,45,80,.14); backdrop-filter: blur(18px); }
.wpwala-home-paths__head { padding: 24px 25px 18px; border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-home-paths__head span { color: var(--nova-ink); font-family: var(--nova-display); font-size: 22px; font-weight: 780; }
.wpwala-home-paths__head p { margin: 5px 0 0; color: var(--nova-body); font-size: 15px; }
.wpwala-home-paths > a { display: grid; grid-template-columns: 44px minmax(0,1fr) 18px; gap: 13px; align-items: center; padding: 15px 23px; color: var(--nova-text); text-decoration: none; border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-home-paths > a:last-child { border-bottom: 0; }
.wpwala-home-paths > a:hover { background: #f4f7ff; }
.wpwala-home-paths > a > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--nova-mist); color: var(--nova-primary); }
.wpwala-home-paths svg { width: 22px; height: 22px; }
.wpwala-home-paths strong, .wpwala-home-paths small { display: block; }
.wpwala-home-paths strong { color: var(--nova-ink); font-size: 16px; }
.wpwala-home-paths small { margin-top: 2px; color: var(--nova-body); line-height: 1.35; }
.wpwala-home-paths i { color: var(--nova-primary); font-style: normal; font-size: 20px; }
.wpwala-trust-strip { background: #fff; border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-trust-strip .nova-container { min-height: 58px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.wpwala-trust-strip span { padding: 4px 18px; border-left: 1px solid var(--nova-border-soft); color: #536179; text-align: center; font-size: 14px; font-weight: 700; }
.wpwala-trust-strip span:first-child { border-left: 0; }

/* Modern section structure */
.nova-section { padding-block: 88px; }
.nova-section-head, .wpwala-section-head { grid-template-columns: minmax(0,1.1fr) minmax(300px,.75fr); align-items: end; margin-bottom: 38px; }
.nova-section-head h2, .wpwala-section-head h2 { max-width: 760px; margin: 9px 0 0; font-size: clamp(2.55rem,4.7vw,4.35rem); line-height: 1.02; letter-spacing: -.045em; }
.nova-section-head > p, .wpwala-section-head > p { max-width: 560px; margin: 0; color: var(--nova-body); font-size: 17px; }
.nova-eyebrow { color: var(--nova-primary); font-weight: 800; }

/* Topic board */
.wpwala-topic-section { background: #fff; }
.wpwala-topic-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.wpwala-topic-card { overflow: hidden; border: 1px solid var(--nova-border); border-radius: 20px; background: #fff; box-shadow: 0 8px 24px rgba(16,24,40,.045); }
.wpwala-topic-card:hover { border-color: #c5cfdf; box-shadow: var(--nova-shadow-sm); }
.wpwala-topic-card__head { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 17px; padding: 24px 24px 18px; color: inherit; text-decoration: none; }
.wpwala-topic-card__head > span { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--nova-mist); color: var(--nova-primary); }
.wpwala-topic-card__head svg { width: 25px; height: 25px; }
.wpwala-topic-card h3 { margin: 0; font-size: 24px; }
.wpwala-topic-card p { margin: 7px 0 0; color: var(--nova-body); font-size: 15px; line-height: 1.55; }
.wpwala-topic-card__links { padding: 0 24px 13px 91px; }
.wpwala-topic-card__links a { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--nova-border-soft); color: #34425a; font-size: 14px; font-weight: 700; line-height: 1.35; text-decoration: none; }
.wpwala-topic-card__links a:hover { color: var(--nova-primary); }
.wpwala-topic-card__links i { flex: 0 0 auto; font-style: normal; }
.wpwala-topic-card__all { display: block; padding: 13px 24px 15px 91px; background: #f8f9fc; color: var(--nova-primary-deep); font-size: 13px; font-weight: 800; text-decoration: none; }

/* Guide cards */
.nova-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.nova-guide-grid--featured { grid-template-columns: repeat(3,minmax(0,1fr)); }
.nova-guide-grid--featured .nova-guide-card--feature { grid-column: 1 / -1; grid-row: auto; }
.nova-guide-card { min-width: 0; overflow: hidden; border: 1px solid var(--nova-border); border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(16,24,40,.045); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.nova-guide-card:hover { transform: translateY(-4px); border-color: #c5cfdf; box-shadow: 0 20px 46px rgba(16,24,40,.10); }
.nova-guide-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none !important; }
.nova-guide-card__media { position: relative; min-height: 185px; overflow: hidden; background: linear-gradient(135deg,#eef3ff,#e6f8f2); }
.nova-guide-card--feature .nova-guide-card__media { min-height: 325px; }
.nova-guide-card__media img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; display: block; transition: transform .35s ease; }
.nova-guide-card:hover .nova-guide-card__media img { transform: scale(1.025); }
.nova-guide-card__fallback { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,#eef3ff,#f6fbf9); }
.nova-guide-card__fallback span { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 22px; background: #fff; color: var(--nova-primary); box-shadow: 0 18px 45px rgba(56,88,233,.13); }
.nova-guide-card__fallback svg { width: 35px; height: 35px; }
.nova-guide-card__fallback i { position: absolute; width: 150px; height: 150px; border: 28px solid rgba(56,88,233,.06); border-radius: 50%; }
.nova-guide-card__fallback i:first-of-type { left: -55px; bottom: -70px; }
.nova-guide-card__fallback i:last-of-type { right: -60px; top: -70px; border-color: rgba(14,168,122,.08); }
.nova-guide-card__topic { position: absolute; left: 16px; bottom: 14px; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--nova-primary-deep); font-size: 12px; font-weight: 800; box-shadow: 0 8px 24px rgba(16,24,40,.11); }
.nova-guide-card__body { display: flex; flex-direction: column; flex: 1; padding: 21px 21px 20px; }
.nova-guide-card__body h3 { margin: 0; font-size: 22px; line-height: 1.25; letter-spacing: -.025em; }
.nova-guide-card--feature .nova-guide-card__body h3 { font-size: clamp(2rem,3.2vw,3.15rem); line-height: 1.08; }
.nova-guide-card__body p { margin: 11px 0 18px; color: var(--nova-body); font-size: 15px; line-height: 1.55; }
.nova-guide-card__action { margin-top: auto; color: var(--nova-primary); font-size: 14px; font-weight: 800; }
.nova-guide-card__action i { display: inline-block; margin-left: 5px; font-style: normal; transition: transform .2s ease; }
.nova-guide-card:hover .nova-guide-card__action i { transform: translateX(4px); }
.wpwala-featured-guides { background: var(--nova-paper); }

/* Homepage tools */
.wpwala-home-tools { background: #101828; color: #fff; }
.wpwala-home-tools .nova-eyebrow { color: #8fb2ff; }
.wpwala-home-tools h2 { color: #fff; }
.wpwala-home-tools .wpwala-section-head > p { color: rgba(255,255,255,.68); }
.wpwala-home-tools__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.wpwala-home-tool-card { display: grid; grid-template-columns: 48px minmax(0,1fr) 18px; gap: 14px; align-items: start; min-height: 168px; padding: 21px; border: 1px solid rgba(255,255,255,.12); border-radius: 17px; background: rgba(255,255,255,.055); color: #fff; text-decoration: none; }
.wpwala-home-tool-card:hover { background: rgba(255,255,255,.09); border-color: rgba(143,178,255,.45); transform: translateY(-3px); }
.wpwala-home-tool-card__icon { display: grid; place-items: center; width: 47px; height: 47px; border-radius: 13px; background: rgba(143,178,255,.14); color: #a9c4ff; }
.wpwala-home-tool-card svg { width: 24px; height: 24px; }
.wpwala-home-tool-card strong { display: block; color: #fff; font-family: var(--nova-display); font-size: 19px; line-height: 1.25; }
.wpwala-home-tool-card p { margin: 7px 0 0; color: rgba(255,255,255,.66); font-size: 14px; line-height: 1.5; }
.wpwala-home-tool-card > i { color: #a9c4ff; font-style: normal; }
.wpwala-home-tools__action { margin-top: 27px; text-align: center; }
.wpwala-home-tools__action .nova-btn { background: #fff; color: var(--nova-ink); border-color: #fff; }
.wpwala-news-section { background: #fff; }
.wpwala-home-principles { background: linear-gradient(135deg,#f2f5ff,#f4fbf8); }

/* Tools directory */
.wpwala-tools-hero { padding: 72px 0 62px; background: linear-gradient(135deg,#f8faff,#eef4ff 58%,#f1fbf7); border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-tools-hero__grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(330px,.72fr); gap: 60px; align-items: center; }
.wpwala-tools-hero h1 { max-width: 780px; margin: 12px 0 18px; font-size: clamp(3.2rem,5.6vw,5.7rem); line-height: 1; letter-spacing: -.05em; }
.wpwala-tools-hero p { max-width: 720px; margin: 0; color: var(--nova-body); font-size: 19px; }
.wpwala-tools-hero__points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.wpwala-tools-hero__points span { padding: 8px 11px; border: 1px solid #d5deed; border-radius: 999px; background: rgba(255,255,255,.75); color: #44516a; font-size: 13px; font-weight: 750; }
.wpwala-tools-hero__panel { padding: 15px; border: 1px solid rgba(255,255,255,.8); border-radius: 21px; background: rgba(255,255,255,.85); box-shadow: var(--nova-shadow); }
.wpwala-tools-hero__panel > strong { display: block; padding: 8px 10px 13px; color: var(--nova-ink); font-family: var(--nova-display); font-size: 20px; }
.wpwala-tools-hero__panel a { display: flex; justify-content: space-between; gap: 12px; padding: 14px 12px; border-top: 1px solid var(--nova-border-soft); color: var(--nova-text); font-weight: 750; text-decoration: none; }
.wpwala-tools-hero__panel a:hover { color: var(--nova-primary); }
.wpwala-tools-hero__panel i { font-style: normal; }
.wpwala-tools-directory { padding: 54px 0 92px; background: #fff; }
.wpw-hub { width: 100%; }
.wpw-hub__controls { position: sticky; top: 120px; z-index: 12; margin-bottom: 52px; padding: 13px; border: 1px solid var(--nova-border); border-radius: 19px; background: rgba(255,255,255,.94); box-shadow: 0 14px 42px rgba(16,24,40,.09); backdrop-filter: blur(15px); }
.wpw-hub__search { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 8px; }
.wpw-hub__search > span { color: var(--nova-primary); text-align: center; font-size: 23px; }
.wpw-hub__search input { width: 100%; min-height: 48px; padding: 0 4px; border: 0; outline: 0; background: transparent; color: var(--nova-ink); font: inherit; }
.wpw-hub__search button { padding: 8px 12px; border: 0; border-radius: 9px; background: var(--nova-mist); color: var(--nova-primary-deep); font-weight: 800; }
.wpw-hub__tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; padding-top: 10px; border-top: 1px solid var(--nova-border-soft); }
.wpw-hub__tabs button { padding: 8px 12px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #5f6c80; font-size: 13px; font-weight: 750; }
.wpw-hub__tabs button:hover, .wpw-hub__tabs button.is-active { border-color: #cad5e6; background: var(--nova-mist); color: var(--nova-primary-deep); }
.wpw-hub__group { margin-top: 68px; }
.wpw-hub__group[hidden] { display: none; }
.wpw-hub__group > header { display: grid; grid-template-columns: minmax(0,.8fr) minmax(300px,.72fr); gap: 36px; align-items: end; max-width: none; margin: 0 0 26px; }
.wpw-hub__group h2 { margin: 7px 0 0; font-size: clamp(2.35rem,4vw,3.65rem); letter-spacing: -.04em; }
.wpw-hub__group > header > p { max-width: 560px; justify-self: end; color: var(--nova-body); font-size: 16px; }
.wpw-kicker { color: var(--nova-primary); font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.wpw-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.wpw-tool-card { display: block; min-height: 240px; padding: 24px; border: 1px solid var(--nova-border); border-radius: 19px; background: #fff; color: var(--nova-text); text-decoration: none !important; box-shadow: 0 8px 25px rgba(16,24,40,.04); }
.wpw-tool-card:hover { border-color: #becbe0; box-shadow: 0 20px 45px rgba(16,24,40,.09); transform: translateY(-4px); }
.wpw-tool-card__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 22px; border-radius: 15px; background: var(--nova-mist); color: var(--nova-primary); }
.wpw-tool-card__icon svg { width: 26px; height: 26px; }
.wpw-tool-card__body { display: block; }
.wpw-tool-card__body small { display: block; margin-bottom: 6px; color: var(--nova-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.wpw-tool-card__body strong { display: block; color: var(--nova-ink); font-family: var(--nova-display); font-size: 22px; line-height: 1.18; }
.wpw-tool-card__body > span { display: block; margin-top: 10px; color: var(--nova-body); font-size: 15px; line-height: 1.52; }
.wpw-tool-card__body em { display: block; margin-top: 20px; color: var(--nova-primary); font-size: 14px; font-style: normal; font-weight: 800; }
.wpw-tool-card__body em i { font-style: normal; }
.wpw-hub__group--detectors .wpw-tool-card { min-height: 270px; background: linear-gradient(145deg,#f9fbff,#f0f5ff); }
.wpw-hub__group--detectors .wpw-tool-card:first-child { background: linear-gradient(145deg,#eff5ff,#e7f7f2); }
.wpw-empty { padding: 45px; border: 1px dashed #bdc8d8; border-radius: 18px; background: #f8f9fc; text-align: center; }
.wpw-empty h2 { margin: 0 0 8px; }
.wpw-empty p { margin: 0; color: var(--nova-body); }
.wpwala-tools-guides { background: var(--nova-paper); }

/* Category pages */
.wpwala-category-hero { padding: 66px 0 58px; background: linear-gradient(135deg,#f9fbff,#f2f5ff 62%,#f2fbf8); border-bottom: 1px solid var(--nova-border-soft); }
.wpwala-category-hero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(260px,.55fr); gap: 65px; align-items: center; }
.wpwala-category-hero h1 { margin: 12px 0 17px; font-size: clamp(3.2rem,5.8vw,5.8rem); line-height: 1; letter-spacing: -.05em; }
.wpwala-category-hero p { max-width: 760px; margin: 0; color: var(--nova-body); font-size: 19px; }
.wpwala-category-hero__search { max-width: 620px; margin-top: 26px; }
.wpwala-category-hero__search strong { display: block; margin-bottom: 8px; color: var(--nova-ink); font-size: 14px; }
.wpwala-category-hero__search input { width: 100%; min-height: 51px; padding: 0 16px; border: 1px solid #cad5e6; border-radius: 13px; background: #fff; box-shadow: 0 10px 28px rgba(16,24,40,.06); font: inherit; }
.wpwala-category-hero__visual { position: relative; display: grid; place-items: center; min-height: 280px; overflow: hidden; border-radius: 28px; background: linear-gradient(145deg,#3858e9,#243fca); box-shadow: 0 28px 70px rgba(36,63,202,.24); }
.wpwala-category-hero__visual > span { display: grid; place-items: center; width: 110px; height: 110px; border-radius: 31px; background: rgba(255,255,255,.15); color: #fff; backdrop-filter: blur(8px); }
.wpwala-category-hero__visual svg { width: 55px; height: 55px; }
.wpwala-category-hero__visual i { position: absolute; width: 180px; height: 180px; border: 34px solid rgba(255,255,255,.08); border-radius: 50%; }
.wpwala-category-hero__visual i:nth-of-type(1) { left: -70px; top: -80px; }
.wpwala-category-hero__visual i:nth-of-type(2) { right: -80px; bottom: -90px; }
.wpwala-category-hero__visual i:nth-of-type(3) { width: 70px; height: 70px; right: 30px; top: 30px; border-width: 14px; }
.wpwala-category-nav { position: sticky; top: 119px; z-index: 10; border-bottom: 1px solid var(--nova-border-soft); background: rgba(255,255,255,.96); backdrop-filter: blur(13px); }
.wpwala-category-nav__inner { display: flex; gap: 5px; overflow-x: auto; padding-block: 10px; scrollbar-width: none; }
.wpwala-category-nav__inner::-webkit-scrollbar { display: none; }
.wpwala-category-nav a { flex: 0 0 auto; padding: 8px 11px; border-radius: 9px; color: #536179; font-size: 13px; font-weight: 750; text-decoration: none; }
.wpwala-category-nav a:hover, .wpwala-category-nav a.is-active { background: var(--nova-mist); color: var(--nova-primary-deep); }
.wpwala-category-content { background: #fff; }
.wpwala-category-feature { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 28px; align-items: center; margin-bottom: 68px; }
.wpwala-category-feature__intro { padding: 32px; border: 1px solid var(--nova-border); border-radius: 20px; background: #f8f9fc; }
.wpwala-category-feature__intro h2 { margin: 9px 0 13px; font-size: clamp(2rem,3.4vw,3rem); }
.wpwala-category-feature__intro p { margin: 0; color: var(--nova-body); }
.wpwala-category-list-head { margin-top: 10px; }
.wpwala-related-tool-section { background: var(--nova-paper); }

/* All guides */
.wpwala-directory-hero { padding: 65px 0 54px; background: linear-gradient(135deg,#f8faff,#f1f5ff); }
.wpwala-directory-hero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.7fr); gap: 58px; align-items: center; }
.wpwala-directory-hero h1 { margin: 12px 0 17px; font-size: clamp(3.1rem,5.5vw,5.4rem); line-height: 1; letter-spacing: -.05em; }
.wpwala-directory-hero p { color: var(--nova-body); font-size: 18px; }
.wpwala-directory-hero__search { padding: 24px; border: 1px solid var(--nova-border); border-radius: 19px; background: #fff; box-shadow: var(--nova-shadow-sm); }
.wpwala-directory-hero__search > strong { display: block; margin-bottom: 10px; color: var(--nova-ink); font-family: var(--nova-display); font-size: 20px; }
.wpwala-directory-topics { padding: 23px 0 0; background: #fff; }
.wpwala-directory-topic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.wpwala-directory-topic-grid > a { display: grid; grid-template-columns: 42px minmax(0,1fr) 16px; gap: 12px; align-items: start; padding: 17px; border: 1px solid var(--nova-border); border-radius: 15px; color: inherit; text-decoration: none; }
.wpwala-directory-topic-grid > a:hover { border-color: #c3cee0; background: #f8faff; }
.wpwala-directory-topic-grid > a > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: var(--nova-mist); color: var(--nova-primary); }
.wpwala-directory-topic-grid svg { width: 22px; height: 22px; }
.wpwala-directory-topic-grid strong, .wpwala-directory-topic-grid small { display: block; }
.wpwala-directory-topic-grid strong { color: var(--nova-ink); font-size: 15px; }
.wpwala-directory-topic-grid small { margin-top: 4px; color: var(--nova-body); font-size: 12px; line-height: 1.35; }
.wpwala-directory-topic-grid i { color: var(--nova-primary); font-style: normal; }

/* Single guide engagement */
.wpwala-reading-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 3px; pointer-events: none; }
.wpwala-reading-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--nova-primary),var(--nova-accent)); transform: scaleX(0); transform-origin: left center; }
.wpwala-single-topics { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.wpwala-single-topics a { padding: 7px 10px; border-radius: 999px; background: var(--nova-mist); color: var(--nova-primary-deep); font-size: 12px; font-weight: 800; text-decoration: none; }
.nova-post-meta { margin-top: 20px; color: var(--nova-muted); font-size: 14px; }
.nova-post-meta strong { color: var(--nova-ink); }
.nova-toc { margin: 0 0 35px; padding: 23px; border: 1px solid #cfd9e8; border-radius: 16px; background: #f7f9fd; }
.nova-toc-title { margin: 0 0 12px !important; color: var(--nova-ink) !important; font-family: var(--nova-display); font-size: 20px; font-weight: 780; }
.nova-toc-list { columns: 2; column-gap: 28px; margin: 0; padding-left: 21px; }
.nova-toc-list li { break-inside: avoid; margin: 6px 0; }
.nova-toc-list a { color: #40506a; text-decoration: none; }
.nova-toc-list a:hover { color: var(--nova-primary); text-decoration: underline; }
.nova-related-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 22px; }
.nova-related-title { margin: 8px 0 0; }
.nova-widget-kicker { color: var(--nova-primary); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.nova-widget-link { display: block; margin-top: 14px; color: var(--nova-primary); font-size: 13px; font-weight: 800; text-decoration: none; }
.nova-sidebar-topics { display: grid; gap: 5px; }
.nova-sidebar-topics a { display: flex; align-items: center; gap: 9px; padding: 9px; border-radius: 10px; color: #40506a; font-size: 13px; font-weight: 750; text-decoration: none; }
.nova-sidebar-topics a:hover { background: var(--nova-mist); color: var(--nova-primary-deep); }
.nova-sidebar-topics span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: var(--nova-mist); color: var(--nova-primary); }
.nova-sidebar-topics svg { width: 16px; height: 16px; }

/* Footer */
.nova-site-footer { background: var(--nova-footer-bg); }
.wpwala-footer-intro { border-bottom-color: rgba(255,255,255,.1); }
.nova-footer-menu { max-height: none; }

@media (max-width: 1080px) {
	.wpwala-topic-strip { display: none; }
	.nova-primary-nav { inset: 86px 20px auto; }
	.wpwala-home-hero__grid, .wpwala-tools-hero__grid, .wpwala-category-hero__grid, .wpwala-directory-hero__grid { grid-template-columns: 1fr; }
	.wpwala-home-hero__copy { max-width: 850px; }
	.wpwala-home-paths { max-width: 760px; }
	.wpwala-topic-board { grid-template-columns: 1fr; }
	.nova-guide-grid, .wpwala-home-tools__grid, .wpw-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.nova-guide-grid--featured .nova-guide-card--feature { grid-column: span 2; }
	.wpwala-directory-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.wpwala-category-feature { grid-template-columns: 1fr; }
	.wpwala-category-feature__intro { max-width: 760px; }
	.wpw-hub__controls { top: 92px; }
	.wpw-hub__group > header { grid-template-columns: 1fr; gap: 8px; }
	.wpw-hub__group > header > p { justify-self: start; }
	.wpwala-category-nav { top: 76px; }
}

@media (max-width: 782px) {
	.nova-container { width: min(100% - 28px,1240px); }
	.wpwala-home-hero { padding: 54px 0 58px; }
	.wpwala-home-hero h1, .wpwala-tools-hero h1, .wpwala-category-hero h1, .wpwala-directory-hero h1 { font-size: clamp(2.75rem,12vw,4.2rem); }
	.wpwala-hero-search { grid-template-columns: 30px minmax(0,1fr); }
	.wpwala-hero-search button { grid-column: 1 / -1; width: 100%; }
	.wpwala-trust-strip .nova-container { grid-template-columns: 1fr 1fr; padding-block: 10px; }
	.wpwala-trust-strip span { min-height: 38px; display: grid; place-items: center; border-left: 0; border-bottom: 1px solid var(--nova-border-soft); }
	.nova-section { padding-block: 65px; }
	.nova-section-head, .wpwala-section-head { grid-template-columns: 1fr; gap: 12px; }
	.nova-section-head h2, .wpwala-section-head h2 { font-size: clamp(2.35rem,9vw,3.25rem); }
	.nova-guide-grid, .nova-guide-grid--featured, .wpwala-home-tools__grid, .wpw-card-grid, .wpwala-directory-topic-grid { grid-template-columns: 1fr; }
	.nova-guide-grid--featured .nova-guide-card--feature { grid-column: auto; grid-row: auto; }
	.nova-guide-card--feature .nova-guide-card__media { min-height: 240px; }
	.nova-guide-card--feature .nova-guide-card__body h3 { font-size: 2rem; }
	.wpwala-topic-card__head { grid-template-columns: 44px minmax(0,1fr); padding: 20px 18px 15px; }
	.wpwala-topic-card__head > span { width: 44px; height: 44px; }
	.wpwala-topic-card__links, .wpwala-topic-card__all { padding-left: 79px; padding-right: 18px; }
	.wpwala-tools-hero, .wpwala-category-hero, .wpwala-directory-hero { padding: 48px 0; }
	.wpwala-tools-hero__points { gap: 6px; }
	.wpwala-tools-directory { padding-top: 30px; }
	.wpw-hub__controls { position: static; margin-bottom: 40px; }
	.wpw-hub__search { grid-template-columns: 30px minmax(0,1fr) auto; }
	.wpw-hub__tabs { flex-wrap: nowrap; overflow-x: auto; }
	.wpw-hub__tabs button { flex: 0 0 auto; }
	.wpw-hub__group { margin-top: 52px; }
	.wpw-tool-card { min-height: auto; }
	.wpwala-category-hero__visual { min-height: 210px; }
	.wpwala-category-nav { top: 70px; }
	.nova-toc-list { columns: 1; }
	.nova-related-head { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
	body.wpwala-nova { font-size: 16px; }
	.nova-header-inner { min-height: 68px; }
	.nova-primary-nav { inset: 76px 14px auto; }
	.wpwala-home-hero h1 { font-size: 3rem; }
	.wpwala-home-paths > a { padding: 13px 16px; }
	.wpwala-topic-card__links { padding-left: 18px; }
	.wpwala-topic-card__all { padding-left: 18px; }
	.wpwala-home-tool-card { grid-template-columns: 43px minmax(0,1fr) 14px; padding: 17px; }
	.wpwala-home-tool-card__icon { width: 43px; height: 43px; }
	.wpw-hub__search { grid-template-columns: 27px minmax(0,1fr); }
	.wpw-hub__search button { grid-column: 1 / -1; }
	.wpw-tool-card { padding: 20px; }
	.wpwala-category-feature__intro { padding: 23px; }
}

/* Bridge the tools library with the existing editorial categories. */
.wpwala-tools-topic-bridge {
	padding-top: clamp(58px, 7vw, 94px);
	padding-bottom: clamp(58px, 7vw, 94px);
	background: linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);
	border-top: 1px solid var(--nova-border-soft);
}
.wpwala-directory-topic-grid--compact {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wpwala-directory-topic-grid--compact > a {
	min-height: 144px;
	align-content: start;
	background: #fff;
	box-shadow: 0 14px 34px rgba(22, 36, 63, .055);
}
.wpwala-directory-topic-grid--compact > a:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 42px rgba(22, 36, 63, .09);
}
@media (max-width: 980px) {
	.wpwala-directory-topic-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.wpwala-directory-topic-grid--compact { grid-template-columns: 1fr; }
}

/* Version 6.2 visual quality fixes
   Corrects dark-section contrast, featured-card stretching, footer hierarchy,
   card link styling, keyboard focus, and responsive composition. */

/* Do not let the global heading rule override headings placed on dark surfaces. */
body.wpwala-nova .wpwala-home-tools h2,
body.wpwala-nova .wpwala-home-tools h3,
body.wpwala-nova .wpwala-home-tools strong,
body.wpwala-nova .nova-site-footer h2,
body.wpwala-nova .nova-site-footer h3,
body.wpwala-nova .nova-site-footer strong,
body.wpwala-nova .wpw-tool--inverse h2,
body.wpwala-nova .wpw-tool--inverse h3 {
	color: #ffffff;
}

/* Featured guides: one deliberate lead story followed by a balanced card grid. */
.nova-guide-grid--featured {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
}
.nova-guide-grid--featured .nova-guide-card--feature {
	grid-column: 1 / -1;
	grid-row: auto;
	min-height: 0;
}
.nova-guide-card--feature .nova-guide-card__link {
	display: grid;
	grid-template-columns: minmax(330px, .92fr) minmax(0, 1.08fr);
	min-height: 410px;
}
.nova-guide-card--feature .nova-guide-card__media {
	min-height: 410px;
	height: 100%;
}
.nova-guide-card--feature .nova-guide-card__body {
	justify-content: center;
	padding: clamp(32px, 4vw, 54px);
}
.nova-guide-card--feature .nova-guide-card__body h3 {
	max-width: 900px;
	font-size: clamp(2.35rem, 4vw, 4.15rem);
	line-height: 1.02;
}
.nova-guide-card--feature .nova-guide-card__body p {
	max-width: 760px;
	font-size: 17px;
	line-height: 1.62;
}
.nova-guide-card__link,
.nova-guide-card__link:hover,
.nova-guide-card__link:focus,
.wpw-tool-card,
.wpw-tool-card:hover,
.wpw-tool-card:focus,
.wpwala-home-tool-card,
.wpwala-home-tool-card:hover,
.wpwala-home-tool-card:focus {
	text-decoration: none !important;
}

/* Dark tools section: visible hierarchy, tighter rhythm, and softer depth. */
.wpwala-home-tools {
	position: relative;
	overflow: hidden;
	padding-block: clamp(76px, 8vw, 104px);
	background:
		radial-gradient(circle at 12% 12%, rgba(56, 88, 233, .22), transparent 28%),
		radial-gradient(circle at 90% 85%, rgba(14, 168, 122, .13), transparent 28%),
		#0d1526;
}
.wpwala-home-tools::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 85%);
}
.wpwala-home-tools > .nova-container {
	position: relative;
	z-index: 1;
}
body.wpwala-nova .wpwala-home-tools .nova-eyebrow {
	margin-bottom: 0;
	padding: 7px 12px;
	background: rgba(255,255,255,.08);
	color: #d8e4ff;
}
body.wpwala-nova .wpwala-home-tools .nova-eyebrow::before {
	background: #49d6ae;
}
body.wpwala-nova .wpwala-home-tools .wpwala-section-head > p {
	color: #b8c3d6;
}
.wpwala-home-tools .wpwala-section-head {
	margin-bottom: 32px;
}
.wpwala-home-tools__grid {
	gap: 16px;
}
.wpwala-home-tool-card {
	min-height: 176px;
	border-color: rgba(255,255,255,.15);
	background: rgba(255,255,255,.065);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.wpwala-home-tool-card:hover {
	border-color: rgba(151,181,255,.56);
	background: rgba(255,255,255,.105);
}
body.wpwala-nova .wpwala-home-tool-card strong {
	color: #ffffff;
}
body.wpwala-nova .wpwala-home-tool-card p {
	color: #c0c9d8;
}
.wpwala-home-tools__action {
	margin-top: 30px;
}

/* Tools directory: cards read as interactive products, not linked paragraphs. */
.wpw-tool-card {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	min-height: 228px;
}
.wpw-tool-card__icon {
	margin: 0;
}
.wpw-tool-card__body {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
}
.wpw-tool-card__body em {
	margin-top: auto;
	padding-top: 18px;
}
.wpw-tool-card strong,
.wpw-tool-card span,
.wpw-tool-card small,
.wpw-tool-card em {
	text-decoration: none !important;
}
.wpw-hub__group--detectors .wpw-tool-card {
	min-height: 250px;
}

/* Footer: explicit light colours prevent inherited heading colours from disappearing. */
.nova-site-footer {
	padding-top: 72px;
	background:
		radial-gradient(circle at 80% 0%, rgba(56,88,233,.15), transparent 32%),
		linear-gradient(180deg, #101a30 0%, #0b1322 100%);
}
body.wpwala-nova .nova-site-footer .nova-eyebrow {
	margin-bottom: 0;
	padding: 7px 12px;
	background: rgba(255,255,255,.08);
	color: #ffd1ad;
}
body.wpwala-nova .nova-site-footer .nova-eyebrow::before {
	background: #49d6ae;
}
body.wpwala-nova .wpwala-footer-intro p,
body.wpwala-nova .nova-footer-about p,
body.wpwala-nova .nova-footer-bottom {
	color: #b8c3d6;
}
body.wpwala-nova .nova-footer-menu a {
	color: #c7cfdd;
}
body.wpwala-nova .nova-footer-menu a:hover,
body.wpwala-nova .nova-footer-menu a:focus {
	color: #ffffff;
}
body.wpwala-nova .nova-footer-col h3 {
	color: #ffffff;
}
.wpwala-footer-intro {
	align-items: center;
}
.wpwala-footer-intro > div:first-child {
	max-width: 790px;
}
.nova-footer-grid {
	align-items: start;
}

/* Clear keyboard focus on every major card and action. */
body.wpwala-nova :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid #79a0ff;
	outline-offset: 3px;
}

/* Avoid text or controls forcing horizontal overflow. */
.nova-guide-card,
.wpw-tool-card,
.wpwala-home-tool-card,
.wpwala-topic-card,
.nova-footer-col {
	min-width: 0;
}
.nova-guide-card h3,
.wpw-tool-card strong,
.wpwala-home-tool-card strong,
.nova-footer-menu a {
	overflow-wrap: anywhere;
}

@media (max-width: 980px) {
	.nova-guide-card--feature .nova-guide-card__link {
		grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
		min-height: 360px;
	}
	.nova-guide-card--feature .nova-guide-card__media {
		min-height: 360px;
	}
}

@media (max-width: 782px) {
	.nova-guide-card--feature .nova-guide-card__link {
		display: flex;
		min-height: 0;
	}
	.nova-guide-card--feature .nova-guide-card__media {
		min-height: 250px;
	}
	.nova-guide-card--feature .nova-guide-card__body {
		padding: 25px 22px 24px;
	}
	.nova-guide-card--feature .nova-guide-card__body h3 {
		font-size: clamp(2rem, 8.5vw, 3rem);
	}
	.wpw-tool-card {
		min-height: 0;
	}
	.wpwala-footer-intro {
		align-items: flex-start;
	}
}

@media (max-width: 520px) {
	.wpw-tool-card {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 14px;
		padding: 20px;
	}
	.wpw-tool-card__icon {
		width: 44px;
		height: 44px;
		border-radius: 13px;
	}
}

/* Version 6.3 full editorial QA
   Standardises image ratios, prevents long-title breakage, repairs article
   hero composition, and makes related content readable inside the article grid. */

/* A predictable 16:9 editorial image system across every guide surface. */
.nova-guide-card__media,
.nova-single-cover {
	aspect-ratio: 16 / 9;
	min-height: 0;
	background: linear-gradient(145deg, #eef3ff, #f3faf7);
}
.nova-guide-card__media img,
.nova-single-cover img {
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
}
.nova-guide-card__fallback {
	position: absolute;
	inset: 0;
}

/* Never break ordinary words into fragments. Clamp card copy instead. */
.nova-guide-card h3,
.nova-related-title,
.nova-single-hero h1,
.nova-mini-list span {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
}
.nova-guide-card__body h3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.nova-guide-card__body p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* Homepage lead guide. The image remains 16:9 instead of stretching vertically. */
.nova-guide-card--feature .nova-guide-card__link {
	display: grid;
	grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
	gap: 0;
	align-items: center;
	min-height: 0;
	padding: 24px;
}
.nova-guide-card--feature .nova-guide-card__media {
	width: 100%;
	min-height: 0;
	border-radius: 16px;
}
.nova-guide-card--feature .nova-guide-card__body {
	padding: clamp(28px, 3.5vw, 48px);
}
.nova-guide-card--feature .nova-guide-card__body h3 {
	max-width: 760px;
	font-size: clamp(2.2rem, 3.35vw, 3.65rem);
	line-height: 1.05;
	-webkit-line-clamp: 4;
}
.nova-guide-card--feature .nova-guide-card__body p {
	max-width: 690px;
	font-size: 16px;
	-webkit-line-clamp: 4;
}

/* Category lead guides have less room, so use the standard vertical pattern. */
.wpwala-category-feature .nova-guide-card--category-feature .nova-guide-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
}
.wpwala-category-feature .nova-guide-card--category-feature .nova-guide-card__body {
	padding: 24px;
}
.wpwala-category-feature .nova-guide-card--category-feature .nova-guide-card__body h3 {
	font-size: clamp(1.65rem, 2.5vw, 2.2rem);
	line-height: 1.13;
	-webkit-line-clamp: 3;
}

/* Single guide hero: title first, then one standard wide featured image. */
.nova-single-hero .nova-container {
	max-width: 1120px;
}
.nova-single-hero-copy {
	max-width: 960px;
}
.nova-single-hero h1 {
	max-width: 940px;
	font-size: clamp(2.65rem, 5.5vw, 4.75rem);
	line-height: 1.02;
	letter-spacing: -.045em;
}
.nova-single-hero-copy > p {
	max-width: 820px;
	font-size: clamp(1.08rem, 1.8vw, 1.28rem);
	line-height: 1.65;
}
.nova-single-cover {
	margin-top: clamp(28px, 4vw, 46px);
	border: 1px solid var(--nova-border);
	border-radius: 22px;
	box-shadow: 0 22px 55px rgba(16, 24, 40, .09);
}
.nova-summary-card--hero {
	max-width: 760px;
	margin-top: 32px;
}

/* Article and sidebar widths stay useful on common laptop screens. */
.nova-content-layout {
	grid-template-columns: minmax(0, 820px) minmax(280px, 320px);
	gap: clamp(28px, 3vw, 42px);
}

/* Related guides inside an article use compact horizontal cards, not 3 narrow columns. */
.nova-related {
	margin-top: 56px;
	padding-top: 42px;
	border-top: 1px solid var(--nova-border);
}
.nova-related-head {
	align-items: end;
	margin-bottom: 24px;
}
.nova-related-head > div {
	min-width: 0;
}
.nova-related-title {
	max-width: 620px;
	font-size: clamp(1.85rem, 3.2vw, 2.55rem);
	line-height: 1.1;
}
.nova-related .nova-guide-grid {
	grid-template-columns: 1fr;
	gap: 15px;
}
.nova-guide-card--related {
	border-radius: 16px;
}
.nova-guide-card--related .nova-guide-card__link {
	display: grid;
	grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
	align-items: center;
}
.nova-guide-card--related .nova-guide-card__media {
	margin: 14px;
	border-radius: 12px;
}
.nova-guide-card--related .nova-guide-card__body {
	padding: 22px 24px 22px 12px;
}
.nova-guide-card--related .nova-guide-card__body h3 {
	font-size: clamp(1.28rem, 2.15vw, 1.62rem);
	line-height: 1.18;
	-webkit-line-clamp: 2;
}
.nova-guide-card--related .nova-guide-card__body p {
	margin: 8px 0 12px;
	font-size: 14px;
	-webkit-line-clamp: 2;
}
.nova-guide-card--related .nova-guide-card__topic {
	left: 10px;
	bottom: 10px;
	max-width: calc(100% - 20px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Sidebar remains compact and never produces crushed text. */
.nova-sidebar {
	gap: 16px;
}
.nova-widget {
	padding: 22px;
}
.nova-mini-list {
	gap: 9px;
}
.nova-mini-list a {
	align-items: flex-start;
	padding: 13px 14px;
	background: #f3f6ff;
	line-height: 1.35;
}
.nova-mini-list span {
	min-width: 0;
	font-size: 14px;
	font-weight: 700;
}
.nova-mini-list small {
	flex: 0 0 auto;
	padding-top: 1px;
}
.nova-widget-link {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	margin-top: 12px;
}

/* General guide grids: consistent card heights without giant blank regions. */
.nova-guide-grid:not(.nova-guide-grid--featured) {
	align-items: stretch;
}
.nova-guide-grid:not(.nova-guide-grid--featured) .nova-guide-card__body {
	min-height: 230px;
}
.nova-guide-grid:not(.nova-guide-grid--featured) .nova-guide-card--related .nova-guide-card__body {
	min-height: 0;
}

@media (max-width: 1180px) {
	.nova-content-layout {
		grid-template-columns: minmax(0, 1fr) 290px;
	}
	.nova-guide-card--feature .nova-guide-card__link {
		grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
	}
}

@media (max-width: 1080px) {
	.nova-content-layout {
		grid-template-columns: 1fr;
	}
	.nova-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nova-sidebar > .nova-widget {
		min-width: 0;
	}
}

@media (max-width: 900px) {
	.nova-guide-card--feature .nova-guide-card__link {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	.nova-guide-card--feature .nova-guide-card__media {
		border-radius: 0;
	}
	.nova-guide-card--feature .nova-guide-card__body {
		padding: 26px 24px 27px;
	}
	.nova-guide-card--feature .nova-guide-card__body h3 {
		font-size: clamp(2rem, 6vw, 3rem);
		-webkit-line-clamp: 3;
	}
}

@media (max-width: 782px) {
	.nova-single-hero {
		padding: 44px 0 54px;
	}
	.nova-single-hero h1 {
		font-size: clamp(2.35rem, 10vw, 3.75rem);
	}
	.nova-related-head {
		align-items: flex-start;
		flex-direction: column;
	}
	.nova-sidebar {
		grid-template-columns: 1fr;
	}
	.nova-guide-card--related .nova-guide-card__link {
		grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
	}
}

@media (max-width: 580px) {
	.nova-guide-card--related .nova-guide-card__link {
		display: flex;
		flex-direction: column;
	}
	.nova-guide-card--related .nova-guide-card__media {
		width: calc(100% - 28px);
		margin: 14px 14px 0;
	}
	.nova-guide-card--related .nova-guide-card__body {
		width: 100%;
		padding: 18px 18px 20px;
	}
	.nova-guide-grid:not(.nova-guide-grid--featured) .nova-guide-card__body {
		min-height: 0;
	}
}

/* Small finishing details found during long-title QA. */
.nova-related-head .nova-text-link {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 782px) {
	.nova-related-head .nova-text-link {
		white-space: normal;
	}
}

/* Mobile featured grid correction found during the final viewport render. */
@media (max-width: 782px) {
	.nova-guide-grid,
	.nova-guide-grid--featured {
		grid-template-columns: 1fr;
	}
	.nova-guide-grid--featured .nova-guide-card--feature {
		grid-column: auto;
	}
	.nova-guide-card--feature .nova-guide-card__body h3 {
		-webkit-line-clamp: 5;
	}
}

/* The lead guide is allowed to show its complete title. */
.nova-guide-card--feature .nova-guide-card__body h3 {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
}

/* Category lead cards also show the complete title. */
.nova-guide-card--category-feature .nova-guide-card__body h3 {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
}