/**
 * Musthave.AI design skin for /tools/ (Toolbox.AI)
 * Tokens aligned with newssroommusthave (musthave.ai).
 */

:root {
	--nr-ink: #202124;
	--nr-ink-2: #5f6368;
	--nr-ink-3: #80868b;
	--nr-bg: #ffffff;
	--nr-surface: #f8f9fa;
	--nr-line: #dadce0;
	--nr-line-soft: #e8eaed;
	--nr-blue: #1a73e8;
	--nr-blue-dark: #174ea6;
	--nr-blue-soft: #e8f0fe;
	--nr-tint: #eef2ff;
	--nr-radius: 16px;
	--nr-radius-lg: 24px;
	--nr-shadow: 0 1px 2px rgba(60, 64, 67, 0.08), 0 4px 12px rgba(60, 64, 67, 0.06);
	--nr-shadow-hover: 0 12px 28px rgba(26, 115, 232, 0.14);
	--nr-font: "Figtree", "Google Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--mhai-header-h: 64px;
}

/* --------------------------------------------------------------------------
   Global
   -------------------------------------------------------------------------- */

body.mhai-tools-skin,
body.mhai-tools-skin .site-content,
body.mhai-tools-skin .content-area {
	font-family: var(--nr-font) !important;
	color: var(--nr-ink);
	background: var(--nr-bg);
	-webkit-font-smoothing: antialiased;
}

body.mhai-tools-skin a {
	color: var(--nr-blue);
	text-decoration: none;
	transition: color .15s ease;
}
body.mhai-tools-skin a:hover {
	color: var(--nr-blue-dark);
}

body.mhai-tools-skin h1,
body.mhai-tools-skin h2,
body.mhai-tools-skin h3,
body.mhai-tools-skin h4 {
	font-family: var(--nr-font) !important;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--nr-ink);
}

/* --------------------------------------------------------------------------
   Header — clean white bar like musthave.ai
   -------------------------------------------------------------------------- */

body.mhai-tools-skin #masthead,
body.mhai-tools-skin .site-header,
body.mhai-tools-skin .header-main,
body.mhai-tools-skin .header-main-inner,
body.mhai-tools-skin .header--row-inner {
	background: #fff !important;
	border-bottom: 1px solid var(--nr-line-soft);
	box-shadow: none !important;
}

body.mhai-tools-skin .site-header a,
body.mhai-tools-skin .primary-menu a,
body.mhai-tools-skin .primary-menu-ul a,
body.mhai-tools-skin .nav-menu a {
	color: var(--nr-ink) !important;
	font-weight: 500;
	font-size: 15px;
}

body.mhai-tools-skin .primary-menu a:hover,
body.mhai-tools-skin .nav-menu a:hover {
	color: var(--nr-blue) !important;
}

body.mhai-tools-skin .logo img {
	max-height: 36px;
	width: auto;
}

/* CTA-ish nav items */
body.mhai-tools-skin .primary-menu a[href*="pricing"],
body.mhai-tools-skin .primary-menu a[href*="#newsletter"] {
	color: var(--nr-blue) !important;
}

/* --------------------------------------------------------------------------
   Homepage hero — was purple panel; now Newsroom light card
   -------------------------------------------------------------------------- */

body.mhai-tools-home .toolboxsaas-filters-sidebar,
body.mhai-tools-skin .toolboxsaas-filters-sidebar.mhai-tools-hero,
body.mhai-tools-skin .mhai-tools-hero {
	background: linear-gradient(180deg, #eef2ff 0%, #f8f9fa 55%, #ffffff 100%) !important;
	border-radius: 0 0 var(--nr-radius-lg) var(--nr-radius-lg);
	padding: 48px 20px 40px !important;
	margin: 0 0 28px !important;
	border-bottom: 1px solid var(--nr-line-soft);
	box-shadow: none !important;
}

body.mhai-tools-skin .mhai-tools-hero__kicker {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nr-blue) !important;
	margin: 0 0 10px !important;
}

body.mhai-tools-skin .mhai-tools-hero h1,
body.mhai-tools-skin .mhai-tools-hero__title,
body.mhai-tools-skin .toolboxsaas-filters-sidebar h1 {
	color: var(--nr-ink) !important;
	font-size: clamp(28px, 4vw, 40px) !important;
	line-height: 1.15 !important;
	font-weight: 500 !important;
	max-width: 18ch;
	margin: 0 auto 12px !important;
}

body.mhai-tools-skin .mhai-tools-hero p,
body.mhai-tools-skin .mhai-tools-hero__subtitle,
body.mhai-tools-skin .toolboxsaas-filters-sidebar p.text-white,
body.mhai-tools-skin .toolboxsaas-filters-sidebar .text-white {
	color: var(--nr-ink-2) !important;
	font-size: 17px !important;
	line-height: 1.55 !important;
	max-width: 42ch;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.mhai-tools-skin .toolboxsaas-ai-tools-count {
	color: var(--nr-blue) !important;
	font-weight: 700;
}

/* Chips under hero */
body.mhai-tools-skin .mhai-tools-hero__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

body.mhai-tools-skin .mhai-chip {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--nr-line);
	color: var(--nr-ink) !important;
	font-size: 13px;
	font-weight: 600;
	box-shadow: var(--nr-shadow);
}
body.mhai-tools-skin .mhai-chip:hover {
	border-color: #c5d4f5;
	color: var(--nr-blue) !important;
	box-shadow: var(--nr-shadow-hover);
}

/* Search bar — pill like musthave newsletter */
body.mhai-tools-skin .mhai-tools-search,
body.mhai-tools-skin .search-tools {
	max-width: 560px;
	margin: 0 auto;
}

body.mhai-tools-skin .toolboxsaas-top-search-form .form-group,
body.mhai-tools-skin .mhai-tools-search .form-group {
	display: flex !important;
	align-items: stretch;
	background: #fff;
	border: 1px solid var(--nr-line);
	border-radius: 999px;
	overflow: hidden;
	box-shadow: var(--nr-shadow);
	min-height: 52px;
}

body.mhai-tools-skin .toolboxsaas-top-search-form .form-control,
body.mhai-tools-skin .mhai-tools-search input.form-control {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	height: 52px !important;
	padding: 0 22px !important;
	font-size: 16px !important;
	color: var(--nr-ink) !important;
	border-radius: 0 !important;
}

body.mhai-tools-skin .toolboxsaas-top-search-form .search-button,
body.mhai-tools-skin .mhai-tools-search .search-button {
	border: 0 !important;
	background: var(--nr-blue) !important;
	color: #fff !important;
	padding: 0 22px !important;
	font-weight: 600;
	font-size: 15px;
	border-radius: 0 !important;
	min-width: 110px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
body.mhai-tools-skin .toolboxsaas-top-search-form .search-button:hover {
	background: var(--nr-blue-dark) !important;
}

/* --------------------------------------------------------------------------
   Layout: filters + results
   -------------------------------------------------------------------------- */

body.mhai-tools-skin .mt-tool-wrapper {
	gap: 24px;
	align-items: flex-start;
}

body.mhai-tools-skin .mt-tool-search.abs-form,
body.mhai-tools-skin .mt-tool-wrapper .mt-tool-search {
	background: var(--nr-surface) !important;
	border: 1px solid var(--nr-line-soft) !important;
	border-radius: var(--nr-radius-lg) !important;
	padding: 20px 18px !important;
	box-shadow: none !important;
}

body.mhai-tools-skin .mt-tool-search label,
body.mhai-tools-skin .search-field-wrap > label {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--nr-ink-2) !important;
	margin-bottom: 10px !important;
}

body.mhai-tools-skin .checkbox-tile,
body.mhai-tools-skin .checkbox-label {
	border-radius: 999px !important;
	border-color: var(--nr-line) !important;
	background: #fff !important;
	color: var(--nr-ink) !important;
	font-size: 13px !important;
	font-weight: 500;
}

body.mhai-tools-skin .checkbox-input:checked + .checkbox-tile,
body.mhai-tools-skin .checkbox-wrapper input:checked + .checkbox-tile {
	background: var(--nr-blue-soft) !important;
	border-color: var(--nr-blue) !important;
	color: var(--nr-blue-dark) !important;
}

body.mhai-tools-skin .btn-primary,
body.mhai-tools-skin #mobile-filter-btn,
body.mhai-tools-skin .mobile-filter-toggle .btn {
	background: var(--nr-blue) !important;
	border-color: var(--nr-blue) !important;
	border-radius: 999px !important;
	font-weight: 600;
	padding: 12px 18px !important;
}

body.mhai-tools-skin .btn-secondary,
body.mhai-tools-skin #mobile-filter-close {
	border-radius: 999px !important;
	border-color: var(--nr-line) !important;
	color: var(--nr-ink) !important;
	background: #fff !important;
}

/* Results header */
body.mhai-tools-skin .toolboxsaas-result-sort-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0 12px;
	border-bottom: 1px solid var(--nr-line-soft);
	margin-bottom: 20px !important;
}

body.mhai-tools-skin .toolboxsaas-result-count {
	font-size: 14px;
	color: var(--nr-ink-2);
	font-weight: 500;
}

body.mhai-tools-skin #sort-options {
	border: 1px solid var(--nr-line) !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	background: #fff !important;
	color: var(--nr-ink) !important;
	font-size: 14px;
	min-height: 40px;
}

/* --------------------------------------------------------------------------
   Tool cards — larger, cleaner, buttons that fit
   -------------------------------------------------------------------------- */

body.mhai-tools-skin .filter-matches-grid {
	--bs-gutter-x: 1.75rem;
	--bs-gutter-y: 1.75rem;
	display: flex !important;
	flex-wrap: wrap !important;
	margin-left: -0.875rem !important;
	margin-right: -0.875rem !important;
}

body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item,
body.mhai-tools-skin .filter-matches-grid > .mt-users-grid-col {
	padding-left: 0.875rem !important;
	padding-right: 0.875rem !important;
	margin-bottom: 1.75rem !important;
	display: flex !important;
}

/* Larger cards: 2-up until very wide, then 3-up */
@media (min-width: 768px) {
	body.mhai-tools-skin .filter-matches-grid > .col-md-4,
	body.mhai-tools-skin .filter-matches-grid > .col-sm-6 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media (min-width: 1400px) {
	body.mhai-tools-skin .filter-matches-grid > .col-md-4 {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

body.mhai-tools-skin .toolboxsaas-grid-item .mt-users-grid-wrap,
body.mhai-tools-skin .mt-users-grid-wrap {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	border: 1px solid var(--nr-line-soft) !important;
	border-radius: 20px !important;
	box-shadow: var(--nr-shadow) !important;
	background: #fff !important;
	/* top padding leaves clear space under Save/Compare */
	padding: 56px 24px 22px !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	height: 100%;
	min-height: 320px;
	overflow: visible !important; /* was hidden — clipped action labels */
	box-sizing: border-box !important;
}

body.mhai-tools-skin .toolboxsaas-grid-item .mt-users-grid-wrap:hover {
	transform: translateY(-3px);
	border-color: #c5d4f5 !important;
	box-shadow: var(--nr-shadow-hover) !important;
}

body.mhai-tools-skin .mt-users-grid-img img {
	width: 56px !important;
	height: 56px !important;
	object-fit: contain;
	border-radius: 12px;
	background: var(--nr-surface);
	border: 1px solid var(--nr-line-soft);
	padding: 6px;
}

body.mhai-tools-skin .mt-users-grid-wrap h4,
body.mhai-tools-skin .mt-users-grid-wrap h4 a {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: var(--nr-ink) !important;
	line-height: 1.3;
	margin: 0 !important;
}

body.mhai-tools-skin .mt-users-grid-wrap h4 a:hover {
	color: var(--nr-blue) !important;
}

body.mhai-tools-skin .truncate-2-lines,
body.mhai-tools-skin .text-body-secondary {
	color: var(--nr-ink-2) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

body.mhai-tools-skin .toolboxsaas-average-rating-stars {
	color: #f9ab00;
	font-size: 13px;
	letter-spacing: 1px;
}

body.mhai-tools-skin .mt-like-wrap,
body.mhai-tools-skin .toolboxsaas-ct-compare-btn,
body.mhai-tools-skin .thumbs-rating-up {
	color: var(--nr-ink-2) !important;
}

body.mhai-tools-skin .toolboxsaas-ct-compare-btn {
	border: 1px solid var(--nr-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	width: 36px;
	height: 36px;
}

body.mhai-tools-skin .toolboxsaas-ct-compare-btn:hover {
	border-color: var(--nr-blue) !important;
	color: var(--nr-blue) !important;
}

/* Active filters */
body.mhai-tools-skin .toolboxsaas-active-filters {
	background: var(--nr-blue-soft) !important;
	border-radius: var(--nr-radius) !important;
	padding: 12px 16px !important;
	margin-bottom: 16px;
	border: 1px solid #c5d4f5;
}

body.mhai-tools-skin .filter-tag {
	background: #fff !important;
	border-radius: 999px !important;
	border: 1px solid var(--nr-line) !important;
	padding: 4px 10px !important;
	font-size: 13px;
}

body.mhai-tools-skin .clear-all-filters {
	font-weight: 600;
	color: var(--nr-blue) !important;
}

/* Pagination */
body.mhai-tools-skin .pagination .page-numbers,
body.mhai-tools-skin .pagination a,
body.mhai-tools-skin .pagination span {
	border-radius: 999px !important;
	border: 1px solid var(--nr-line) !important;
	padding: 8px 14px !important;
	margin: 0 4px;
	color: var(--nr-ink) !important;
	background: #fff !important;
}
body.mhai-tools-skin .pagination .current {
	background: var(--nr-blue) !important;
	border-color: var(--nr-blue) !important;
	color: #fff !important;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

body.mhai-tools-skin .site-footer,
body.mhai-tools-skin footer.site-footer,
body.mhai-tools-skin #colophon {
	background: var(--nr-surface) !important;
	border-top: 1px solid var(--nr-line-soft);
	color: var(--nr-ink-2) !important;
}

body.mhai-tools-skin .site-footer a {
	color: var(--nr-ink) !important;
}
body.mhai-tools-skin .site-footer a:hover {
	color: var(--nr-blue) !important;
}

/* --------------------------------------------------------------------------
   Single tool pages (light polish)
   -------------------------------------------------------------------------- */

body.mhai-tools-skin.single-toolbox-tool .site-content,
body.mhai-tools-skin.single-toolbox-tool .content-area {
	background: var(--nr-bg);
}

body.mhai-tools-skin .toolboxsaas-tool-cover {
	background: linear-gradient(180deg, #eef2ff, #fff) !important;
}

/* Override plugin purple dynamic CSS */
body.mhai-tools-skin .toolboxsaas-filters-sidebar {
	background: linear-gradient(180deg, #eef2ff 0%, #f8f9fa 55%, #ffffff 100%) !important;
}

/* High-padding container breathe */
body.mhai-tools-skin .high-padding.site-main {
	padding-top: 0 !important;
	padding-bottom: 64px !important;
}

body.mhai-tools-skin .container-xxl {
	max-width: 1400px !important;
}
body.mhai-tools-skin .high-padding.site-main {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {
	body.mhai-tools-skin .mhai-tools-hero {
		padding: 36px 16px 28px !important;
	}
	body.mhai-tools-skin .toolboxsaas-top-search-form .search-button {
		min-width: 52px;
		padding: 0 16px !important;
		font-size: 0; /* icon only on narrow if text overflows */
	}
	body.mhai-tools-skin .toolboxsaas-top-search-form .search-button i {
		font-size: 16px;
	}
	body.mhai-tools-skin .toolboxsaas-top-search-form .search-button span {
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	body.mhai-tools-skin .mhai-tools-hero h1 {
		font-size: 26px !important;
		max-width: none;
	}
	body.mhai-tools-skin .toolboxsaas-top-search-form .form-group {
		border-radius: 16px;
		flex-direction: column;
	}
	body.mhai-tools-skin .toolboxsaas-top-search-form .search-button {
		width: 100%;
		min-height: 48px;
		font-size: 15px !important;
	}
}

/* --------------------------------------------------------------------------
   Kill plugin purple (#A044F4 / #3C315B) → Musthave blue
   Loaded after toolbox inline CSS; use high-specificity + !important.
   -------------------------------------------------------------------------- */

html body.mhai-tools-skin .toolboxsaas-filters-sidebar,
html body.mhai-tools-skin body .toolboxsaas-filters-sidebar,
html body.mhai-tools-skin .mhai-tools-hero {
	background: linear-gradient(180deg, #eef2ff 0%, #f8f9fa 55%, #ffffff 100%) !important;
}

html body.mhai-tools-skin .btn-primary,
html body.mhai-tools-skin .mobile-filter-toggle .btn,
html body.mhai-tools-skin #mobile-filter-btn,
html body.mhai-tools-skin .toolboxsaas-upgrade-plan-btn,
html body.mhai-tools-skin .toolboxsaas-quick-visit,
html body.mhai-tools-skin body .toolboxsaas-primary-btn,
html body.mhai-tools-skin body .toolbox-visit-tool,
html body.mhai-tools-skin .button-bg,
html body.mhai-tools-skin .toolbox-header-wrapper .toolbox-button-wrapper a {
	background: var(--nr-blue) !important;
	border-color: var(--nr-blue) !important;
	color: #fff !important;
}

html body.mhai-tools-skin .btn-primary:hover,
html body.mhai-tools-skin .mobile-filter-toggle .btn:hover,
html body.mhai-tools-skin .toolboxsaas-quick-visit:hover,
html body.mhai-tools-skin body .toolboxsaas-primary-btn:hover,
html body.mhai-tools-skin body .toolbox-visit-tool:hover {
	background: var(--nr-blue-dark) !important;
	border-color: var(--nr-blue-dark) !important;
}

html body.mhai-tools-skin .main-color,
html body.mhai-tools-skin body .toolboxsaas-price span,
html body.mhai-tools-skin body.single-toolbox-tool a.toolboxsaas-category,
html body.mhai-tools-skin .toolboxsaas-breadcrumbs .breadcrumbs a:hover,
html body.mhai-tools-skin body .toolbox-nav-tabs.nav-tabs .nav-item > button,
html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper .checkbox-input:checked + .checkbox-tile,
html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper .checkbox-tile:hover {
	color: var(--nr-blue) !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper .checkbox-input:checked + .checkbox-tile,
html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper .checkbox-tile:hover,
html body.mhai-tools-skin body .toolboxsaas-primary-bordered-btn,
html body.mhai-tools-skin .border-light-purple {
	border-color: var(--nr-blue) !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper .checkbox-input:checked + .checkbox-tile,
html body.mhai-tools-skin body.single-toolbox-tool a.toolboxsaas-category,
html body.mhai-tools-skin body .toolboxsaas-tags a,
html body.mhai-tools-skin .toolboxsaas_sponsored_tools_widget .sponsored-tool span,
html body.mhai-tools-skin .search-field-wrap .toolboxsaas-more-categories-filter {
	background: var(--nr-blue-soft) !important;
	color: var(--nr-blue-dark) !important;
}

html body.mhai-tools-skin .toolboxsaas-a-z-nav-link.active,
html body.mhai-tools-skin .toolboxsaas-a-z-categories-icon {
	background: linear-gradient(135deg, var(--nr-blue), var(--nr-blue-dark)) !important;
}

html body.mhai-tools-skin #toolboxsaas-login-modal .toolboxsaas-modal-header,
html body.mhai-tools-skin #toolboxsaas-login-modal button {
	background: var(--nr-blue) !important;
}

/* --------------------------------------------------------------------------
   Top brand hero (no logo — header brand only)
   -------------------------------------------------------------------------- */

.mhai-brand-hero {
	background: linear-gradient(180deg, #f5f8ff 0%, #fafbfc 55%, #ffffff 100%);
	border-bottom: 1px solid var(--nr-line-soft);
	padding: 48px 20px 40px;
	text-align: center;
}
.mhai-brand-hero__wrap {
	max-width: 720px;
	margin: 0 auto;
}
.mhai-brand-hero__badge,
.mhai-brand-hero__logo {
	display: none !important;
}
.mhai-brand-hero__kicker {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nr-blue) !important;
}
.mhai-brand-hero__title {
	margin: 0 auto 14px !important;
	font-size: clamp(32px, 4.5vw, 46px) !important;
	line-height: 1.1 !important;
	font-weight: 500 !important;
	color: var(--nr-ink) !important;
	max-width: 18ch;
	letter-spacing: -0.03em;
}
.mhai-brand-hero__text {
	margin: 0 auto 24px !important;
	max-width: 46ch;
	font-size: 17px !important;
	line-height: 1.55 !important;
	color: var(--nr-ink-2) !important;
}
.mhai-brand-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.mhai-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	border: 1px solid transparent;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.mhai-btn--primary {
	background: var(--nr-blue) !important;
	color: #fff !important;
	border-color: var(--nr-blue) !important;
	box-shadow: var(--nr-shadow);
}
.mhai-btn--primary:hover {
	background: var(--nr-blue-dark) !important;
	color: #fff !important;
}
.mhai-btn--ghost {
	background: #fff !important;
	color: var(--nr-ink) !important;
	border-color: var(--nr-line) !important;
}
.mhai-btn--ghost:hover {
	border-color: #c5d4f5 !important;
	color: var(--nr-blue) !important;
}

/* --------------------------------------------------------------------------
   Left sidebar — professional stacked category list (not cramped pills)
   -------------------------------------------------------------------------- */

html body.mhai-tools-skin .mt-tool-wrapper.v3_left_side,
html body.mhai-tools-skin .mt-tool-wrapper {
	display: grid !important;
	grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
	gap: 32px 40px !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 12px 28px 64px !important;
	box-sizing: border-box !important;
}

html body.mhai-tools-skin .mt-tool-wrapper .mt-tool-search.abs-form,
html body.mhai-tools-skin .mt-tool-wrapper > .mt-tool-search {
	width: 100% !important;
	max-width: none !important;
	position: sticky !important;
	top: 88px !important;
	background: #fff !important;
	border: 1px solid var(--nr-line-soft) !important;
	border-radius: 20px !important;
	padding: 22px 18px !important;
	box-shadow: var(--nr-shadow) !important;
}

html body.mhai-tools-skin .toolboxsaas-results-content-wrapper {
	width: 100% !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

html body.mhai-tools-skin .search-field-wrap > label {
	display: block !important;
	margin: 0 0 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--nr-ink-3) !important;
}

/* Stack categories full-width */
html body.mhai-tools-skin .search-field-wrap .checkbox-group {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	width: 100% !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper {
	display: block !important;
	margin: 0 !important;
	width: 100% !important;
	cursor: pointer;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-tile,
html body.mhai-tools-skin .checkbox-tile {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	border-radius: 12px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	color: var(--nr-ink) !important;
	white-space: normal !important;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-wrapper:hover .checkbox-tile {
	background: var(--nr-surface) !important;
	border-color: var(--nr-line-soft) !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-label,
html body.mhai-tools-skin .checkbox-label {
	flex: 1 1 auto !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: inherit !important;
	display: block !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

html body.mhai-tools-skin .toolboxsaas-filter-count {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto !important;
	min-width: 36px;
	height: 26px;
	padding: 0 10px;
	border-radius: 999px;
	background: var(--nr-surface);
	border: 1px solid var(--nr-line-soft);
	color: var(--nr-ink-2) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-input:checked + .checkbox-tile {
	background: var(--nr-blue-soft) !important;
	border-color: #c5d4f5 !important;
	color: var(--nr-blue-dark) !important;
	box-shadow: none !important;
	font-weight: 600 !important;
}

html body.mhai-tools-skin .search-field-wrap .checkbox-input:checked + .checkbox-tile .toolboxsaas-filter-count {
	background: #fff !important;
	border-color: #c5d4f5 !important;
	color: var(--nr-blue) !important;
}

html body.mhai-tools-skin .toolboxsaas-more-categories-filter {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin-top: 10px !important;
	padding: 12px 14px !important;
	border-radius: 12px !important;
	border: 1px dashed var(--nr-line) !important;
	background: #fff !important;
	color: var(--nr-blue) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* Nested child categories slightly indented */
html body.mhai-tools-skin .checkbox-children {
	padding-left: 10px !important;
	margin: 2px 0 6px !important;
	border-left: 2px solid var(--nr-line-soft);
}

/* Header primary menu — larger tab-like items */
html body.mhai-tools-skin .primary-menu a,
html body.mhai-tools-skin .primary-menu-ul > li > a,
html body.mhai-tools-skin .nav-menu > li > a {
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 10px 14px !important;
	border-radius: 999px;
	line-height: 1.2 !important;
}
html body.mhai-tools-skin .primary-menu-ul > li > a:hover {
	background: var(--nr-blue-soft);
	color: var(--nr-blue) !important;
}

/* --------------------------------------------------------------------------
   Header right: Log In + Submit tool (clean, aligned)
   -------------------------------------------------------------------------- */

html body.mhai-tools-skin .header-main .col-v2-right,
html body.mhai-tools-skin .cb-row--desktop .col-v2-right,
html body.mhai-tools-skin .cb-row--mobile .col-v2-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	flex-wrap: nowrap !important;
}

html body.mhai-tools-skin .builder-item--my_account,
html body.mhai-tools-skin .builder-item--button {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
}

/* My Account → single pill (icon + label side by side) */
html body.mhai-tools-skin .builder-item--my_account .header-group-wrapper {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
html body.mhai-tools-skin .builder-item--my_account .ddmenu {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	background: #fff !important;
	border: 1px solid var(--nr-line) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	min-height: 42px;
	box-sizing: border-box;
}
html body.mhai-tools-skin .builder-item--my_account .ddmenu > a.menu-grid-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--nr-ink) !important;
	line-height: 1 !important;
	width: auto !important;
	height: auto !important;
}
html body.mhai-tools-skin .builder-item--my_account .ddmenu > a.menu-grid-item i,
html body.mhai-tools-skin .builder-item--my_account i {
	font-size: 16px !important;
	color: var(--nr-ink-2) !important;
	margin: 0 !important;
	line-height: 1 !important;
}
html body.mhai-tools-skin .builder-item--my_account .header-group {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body.mhai-tools-skin .builder-item--my_account .toolboxai-header-group-label,
html body.mhai-tools-skin .builder-item--my_account a.toolboxai-header-group-label {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--nr-ink) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}
html body.mhai-tools-skin .builder-item--my_account .ddmenu:hover {
	border-color: var(--nr-blue) !important;
	background: var(--nr-blue-soft) !important;
}
html body.mhai-tools-skin .builder-item--my_account .ddmenu:hover a,
html body.mhai-tools-skin .builder-item--my_account .ddmenu:hover i {
	color: var(--nr-blue-dark) !important;
}
/* Hide empty login slot that creates layout junk */
html body.mhai-tools-skin .builder-item--my_account #nav-menu-login:empty {
	display: none !important;
}

/* Submit tool — primary CTA pill */
html body.mhai-tools-skin .site-header-inner a.item--button,
html body.mhai-tools-skin a.item--button.toolboxai-builder-btn,
html body.mhai-tools-skin a.toolboxai-btn.item--button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	padding: 10px 18px !important;
	margin: 0 !important;
	background: var(--nr-blue) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}
html body.mhai-tools-skin .site-header-inner a.item--button:hover,
html body.mhai-tools-skin a.item--button.toolboxai-builder-btn:hover {
	background: var(--nr-blue-dark) !important;
	color: #fff !important;
}
html body.mhai-tools-skin a.item--button i {
	color: #fff !important;
	font-size: 13px !important;
	margin: 0 !important;
}

/* Mobile header right cluster */
@media (max-width: 991px) {
	html body.mhai-tools-skin .cb-row--mobile .col-v2-right {
		gap: 8px !important;
	}
	/* Prefer icon-only account on very small screens if space is tight */
	html body.mhai-tools-skin .builder-item--my_account .toolboxai-header-group-label {
		font-size: 13px !important;
	}
	html body.mhai-tools-skin .site-header-inner a.item--button {
		padding: 9px 14px !important;
		font-size: 13px !important;
	}
}

/* Header logo image (toolboxai builder) */
html body.mhai-tools-skin .logo img,
html body.mhai-tools-skin .logo-image img,
html body.mhai-tools-skin .builder-item--logo img {
	display: block !important;
	max-height: 42px !important;
	width: auto !important;
	height: auto !important;
}
html body.mhai-tools-skin .logo .site-title {
	/* keep text fallback accessible but prefer logo image when present */
	font-size: 18px;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   Buttons always show icon + text
   -------------------------------------------------------------------------- */

html body.mhai-tools-skin .mhai-btn-text,
html body.mhai-tools-skin .search-button,
html body.mhai-tools-skin #mobile-filter-btn,
html body.mhai-tools-skin .mobile-filter-toggle .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

html body.mhai-tools-skin .search-button .mhai-btn-label,
html body.mhai-tools-skin #mobile-filter-btn .mhai-btn-label,
html body.mhai-tools-skin .mhai-btn-label {
	display: inline !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	position: static !important;
}

/* --------------------------------------------------------------------------
   Card Save / Compare toolbar — no overlay (plugin used 30×30 absolute cluster)
   -------------------------------------------------------------------------- */

html body.mhai-tools-skin .mt-users-grid-wrap.position-relative,
html body.mhai-tools-skin .mt-users-grid-wrap {
	position: relative !important;
	/* room for action toolbar top-right */
	padding-top: 52px !important;
}

html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap,
html body.mhai-tools-skin .mt-users-grid-wrap > .mt-like-wrap,
html body.mhai-tools-skin .mt-like-wrap {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	max-width: calc(100% - 28px) !important;
	box-sizing: border-box !important;
	pointer-events: auto !important;
}

html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .mt-add-like,
html body.mhai-tools-skin .mt-like-wrap .mt-add-like,
html body.mhai-tools-skin .mt-like-wrap .thumbs-rating-container {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
}

/* Kill plugin fixed 30×30 that caused overlap once labels were added */
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .thumbs-rating-up,
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .toolboxsaas-grid-compare-btn,
html body.mhai-tools-skin .mt-like-wrap .thumbs-rating-up,
html body.mhai-tools-skin .mt-like-wrap .toolboxsaas-ct-compare-btn,
html body.mhai-tools-skin .mt-like-wrap .toolboxsaas-grid-compare-btn {
	position: static !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	width: auto !important;
	min-width: 76px !important;
	height: auto !important;
	min-height: 36px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border-radius: 999px !important;
	border: 1px solid var(--nr-line) !important;
	background: #fff !important;
	box-shadow: var(--nr-shadow) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	color: var(--nr-ink-2) !important;
	opacity: 1 !important;
	overflow: visible !important;
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .thumbs-rating-up:hover,
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .toolboxsaas-grid-compare-btn:hover,
html body.mhai-tools-skin .mt-like-wrap .thumbs-rating-up:hover,
html body.mhai-tools-skin .mt-like-wrap .toolboxsaas-grid-compare-btn:hover {
	background: var(--nr-blue-soft) !important;
	border-color: #c5d4f5 !important;
	color: var(--nr-blue-dark) !important;
}

html body.mhai-tools-skin .mt-like-wrap .thumbs-rating-up i,
html body.mhai-tools-skin .mt-like-wrap .toolboxsaas-grid-compare-btn i,
html body.mhai-tools-skin .mt-like-wrap .toolboxsaas-ct-compare-btn i {
	font-size: 13px !important;
	line-height: 1 !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
}

/* Text labels with spacing — only on grid cards */
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .thumbs-rating-up::after {
	content: "Save";
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
}
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .toolboxsaas-grid-compare-btn::after {
	content: "Compare";
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
}

/* Hide zero-count badge that crowds Save */
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-like-wrap .like-count {
	display: none !important;
}

/* Header account / CTA buttons show text */
html body.mhai-tools-skin .builder-item--button a,
html body.mhai-tools-skin .builder-item--my_account a,
html body.mhai-tools-skin #my_account a,
html body.mhai-tools-skin .header-button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	padding: 10px 16px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}
html body.mhai-tools-skin .builder-item--button a span,
html body.mhai-tools-skin .builder-item--my_account a span,
html body.mhai-tools-skin .header-button span {
	display: inline !important;
	font-size: inherit !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	clip: auto !important;
	position: static !important;
}

/* Search band title slightly smaller under brand hero */
html body.mhai-tools-skin .mhai-tools-hero__title {
	font-size: clamp(22px, 2.5vw, 28px) !important;
	max-width: none !important;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-tools-hero {
	padding: 28px 16px 24px !important;
}

/* Sort + result count larger */
html body.mhai-tools-skin .toolboxsaas-result-count {
	font-size: 15px !important;
}
html body.mhai-tools-skin #sort-options {
	min-height: 44px !important;
	padding: 10px 18px !important;
	font-size: 15px !important;
}

/* Card footer buttons — equal width, never overflow */
html body.mhai-tools-skin .mt-users-grid-wrap .d-flex.gap-15.mt-3,
html body.mhai-tools-skin .mt-users-grid-wrap .d-flex.mt-3 {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 10px !important;
	margin-top: auto !important;
	padding-top: 16px !important;
	width: 100% !important;
}

html body.mhai-tools-skin .toolbox-button-external,
html body.mhai-tools-skin a.toolbox-button-external {
	flex: 1 1 58% !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	min-height: 46px !important;
	border-radius: 999px !important;
	background: var(--nr-blue) !important;
	border: 1px solid var(--nr-blue) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}
html body.mhai-tools-skin .toolbox-button-external:hover {
	background: var(--nr-blue-dark) !important;
	border-color: var(--nr-blue-dark) !important;
	color: #fff !important;
}
html body.mhai-tools-skin .toolbox-button-external .ms-3 {
	margin-left: 0 !important;
}

html body.mhai-tools-skin a.toolbox-button,
html body.mhai-tools-skin .toolbox-button {
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: 96px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	min-height: 46px !important;
	border-radius: 999px !important;
	background: #fff !important;
	border: 1px solid var(--nr-line) !important;
	color: var(--nr-blue) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}
html body.mhai-tools-skin a.toolbox-button:hover {
	border-color: var(--nr-blue) !important;
	background: var(--nr-blue-soft) !important;
	color: var(--nr-blue-dark) !important;
}

/* Card body text / title scale */
html body.mhai-tools-skin .mt-users-grid-wrap h4,
html body.mhai-tools-skin .mt-users-grid-wrap h4 a {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
html body.mhai-tools-skin .mt-users-grid-wrap .truncate-2-lines {
	font-size: 14px !important;
	line-height: 1.5 !important;
	min-height: 2.9em;
	margin-bottom: 8px !important;
}
html body.mhai-tools-skin .mt-users-grid-img img {
	width: 52px !important;
	height: 52px !important;
}

/* Search band under hero — less competing with brand hero */
html body.mhai-tools-skin .mhai-tools-hero {
	padding: 28px 20px 8px !important;
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
html body.mhai-tools-skin .mhai-tools-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 28px 28px 26px !important;
	background: #fff !important;
	border: 1px solid var(--nr-line-soft) !important;
	border-radius: 20px !important;
	box-shadow: var(--nr-shadow) !important;
}
html body.mhai-tools-skin .mhai-tools-search,
html body.mhai-tools-skin .search-tools {
	max-width: 640px !important;
}

/* Results toolbar */
html body.mhai-tools-skin .toolboxsaas-result-sort-group {
	margin-bottom: 18px !important;
	padding-bottom: 14px !important;
}
html body.mhai-tools-skin .toolboxsaas-result-count {
	font-size: 15px !important;
	color: var(--nr-ink-2) !important;
}

/* Soften footer brand line */
html body.mhai-tools-skin .site-footer,
html body.mhai-tools-skin #colophon {
	font-size: 13px;
}

@media (max-width: 991px) {
	html body.mhai-tools-skin .mt-tool-wrapper.v3_left_side,
	html body.mhai-tools-skin .mt-tool-wrapper {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		padding: 8px 14px 40px !important;
	}
	html body.mhai-tools-skin .mt-tool-wrapper .mt-tool-search.abs-form {
		position: static !important;
	}
}

@media (max-width: 600px) {
	.mhai-brand-hero {
		padding: 32px 16px 28px;
	}
	.mhai-brand-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.mhai-btn {
		width: 100%;
	}
	html body.mhai-tools-skin .search-button {
		min-width: 100% !important;
		font-size: 15px !important;
	}
	html body.mhai-tools-skin .search-button .mhai-btn-label {
		font-size: 15px !important;
	}
	html body.mhai-tools-skin .mt-users-grid-wrap .d-flex.gap-15.mt-3 {
		flex-direction: column !important;
	}
	html body.mhai-tools-skin .toolbox-button-external,
	html body.mhai-tools-skin a.toolbox-button {
		width: 100% !important;
		flex: 1 1 auto !important;
	}
}

/* --------------------------------------------------------------------------
   P0 — Card blurbs, empty ratings, discovery rails
   -------------------------------------------------------------------------- */

/* Real 2-line clamp (class existed without clamp rules) */
html body.mhai-tools-skin .truncate-2-lines,
html body.mhai-tools-skin .mhai-tool-card__blurb .truncate-2-lines,
body.mhai-tools-skin .truncate-2-lines {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-height: 3em !important;
	min-height: 0 !important;
	white-space: normal !important;
}

/* Tighter cards — less empty vertical space */
html body.mhai-tools-skin .toolboxsaas-grid-item .mt-users-grid-wrap,
html body.mhai-tools-skin .mhai-tool-card .mt-users-grid-wrap {
	min-height: 0 !important;
	padding-top: 48px !important;
	padding-bottom: 18px !important;
}

/* Hide empty star rows if plugin still outputs them somewhere */
html body.mhai-tools-skin .toolboxsaas-average-rating-stars:empty {
	display: none !important;
}

/* Hide zero save counts (keep icon) */
html body.mhai-tools-skin .like-count {
	font-variant-numeric: tabular-nums;
}
html body.mhai-tools-skin .like-count:is(:empty),
html body.mhai-tools-skin .thumbs-rating-up .like-count {
	/* dim zeros via JS-free trick: attribute not available; keep small */
	opacity: 0.75;
}

html body.mhai-tools-skin .mhai-tool-card__price {
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

/* Discovery rails */
html body.mhai-tools-skin .mhai-discovery {
	margin: 8px 0 28px;
}
html body.mhai-tools-skin .mhai-discovery__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 4px;
}
html body.mhai-tools-skin .mhai-discovery__kicker {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nr-ink-3);
	margin: 0 0 10px;
}
html body.mhai-tools-skin .mhai-discovery__jobs,
html body.mhai-tools-skin .mhai-discovery__news {
	background: var(--nr-surface);
	border: 1px solid var(--nr-line-soft);
	border-radius: 16px;
	padding: 18px 20px;
	margin-bottom: 22px;
}
html body.mhai-tools-skin .mhai-discovery__chips,
html body.mhai-tools-skin .mhai-discovery__news-links {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 2px;
	scrollbar-width: thin;
}
html body.mhai-tools-skin .mhai-chip {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 10px 16px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--nr-line);
	color: var(--nr-ink) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}
html body.mhai-tools-skin .mhai-chip:hover {
	border-color: var(--nr-blue);
	background: var(--nr-blue-soft);
	color: var(--nr-blue-dark) !important;
	box-shadow: 0 1px 2px rgba(26, 115, 232, 0.12);
}
html body.mhai-tools-skin .mhai-chip--ghost {
	background: transparent;
	border-color: var(--nr-line-soft);
	font-weight: 500;
}
html body.mhai-tools-skin .mhai-discovery__rail {
	margin: 0 0 28px;
}
html body.mhai-tools-skin .mhai-discovery__rail-head {
	margin: 0 0 14px;
}
html body.mhai-tools-skin .mhai-discovery__title {
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em;
	margin: 0 0 4px !important;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-discovery__sub {
	margin: 0;
	font-size: 14px;
	color: var(--nr-ink-2);
	max-width: 52ch;
}
/* Rails: max 4 cards visible on wide screens, horizontal not required — grid ok */
html body.mhai-tools-skin .mhai-discovery__rail-grid {
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}
html body.mhai-tools-skin .mhai-discovery__rail-grid > .toolboxsaas-grid-item {
	/* 4-up on wide for rails */
}
@media (min-width: 1200px) {
	html body.mhai-tools-skin .mhai-discovery__rail-grid > .col-md-4,
	html body.mhai-tools-skin .mhai-discovery__rail-grid > .col-md-2,
	html body.mhai-tools-skin .mhai-discovery__rail-grid > .toolboxsaas-grid-item {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}
@media (max-width: 767px) {
	html body.mhai-tools-skin .mhai-discovery__title {
		font-size: 18px !important;
	}
	html body.mhai-tools-skin .mhai-discovery__jobs,
	html body.mhai-tools-skin .mhai-discovery__news {
		padding: 14px 14px;
	}
}

/* Results section label spacing under rails */
html body.mhai-tools-skin .toolboxsaas-result-sort-group {
	margin-top: 4px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	justify-content: space-between;
}

/* Pricing chips above results */
html body.mhai-tools-skin .mhai-price-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
}
html body.mhai-tools-skin .mhai-chip--sm {
	padding: 7px 12px;
	font-size: 13px;
	font-weight: 600;
}
html body.mhai-tools-skin .mhai-chip.is-active,
html body.mhai-tools-skin .mhai-chip--sm.is-active {
	background: var(--nr-blue-soft) !important;
	border-color: var(--nr-blue) !important;
	color: var(--nr-blue-dark) !important;
}
html body.mhai-tools-skin .mhai-pricing-filter {
	margin-top: 8px;
}
html body.mhai-tools-skin .mhai-pricing-filter__group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Related / cheaper alternatives on tool singles */
html body.mhai-tools-skin .mhai-related-tools {
	margin-top: 12px;
	padding-top: 8px;
}
html body.mhai-tools-skin .mhai-related-tools__title {
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-related-tools__sub {
	font-size: 14px;
	color: var(--nr-ink-2);
	margin: 0 0 16px;
	max-width: 52ch;
}
html body.mhai-tools-skin .mhai-related-tools__section--cheaper {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--nr-line-soft);
}
html body.mhai-tools-skin .mhai-related-tools__grid {
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}
@media (min-width: 1200px) {
	html body.mhai-tools-skin .mhai-related-tools__grid > .toolboxsaas-grid-item,
	html body.mhai-tools-skin .mhai-related-tools__grid > .col-md-4,
	html body.mhai-tools-skin .mhai-related-tools__grid > .col-md-2 {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

/* ==========================================================================
   FutureTools-inspired directory presentation (v1.9)
   ========================================================================== */

/* Full-width results: hide heavy left filter rail on home finder */
html body.mhai-tools-home .mt-tool-wrapper.v3_left_side,
html body.mhai-tools-home .mt-tool-wrapper.v4_right_side {
	display: block !important;
}
html body.mhai-tools-home .mt-tool-wrapper .mt-tool-search.abs-form,
html body.mhai-tools-home .mt-tool-search.abs-form.wow {
	display: none !important;
}
html body.mhai-tools-home .toolboxsaas-results-content-wrapper,
html body.mhai-tools-home .w-100.toolboxsaas-results-content-wrapper {
	width: 100% !important;
	max-width: 1120px !important;
	margin: 0 auto !important;
	float: none !important;
	padding: 0 16px !important;
}
html body.mhai-tools-home .mobile-filter-toggle {
	display: none !important;
}
/* Hide old nested search hero under filters on home */
html body.mhai-tools-home .toolboxsaas-filters-sidebar.mhai-tools-hero,
html body.mhai-tools-home .mhai-tools-hero {
	display: none !important;
}

/* --- Hero --- */
html body.mhai-tools-skin .mhai-ft-hero {
	padding: 48px 16px 20px !important;
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 70%) !important;
	border-bottom: 1px solid var(--nr-line-soft);
	margin: 0 0 8px !important;
}
html body.mhai-tools-skin .mhai-ft-hero__wrap {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
html body.mhai-tools-skin .mhai-ft-hero__kicker {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nr-blue);
	margin: 0 0 10px;
}
html body.mhai-tools-skin .mhai-ft-hero__title {
	font-size: clamp(28px, 5vw, 40px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	line-height: 1.15 !important;
	color: var(--nr-ink) !important;
	margin: 0 0 12px !important;
}
html body.mhai-tools-skin .mhai-ft-hero__text {
	font-size: 16px !important;
	line-height: 1.5 !important;
	color: var(--nr-ink-2) !important;
	margin: 0 0 22px !important;
}
html body.mhai-tools-skin .mhai-ft-hero__search {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--nr-line);
	border-radius: 14px;
	padding: 6px 6px 6px 14px;
	box-shadow: var(--nr-shadow);
	text-align: left;
}
html body.mhai-tools-skin .mhai-ft-hero__search-icon {
	color: var(--nr-ink-3);
	flex: 0 0 auto;
}
html body.mhai-tools-skin .mhai-ft-hero__search input[type="search"] {
	flex: 1 1 auto;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	font-size: 15px !important;
	padding: 10px 8px !important;
	min-width: 0;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-ft-hero__search .mhai-btn {
	flex: 0 0 auto;
	border-radius: 10px !important;
	padding: 10px 16px !important;
	min-height: 40px;
}

/* --- Browse filters (pricing + categories) --- */
html body.mhai-tools-skin .mhai-ft-browse {
	padding: 8px 0 4px;
	margin-bottom: 8px;
}
html body.mhai-tools-skin .mhai-ft-browse__inner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 16px;
}
html body.mhai-tools-skin .mhai-ft-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--nr-ink-3);
	margin: 14px 0 8px;
}
html body.mhai-tools-skin .mhai-ft-filters,
html body.mhai-tools-skin .mhai-ft-cats {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 4px;
	scrollbar-width: thin;
}
html body.mhai-tools-skin .mhai-chip {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid var(--nr-line);
	background: #fff;
	color: var(--nr-ink) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	line-height: 1.2;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
html body.mhai-tools-skin .mhai-chip:hover {
	border-color: var(--nr-blue);
	background: var(--nr-blue-soft);
	color: var(--nr-blue-dark) !important;
}
html body.mhai-tools-skin .mhai-chip.is-active {
	background: var(--nr-ink) !important;
	border-color: var(--nr-ink) !important;
	color: #fff !important;
}
html body.mhai-tools-skin .mhai-chip--accent {
	border-color: #fde68a;
	background: #fffbeb;
	color: #92400e !important;
}
html body.mhai-tools-skin .mhai-chip--sm {
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 500;
}

/* Recommended strip */
html body.mhai-tools-skin .mhai-ft-recommended {
	margin: 20px 0 8px;
	padding: 16px;
	background: var(--nr-surface);
	border: 1px solid var(--nr-line-soft);
	border-radius: 16px;
}
html body.mhai-tools-skin .mhai-ft-recommended__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
html body.mhai-tools-skin .mhai-ft-recommended__title {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-ft-recommended__link {
	font-size: 13px;
	font-weight: 600;
	color: var(--nr-blue) !important;
	white-space: nowrap;
}
html body.mhai-tools-skin .mhai-ft-recommended__row {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 2px;
}
html body.mhai-tools-skin .mhai-ft-rec {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px 8px 8px;
	background: #fff;
	border: 1px solid var(--nr-line-soft);
	border-radius: 999px;
	color: var(--nr-ink) !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
}
html body.mhai-tools-skin .mhai-ft-rec:hover {
	border-color: var(--nr-blue);
	box-shadow: var(--nr-shadow);
}
html body.mhai-tools-skin .mhai-ft-rec img,
html body.mhai-tools-skin .mhai-ft-rec__ph {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	object-fit: contain;
	background: var(--nr-surface);
}
html body.mhai-tools-skin .mhai-ft-rec__ph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	color: var(--nr-ink-2);
}

/* --- FutureTools-style cards --- */
html body.mhai-tools-skin .filter-matches-grid {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
}
html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
html body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item.mhai-ft-card {
	display: flex !important;
	margin-bottom: 1rem !important;
}
@media (min-width: 768px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-sm-6.mhai-ft-card {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media (min-width: 1100px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

html body.mhai-tools-skin .mhai-ft-card__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #fff;
	border: 1px solid var(--nr-line-soft);
	border-radius: 16px;
	padding: 16px;
	min-height: 100%;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
html body.mhai-tools-skin .mhai-ft-card__inner:hover {
	border-color: #cbd5e1;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}
html body.mhai-tools-skin .mhai-ft-card__main {
	display: block;
	color: inherit !important;
	text-decoration: none !important;
	flex: 1 1 auto;
}
html body.mhai-tools-skin .mhai-ft-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}
html body.mhai-tools-skin .mhai-ft-card__logo {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	object-fit: contain;
	background: #f8fafc;
	border: 1px solid var(--nr-line-soft);
	padding: 4px;
	flex: 0 0 auto;
}
html body.mhai-tools-skin .mhai-ft-card__logo--placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	color: var(--nr-ink-2);
}
html body.mhai-tools-skin .mhai-ft-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
	max-width: 70%;
}
html body.mhai-tools-skin .mhai-badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	border: 1px solid transparent;
	white-space: nowrap;
}
html body.mhai-tools-skin .mhai-badge--free {
	background: #ecfdf5;
	color: #047857;
	border-color: #a7f3d0;
}
html body.mhai-tools-skin .mhai-badge--freemium {
	background: #eff6ff;
	color: #1d4ed8;
	border-color: #bfdbfe;
}
html body.mhai-tools-skin .mhai-badge--paid {
	background: #fff7ed;
	color: #c2410c;
	border-color: #fed7aa;
}
html body.mhai-tools-skin .mhai-badge--open {
	background: #f5f3ff;
	color: #6d28d9;
	border-color: #ddd6fe;
}
html body.mhai-tools-skin .mhai-badge--cat {
	background: #f8fafc;
	color: var(--nr-ink-2);
	border-color: var(--nr-line-soft);
}
html body.mhai-tools-skin .mhai-badge--pick {
	background: #fffbeb;
	color: #b45309;
	border-color: #fde68a;
}
html body.mhai-tools-skin .mhai-ft-card__title {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 6px !important;
	color: var(--nr-ink) !important;
	letter-spacing: -0.01em;
}
html body.mhai-tools-skin .mhai-ft-card__desc {
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: var(--nr-ink-2) !important;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.9em;
}
html body.mhai-tools-skin .mhai-ft-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--nr-line-soft);
}
html body.mhai-tools-skin .mhai-ft-card__actions {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	position: static !important;
	top: auto !important;
	right: auto !important;
}
html body.mhai-tools-skin .mhai-ft-card__actions .thumbs-rating-up,
html body.mhai-tools-skin .mhai-ft-card__actions .toolboxsaas-grid-compare-btn {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	border-radius: 8px !important;
	border: 1px solid var(--nr-line-soft) !important;
	background: #fff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	color: var(--nr-ink-2) !important;
}
html body.mhai-tools-skin .mhai-ft-card__actions .like-count,
html body.mhai-tools-skin .mhai-ft-card__actions .thumbs-rating-up::after,
html body.mhai-tools-skin .mhai-ft-card__actions .toolboxsaas-grid-compare-btn::after {
	display: none !important;
}
html body.mhai-tools-skin .mhai-ft-card__view {
	font-size: 13px;
	font-weight: 700;
	color: var(--nr-blue) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
html body.mhai-tools-skin .mhai-ft-card__view:hover {
	color: var(--nr-blue-dark) !important;
}

/* Results toolbar cleanup */
html body.mhai-tools-home .toolboxsaas-result-sort-group {
	max-width: 1120px;
	margin: 8px auto 16px !important;
	padding: 0 16px;
}
html body.mhai-tools-home #filter-results .filter-matches-grid {
	max-width: 1120px;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body.mhai-tools-home .pagination {
	max-width: 1120px;
	margin: 8px auto 40px !important;
	padding: 0 16px;
}

/* Hide legacy duplicate price chips in toolbar if top FT chips exist */
html body.mhai-tools-home .toolboxsaas-result-sort-group .mhai-price-chips {
	display: none !important;
}

/* Single-tool related cards keep FT style */
html body.mhai-tools-skin.single-toolbox-tool .mhai-ft-card__inner {
	min-height: 0;
}

/* ==========================================================================
   v1.9.1 — shared shell width + 4-col grid + Top 20 page + soft dark
   ========================================================================== */

:root {
	--mhai-shell: 1120px;
	--mhai-shell-pad: 16px;
}

/* One shared content shell for hero, filters, and cards */
html body.mhai-tools-skin .mhai-shell,
html body.mhai-tools-skin .mhai-ft-hero__wrap,
html body.mhai-tools-skin .mhai-ft-browse__inner,
html body.mhai-tools-home .toolboxsaas-results-content-wrapper,
html body.mhai-tools-home .w-100.toolboxsaas-results-content-wrapper,
html body.mhai-tools-home .toolboxsaas-result-sort-group,
html body.mhai-tools-home #filter-results .filter-matches-grid,
html body.mhai-tools-home .pagination {
	max-width: var(--mhai-shell) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

html body.mhai-tools-skin .mhai-ft-hero__wrap,
html body.mhai-tools-skin .mhai-ft-browse__inner,
html body.mhai-tools-skin .mhai-shell {
	padding-left: var(--mhai-shell-pad) !important;
	padding-right: var(--mhai-shell-pad) !important;
}

/* Search form = full shell width (same as card grid) */
html body.mhai-tools-skin .mhai-ft-hero {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
html body.mhai-tools-skin .mhai-ft-hero__wrap {
	max-width: var(--mhai-shell) !important;
	text-align: left !important;
}
html body.mhai-tools-skin .mhai-ft-hero__title,
html body.mhai-tools-skin .mhai-ft-hero__text,
html body.mhai-tools-skin .mhai-ft-hero__kicker {
	text-align: left !important;
	max-width: none !important;
}
html body.mhai-tools-skin .mhai-ft-hero__search {
	width: 100% !important;
	max-width: 100% !important;
}

/* Filters same width as shell */
html body.mhai-tools-skin .mhai-ft-browse__inner {
	max-width: var(--mhai-shell) !important;
}
html body.mhai-tools-skin .mhai-ft-filters,
html body.mhai-tools-skin .mhai-ft-cats {
	width: 100%;
}

/* Results container padding match */
html body.mhai-tools-home .toolboxsaas-results-content-wrapper,
html body.mhai-tools-home .toolboxsaas-result-sort-group,
html body.mhai-tools-home #filter-results .filter-matches-grid,
html body.mhai-tools-home .pagination {
	padding-left: var(--mhai-shell-pad) !important;
	padding-right: var(--mhai-shell-pad) !important;
}

/* 4-column denser grid on wide screens */
@media (min-width: 768px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-sm-6.mhai-ft-card {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media (min-width: 1000px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}
@media (min-width: 1200px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item.mhai-ft-card {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
}

/* Tighter card padding for density */
html body.mhai-tools-skin .mhai-ft-card__inner {
	padding: 14px !important;
	border-radius: 14px !important;
}
html body.mhai-tools-skin .mhai-ft-card__title {
	font-size: 15px !important;
}
html body.mhai-tools-skin .mhai-ft-card__desc {
	font-size: 12.5px !important;
	min-height: 2.7em;
}

/* --- Top 20 / Best AI Tools page --- */
html body.mhai-tools-skin .mhai-best-page {
	padding: 32px 0 56px;
}
html body.mhai-tools-skin .mhai-best-hero {
	margin-bottom: 28px;
}
html body.mhai-tools-skin .mhai-best-hero__title {
	font-size: clamp(28px, 4vw, 38px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 10px !important;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-best-hero__text {
	font-size: 16px;
	line-height: 1.5;
	color: var(--nr-ink-2);
	max-width: 52ch;
	margin: 0 0 18px;
}
html body.mhai-tools-skin .mhai-best-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
html body.mhai-tools-skin .mhai-best-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
html body.mhai-tools-skin .mhai-best-item {
	display: flex;
	align-items: stretch;
	gap: 12px;
	margin: 0;
}
html body.mhai-tools-skin .mhai-best-item__rank {
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 800;
	color: var(--nr-ink-3);
	letter-spacing: -0.02em;
}
html body.mhai-tools-skin .mhai-best-item__body {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--nr-line-soft);
	border-radius: 16px;
	text-decoration: none !important;
	color: inherit !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}
html body.mhai-tools-skin .mhai-best-item__body:hover {
	border-color: #cbd5e1;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
}
html body.mhai-tools-skin .mhai-best-item__logo {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	object-fit: contain;
	background: #f8fafc;
	border: 1px solid var(--nr-line-soft);
	padding: 4px;
	flex: 0 0 auto;
}
html body.mhai-tools-skin .mhai-best-item__logo--ph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: var(--nr-ink-2);
}
html body.mhai-tools-skin .mhai-best-item__copy {
	flex: 1 1 auto;
	min-width: 0;
}
html body.mhai-tools-skin .mhai-best-item__title {
	font-size: 17px !important;
	font-weight: 700 !important;
	margin: 0 0 4px !important;
	color: var(--nr-ink) !important;
}
html body.mhai-tools-skin .mhai-best-item__desc {
	font-size: 13px;
	line-height: 1.4;
	color: var(--nr-ink-2);
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
html body.mhai-tools-skin .mhai-best-item__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
html body.mhai-tools-skin .mhai-best-item__view {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 700;
	color: var(--nr-blue);
	white-space: nowrap;
}
html body.mhai-tools-skin .mhai-best-cta {
	margin-top: 36px;
	padding: 24px;
	border-radius: 16px;
	background: var(--nr-surface);
	border: 1px solid var(--nr-line-soft);
	text-align: center;
}
html body.mhai-tools-skin .mhai-best-cta h2 {
	margin: 0 0 8px !important;
	font-size: 20px !important;
}
html body.mhai-tools-skin .mhai-best-cta p {
	margin: 0 0 14px;
	color: var(--nr-ink-2);
}
@media (max-width: 640px) {
	html body.mhai-tools-skin .mhai-best-item__view {
		display: none;
	}
	html body.mhai-tools-skin .mhai-best-item__rank {
		flex-basis: 28px;
		font-size: 15px;
	}
}


/* Force light UI only — no system dark mode overrides */
html body.mhai-tools-skin,
html body.mhai-tools-skin.mhai-ft-layout {
	color-scheme: light only;
	background: #ffffff !important;
	color: #202124 !important;
}

/* ==========================================================================
   v1.9.4 — larger cards to fit layout (3-up, bigger type/padding)
   ========================================================================== */

:root {
	--mhai-shell: 1200px;
	--mhai-shell-pad: 20px;
}

/* Prefer 2 → 3 columns (not 4) so each card is larger */
html body.mhai-tools-skin .filter-matches-grid {
	--bs-gutter-x: 1.25rem !important;
	--bs-gutter-y: 1.25rem !important;
}

@media (min-width: 640px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-sm-6.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item.mhai-ft-card {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media (min-width: 992px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item.mhai-ft-card {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}
/* Override prior 4-col rule at 1200px */
@media (min-width: 1200px) {
	html body.mhai-tools-skin .filter-matches-grid > .mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .col-md-4.mhai-ft-card,
	html body.mhai-tools-skin .filter-matches-grid > .toolboxsaas-grid-item.mhai-ft-card {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

html body.mhai-tools-skin .mhai-ft-card__inner {
	padding: 22px 22px 18px !important;
	border-radius: 18px !important;
	min-height: 240px !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}
html body.mhai-tools-skin .mhai-ft-card__inner:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1) !important;
}
html body.mhai-tools-skin .mhai-ft-card__logo,
html body.mhai-tools-skin .mhai-ft-card__logo--placeholder {
	width: 56px !important;
	height: 56px !important;
	border-radius: 14px !important;
	padding: 6px !important;
	font-size: 18px !important;
}
html body.mhai-tools-skin .mhai-ft-card__head {
	margin-bottom: 16px !important;
	gap: 12px !important;
}
html body.mhai-tools-skin .mhai-badge {
	padding: 5px 10px !important;
	font-size: 12px !important;
}
html body.mhai-tools-skin .mhai-ft-card__title {
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 10px !important;
}
html body.mhai-tools-skin .mhai-ft-card__desc {
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	min-height: 4.35em !important;
	-webkit-line-clamp: 3 !important;
	line-clamp: 3 !important;
}
html body.mhai-tools-skin .mhai-ft-card__foot {
	margin-top: 18px !important;
	padding-top: 14px !important;
}
html body.mhai-tools-skin .mhai-ft-card__actions .thumbs-rating-up,
html body.mhai-tools-skin .mhai-ft-card__actions .toolboxsaas-grid-compare-btn {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	border-radius: 10px !important;
}
html body.mhai-tools-skin .mhai-ft-card__view {
	font-size: 15px !important;
	font-weight: 700 !important;
}

/* Related tools on singles: keep 2–3 larger cards */
@media (min-width: 992px) {
	html body.mhai-tools-skin .mhai-related-tools__grid > .mhai-ft-card,
	html body.mhai-tools-skin .mhai-related-tools__grid > .toolboxsaas-grid-item {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

/* ==========================================================================
   Active filters — match card/search shell width
   ========================================================================== */

html body.mhai-tools-skin .toolboxsaas-active-filters.mhai-active-filters,
html body.mhai-tools-skin .mhai-active-filters {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 0 16px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body.mhai-tools-skin .mhai-active-filters__inner,
html body.mhai-tools-skin .toolboxsaas-active-filters .mhai-shell {
	max-width: var(--mhai-shell, 1200px) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--mhai-shell-pad, 20px) !important;
	padding-right: var(--mhai-shell-pad, 20px) !important;
	box-sizing: border-box !important;
}

html body.mhai-tools-skin .mhai-active-filters .active-filter-tags,
html body.mhai-tools-skin .toolboxsaas-active-filters .active-filter-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 12px 16px !important;
	background: var(--nr-blue-soft, #e8f0fe) !important;
	border: 1px solid #c5d4f5 !important;
	border-radius: 14px !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	color: var(--nr-ink, #202124) !important;
}

html body.mhai-tools-skin .mhai-active-filters__label {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--nr-ink-2, #5f6368) !important;
	margin-right: 4px !important;
	white-space: nowrap !important;
}

html body.mhai-tools-skin .mhai-active-filters .filter-tag,
html body.mhai-tools-skin .filter-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #fff !important;
	border: 1px solid var(--nr-line, #dadce0) !important;
	border-radius: 999px !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--nr-ink, #202124) !important;
	line-height: 1.2 !important;
	max-width: 100% !important;
}

html body.mhai-tools-skin .filter-tag__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(420px, 70vw);
}

html body.mhai-tools-skin .filter-tag .remove-filter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	color: var(--nr-ink-2, #5f6368) !important;
	text-decoration: none !important;
	flex: 0 0 auto !important;
}

html body.mhai-tools-skin .filter-tag .remove-filter:hover {
	background: #f1f3f4 !important;
	color: var(--nr-ink, #202124) !important;
}

html body.mhai-tools-skin .mhai-active-filters .clear-all-filters,
html body.mhai-tools-skin .clear-all-filters {
	margin-left: auto !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--nr-blue, #1a73e8) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	padding: 6px 4px !important;
}

html body.mhai-tools-skin .clear-all-filters:hover {
	text-decoration: underline !important;
}

@media (max-width: 640px) {
	html body.mhai-tools-skin .mhai-active-filters .clear-all-filters {
		margin-left: 0 !important;
		width: 100%;
	}
	html body.mhai-tools-skin .filter-tag__text {
		max-width: 60vw;
	}
}