:root {
	--pwl-tools-blue: #0648B2;
	--pwl-tools-blue-dark: #043B93;
	--pwl-tools-teal: #00BFA5;
	--pwl-tools-soft-blue: #EEF4FF;
	--pwl-tools-ink: #111B3B;
	--pwl-tools-muted: #626B88;
	--pwl-tools-border: #DCE3F0;
	--pwl-tools-space-1: 8px;
	--pwl-tools-space-2: 16px;
	--pwl-tools-space-3: 24px;
	--pwl-tools-space-4: 32px;
	--pwl-tools-space-6: 48px;
	--pwl-tools-space-8: 64px;
}

.pwl-nav,
.pwl-announcement,
.pwl-tools,
.pwl-tools-footer {
	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pwl-tools {
	color: var(--pwl-tools-ink);
	min-height: 45vh;
	overflow: clip;
	padding-block: var(--pwl-tools-space-4) var(--pwl-tools-space-8);
}

.pwl-tools > .container,
.pwl-tools > section,
.pwl-tools-seo {
	margin-block-end: var(--pwl-tools-space-6);
}

.pwl-tools a:focus-visible,
.pwl-announcement__close:focus-visible,
.pwl-tools-footer a:focus-visible,
.pwl-tools-footer button:focus-visible {
	border-radius: 8px;
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
	outline: 2px solid var(--pwl-tools-blue-dark);
	outline-offset: 2px;
}

.pwl-tools-seo {
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(17, 27, 59, .06);
	margin-inline: auto;
	max-width: 1140px;
	padding: var(--pwl-tools-space-4);
}

.pwl-tools-seo h2 {
	color: var(--pwl-tools-ink);
	font-size: clamp(1.5rem, 2vw, 2rem);
	font-weight: 800;
	margin-block: 0 var(--pwl-tools-space-2);
	text-align: center;
}

.pwl-tools-seo div {
	color: var(--pwl-tools-muted);
	line-height: 1.75;
}

.pwl-premium-grid {
	display: grid;
	gap: var(--pwl-tools-space-3);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pwl-premium-card {
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(17, 27, 59, .06);
	display: flex;
	flex-direction: column;
	gap: var(--pwl-tools-space-2);
	min-width: 0;
	padding: var(--pwl-tools-space-3);
}

.pwl-premium-card--featured {
	background: var(--pwl-tools-soft-blue);
	border-color: var(--pwl-tools-teal);
	box-shadow: 0 14px 32px rgba(0, 191, 165, .16);
}

.pwl-premium-card__badge {
	align-self: flex-start;
	background: #E4FAF6;
	border: 1px solid rgba(0, 191, 165, .34);
	border-radius: 999px;
	color: #00796B;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 4px 10px;
	text-transform: uppercase;
}

.pwl-premium-card > i {
	color: var(--pwl-tools-blue);
	font-size: 1.5rem;
}

.pwl-premium-card h3 {
	color: var(--pwl-tools-ink);
	font-size: 1.125rem;
	font-weight: 800;
	margin: 0;
}

.pwl-premium-card .pwl-premium-card__category {
	color: var(--pwl-tools-blue-dark);
	font-size: .8125rem;
	font-weight: 800;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.pwl-premium-card p {
	color: var(--pwl-tools-muted);
	line-height: 1.65;
	margin: 0;
}

.pwl-premium-card__cta,
.pwl-premium-card__docs {
	border-radius: 8px;
	font-weight: 800;
	margin-block-start: auto;
	padding: 10px 14px;
	text-align: center;
}

.pwl-premium-card__cta {
	background: var(--pwl-tools-blue);
	border: 1px solid var(--pwl-tools-blue);
	color: #fff;
}

.pwl-premium-card__cta:hover,
.pwl-premium-card__cta:focus {
	background: var(--pwl-tools-blue-dark);
	border-color: var(--pwl-tools-blue-dark);
	color: #fff;
	text-decoration: none;
}

.pwl-premium-card__docs {
	color: var(--pwl-tools-blue-dark);
	padding-inline: 0;
	text-align: start;
}

.pwl-premium-card__docs:hover {
	color: var(--pwl-tools-blue-dark);
}

.pwl-premium-card__cta:focus-visible,
.pwl-premium-card__docs:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
	outline: 2px solid var(--pwl-tools-blue-dark);
	outline-offset: 2px;
}

.pwl-announcement {
	background: var(--pwl-announcement-bg, var(--pwl-tools-blue));
	color: var(--pwl-announcement-text, #fff);
	position: relative;
	z-index: 1001;
}

.pwl-announcement__content {
	align-items: center;
	display: flex;
	gap: var(--pwl-tools-space-2);
	justify-content: center;
	margin-inline: auto;
	max-width: 1180px;
	min-height: 48px;
	padding: var(--pwl-tools-space-1) var(--pwl-tools-space-6);
	position: relative;
	text-align: center;
}

.pwl-announcement__content a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

.pwl-announcement__close {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	height: 36px;
	justify-content: center;
	opacity: .8;
	position: absolute;
	inset-inline-end: var(--pwl-tools-space-1);
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
}

.pwl-announcement__close:hover {
	background: rgba(255, 255, 255, .15);
	opacity: 1;
}

.pwl-tools-footer {
	background: #07142F;
	color: #C8D2E7;
	padding-block: var(--pwl-tools-space-8) var(--pwl-tools-space-3);
}

.pwl-tools-footer__inner {
	display: grid;
	gap: var(--pwl-tools-space-6);
}

.pwl-tools-footer__brand {
	max-width: 320px;
}

.pwl-tools-footer__logo {
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -.03em;
	margin-block-end: var(--pwl-tools-space-2);
}

.pwl-tools-footer__logo:hover,
.pwl-tools-footer__logo:focus {
	color: #fff;
	text-decoration: none;
}

.pwl-tools-footer__brand p {
	line-height: 1.7;
	margin: 0;
}

.pwl-tools-footer__links {
	display: grid;
	gap: var(--pwl-tools-space-4);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pwl-tools-footer__links section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pwl-tools-footer__links h2 {
	color: #fff;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0 0 var(--pwl-tools-space-1);
	text-transform: uppercase;
}

.pwl-tools-footer__links a {
	color: #C8D2E7;
	width: fit-content;
}

.pwl-tools-footer__links a:hover {
	color: #fff;
}

.pwl-tools-footer__bottom {
	align-items: center;
	border-top: 1px solid rgba(220, 227, 240, .16);
	display: flex;
	gap: var(--pwl-tools-space-3);
	justify-content: space-between;
	padding-block-start: var(--pwl-tools-space-3);
}

.pwl-tools-footer__controls {
	align-items: center;
	display: flex;
	gap: var(--pwl-tools-space-3);
}

.pwl-tools-footer__controls .btn-link {
	color: #C8D2E7;
}

.pwl-tools-footer__controls .btn-link:hover {
	color: #fff;
}

[data-theme-style="dark"] .pwl-tools {
	color: #EDF2FC;
}

[data-theme-style="dark"] .pwl-tools-seo {
	background: #101D3B;
	border-color: #263654;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
}

[data-theme-style="dark"] .pwl-tools-seo h2 {
	color: #fff;
}

[data-theme-style="dark"] .pwl-tools-seo div {
	color: #B5C0D7;
}

[data-theme-style="dark"] .pwl-premium-card {
	background: #101D3B;
	border-color: #263654;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

[data-theme-style="dark"] .pwl-premium-card--featured {
	background: #13284A;
	border-color: var(--pwl-tools-teal);
}

[data-theme-style="dark"] .pwl-premium-card h3 {
	color: #fff;
}

[data-theme-style="dark"] .pwl-premium-card .pwl-premium-card__category {
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-premium-card p {
	color: #B5C0D7;
}

[data-theme-style="dark"] .pwl-premium-card__badge {
	background: rgba(0, 191, 165, .16);
	color: #86F2E2;
}

[data-theme-style="dark"] .pwl-premium-card__docs {
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-announcement__close:hover {
	background: rgba(0, 0, 0, .18);
}

.rtl .pwl-announcement__content,
.rtl .pwl-tools-footer {
	direction: rtl;
}

.rtl .pwl-tools-footer__links,
.rtl .pwl-tools-footer__brand,
.rtl .pwl-tools-footer__bottom {
	text-align: start;
}

@media (min-width: 992px) {
	.pwl-tools-footer__inner {
		grid-template-columns: minmax(240px, .8fr) minmax(0, 1.5fr);
	}

	.pwl-tools-footer__bottom {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767.98px) {
	.pwl-premium-grid {
		grid-template-columns: 1fr;
	}

	.pwl-tools {
		padding-block: var(--pwl-tools-space-3) var(--pwl-tools-space-6);
	}

	.pwl-tools-seo {
		border-radius: 12px;
		margin-inline: var(--pwl-tools-space-2);
		padding: var(--pwl-tools-space-3);
	}

	.pwl-tools-footer__links {
		grid-template-columns: 1fr;
	}

	.pwl-tools-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.pwl-tools-footer__controls {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pwl-tools *, .pwl-announcement * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.pwl-tools-hero {
	background: linear-gradient(145deg, #07142F 0%, #073A7D 58%, #075F70 100%);
	color: #fff;
	padding-block: var(--pwl-tools-space-8);
}

.pwl-tools-hero__copy {
	margin-inline: auto;
	max-width: 780px;
	text-align: center;
}

.pwl-tools-hero__eyebrow,
.pwl-tools-section-heading__eyebrow {
	color: var(--pwl-tools-teal);
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .1em;
	margin-block-end: var(--pwl-tools-space-1);
	text-transform: uppercase;
}

.pwl-tools-hero h1 {
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.75rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 0;
}

.pwl-tools-hero__supporting {
	color: #D8E4F7;
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.7;
	margin: var(--pwl-tools-space-3) auto 0;
	max-width: 680px;
}

.pwl-tools-hero__actions,
.pwl-tools-closing-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-block-start: var(--pwl-tools-space-4);
}

.pwl-tools-hero__actions .btn,
.pwl-tools-closing-cta__actions .btn {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 44px;
}

.pwl-tools-hero__actions .btn-outline-primary {
	border-color: rgba(255, 255, 255, .75);
	color: #fff;
}

.pwl-tools-hero__actions .btn-outline-primary:hover,
.pwl-tools-hero__actions .btn-outline-primary:focus {
	background: #fff;
	border-color: #fff;
	color: var(--pwl-tools-blue-dark);
}

.pwl-premium-grid--hero {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: var(--pwl-tools-space-6);
}

.pwl-tools-premium,
.pwl-tools-directory,
.pwl-tools-closing-cta {
	padding-block-start: var(--pwl-tools-space-6);
}

.pwl-tools-section-heading {
	margin-block-end: var(--pwl-tools-space-4);
}

.pwl-tools-section-heading h2,
.pwl-popular-free-tools > h2,
.pwl-free-tool-section__heading h2,
.pwl-tools-closing-cta h2 {
	color: var(--pwl-tools-ink);
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -.02em;
	margin: 0;
}

.pwl-tools-directory__controls {
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 20px;
	padding: var(--pwl-tools-space-4);
}

.pwl-tools-search {
	max-width: 760px;
}

.pwl-tools-search label {
	color: var(--pwl-tools-ink);
	display: block;
	font-weight: 800;
	margin-block-end: var(--pwl-tools-space-1);
}

.pwl-tools-search__field {
	align-items: center;
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 12px;
	display: flex;
	min-width: 0;
	padding-inline: var(--pwl-tools-space-2);
}

.pwl-tools-search__field > i {
	color: var(--pwl-tools-muted);
	flex: 0 0 auto;
}

.pwl-tools-search input[type="search"] {
	background: transparent;
	border: 0;
	color: var(--pwl-tools-ink);
	min-height: 48px;
	min-width: 0;
	outline: 0;
	padding: 12px;
	width: 100%;
}

.pwl-tools-search__field:focus-within {
	border-color: var(--pwl-tools-blue);
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .24);
}

.pwl-tools-categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pwl-tools-space-1);
	margin-block-start: var(--pwl-tools-space-3);
}

.pwl-tools-categories button {
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 999px;
	color: var(--pwl-tools-ink);
	cursor: pointer;
	font-weight: 700;
	min-height: 44px;
	padding: 9px 16px;
}

.pwl-tools-categories button[aria-pressed="true"] {
	background: var(--pwl-tools-blue);
	border-color: var(--pwl-tools-blue);
	color: #fff;
}

.pwl-tools-categories button:focus-visible,
.pwl-tools-search input:focus-visible,
[data-tools-reset]:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
	outline: 2px solid var(--pwl-tools-blue-dark);
	outline-offset: 2px;
}

.pwl-tools-directory__status {
	align-items: center;
	display: flex;
	gap: var(--pwl-tools-space-2);
	justify-content: space-between;
	margin-block-start: var(--pwl-tools-space-3);
}

.pwl-tools-directory__status p,
.pwl-tools-directory__status button {
	margin: 0;
}

.pwl-tools-directory__status button {
	min-height: 44px;
}

.pwl-tools-empty {
	background: #fff;
	border: 1px dashed var(--pwl-tools-border);
	border-radius: 12px;
	color: var(--pwl-tools-muted);
	margin: var(--pwl-tools-space-3) 0 0;
	padding: var(--pwl-tools-space-3);
	text-align: center;
}

.pwl-popular-free-tools,
.pwl-free-tool-section {
	margin-block-start: var(--pwl-tools-space-6);
}

.pwl-popular-free-tools > h2,
.pwl-free-tool-section__heading {
	margin-block-end: var(--pwl-tools-space-3);
}

.pwl-free-tool-section__heading p {
	color: var(--pwl-tools-muted);
	line-height: 1.65;
	margin: var(--pwl-tools-space-1) 0 0;
}

.pwl-free-tools-grid {
	display: grid;
	gap: var(--pwl-tools-space-2);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pwl-free-tool-card {
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 14px;
	display: flex;
	gap: 14px;
	min-width: 0;
	padding: var(--pwl-tools-space-2);
	position: relative;
}

.pwl-free-tool-card:hover {
	border-color: rgba(6, 72, 178, .5);
	box-shadow: 0 10px 24px rgba(17, 27, 59, .08);
}

.pwl-free-tool-card:focus-within {
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
	outline: 2px solid var(--pwl-tools-blue-dark);
	outline-offset: 2px;
}

.pwl-free-tool-card__icon {
	align-items: center;
	background: var(--pwl-tools-soft-blue);
	border-radius: 10px;
	color: var(--pwl-tools-blue);
	display: flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
}

.pwl-free-tool-card__body {
	min-width: 0;
	width: 100%;
}

.pwl-free-tool-card__heading {
	align-items: flex-start;
	display: flex;
	gap: var(--pwl-tools-space-1);
	justify-content: space-between;
}

.pwl-free-tool-card h3 {
	color: var(--pwl-tools-ink);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
}

.pwl-free-tool-card p {
	color: var(--pwl-tools-muted);
	display: -webkit-box;
	font-size: .875rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	margin: 8px 0;
	overflow: hidden;
}

.pwl-free-tool-card__badge {
	background: #EEF1F7;
	border-radius: 999px;
	color: #505B75;
	flex: 0 0 auto;
	font-size: .7rem;
	font-weight: 800;
	padding: 3px 8px;
	text-transform: uppercase;
}

.pwl-free-tool-card__usage {
	color: var(--pwl-tools-muted);
	font-size: .78rem;
}

.pwl-free-tool-card__link {
	border-radius: 14px;
}

.pwl-free-tool-card.container-disabled {
	opacity: .62;
}

.pwl-tools-closing-cta {
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 20px;
	margin-block: var(--pwl-tools-space-8) var(--pwl-tools-space-4);
	padding: var(--pwl-tools-space-6);
	text-align: center;
}

.pwl-tools-closing-cta p {
	color: var(--pwl-tools-muted);
	line-height: 1.7;
	margin: var(--pwl-tools-space-2) auto 0;
	max-width: 680px;
}

[data-theme-style="dark"] .pwl-tools-directory__controls,
[data-theme-style="dark"] .pwl-tools-closing-cta,
[data-theme-style="dark"] .pwl-free-tool-card {
	background: #101D3B;
	border-color: #263654;
}

[data-theme-style="dark"] .pwl-tools-section-heading h2,
[data-theme-style="dark"] .pwl-popular-free-tools > h2,
[data-theme-style="dark"] .pwl-free-tool-section__heading h2,
[data-theme-style="dark"] .pwl-tools-closing-cta h2,
[data-theme-style="dark"] .pwl-free-tool-card h3,
[data-theme-style="dark"] .pwl-tools-search label {
	color: #fff;
}

[data-theme-style="dark"] .pwl-tools-search__field,
[data-theme-style="dark"] .pwl-tools-categories button,
[data-theme-style="dark"] .pwl-tools-empty {
	background: #0B1731;
	border-color: #34435E;
	color: #E7EDF8;
}

[data-theme-style="dark"] .pwl-tools-categories button[aria-pressed="true"] {
	background: var(--pwl-tools-blue);
	border-color: var(--pwl-tools-teal);
	color: #fff;
}

[data-theme-style="dark"] .pwl-tools-search input[type="search"] {
	color: #fff;
}

[data-theme-style="dark"] .pwl-free-tool-card p,
[data-theme-style="dark"] .pwl-free-tool-card__usage,
[data-theme-style="dark"] .pwl-free-tool-section__heading p,
[data-theme-style="dark"] .pwl-tools-closing-cta p {
	color: #B5C0D7;
}

[data-theme-style="dark"] .pwl-free-tool-card__icon {
	background: #13284A;
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-free-tool-card__badge {
	background: #263654;
	color: #D8E4F7;
}

.rtl .pwl-tools-hero,
.rtl .pwl-tools-directory,
.rtl .pwl-tools-premium,
.rtl .pwl-tools-closing-cta {
	direction: rtl;
}

.rtl .pwl-free-tool-card__heading,
.rtl .pwl-tools-directory__status {
	text-align: start;
}

@media (min-width: 1200px) {
	.pwl-premium-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.pwl-premium-grid--hero {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.pwl-premium-grid,
	.pwl-premium-grid--hero,
	.pwl-free-tools-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.pwl-tools-hero {
		padding-block: var(--pwl-tools-space-6);
	}

	.pwl-premium-grid,
	.pwl-premium-grid--hero,
	.pwl-free-tools-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pwl-tools-directory__controls,
	.pwl-tools-closing-cta {
		border-radius: 14px;
		padding: var(--pwl-tools-space-3);
	}

	.pwl-tools-directory__status {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 390px) {
	.pwl-tools-hero__actions,
	.pwl-tools-closing-cta__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.pwl-tools-hero__actions .btn,
	.pwl-tools-closing-cta__actions .btn {
		width: 100%;
	}

	.pwl-tools-categories button {
		flex: 1 1 auto;
	}

	.pwl-free-tool-card {
		overflow-wrap: anywhere;
		padding: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pwl-free-tool-card,
	.pwl-tools-categories button,
	.pwl-tools-hero .btn,
	.pwl-tools-closing-cta .btn {
		animation: none !important;
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

.pwl-tool-detail {
	display: flex;
	flex-direction: column;
	gap: var(--pwl-tools-space-4);
	min-width: 0;
}

.pwl-tool-detail [data-pwl-client-result-region][hidden] {
	display: none !important;
}

.pwl-tool-section-heading__eyebrow {
	color: var(--pwl-tools-teal);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .09em;
	margin: 0 0 var(--pwl-tools-space-1);
	text-transform: uppercase;
}

.pwl-tool-section-heading {
	margin-block-end: var(--pwl-tools-space-3);
}

.rtl .pwl-tool-detail {
	direction: rtl;
	text-align: start;
}

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

.pwl-tool-crumb {
	align-items: center;
	color: var(--pwl-tools-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: .8125rem;
	gap: 6px;
	line-height: 1.5;
	list-style: none;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.pwl-tool-crumb ol,
.pwl-tool-crumb ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.pwl-tool-crumb li {
	align-items: center;
	display: flex;
	gap: 6px;
	min-width: 0;
}

.pwl-tool-crumb a {
	color: var(--pwl-tools-blue);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.pwl-tool-crumb a:hover,
.pwl-tool-crumb a:focus {
	color: var(--pwl-tools-blue-dark);
}

.pwl-tool-crumb [aria-current] {
	color: var(--pwl-tools-muted);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.pwl-tool-ctxbar {
	align-items: center;
	background: linear-gradient(135deg, var(--pwl-tools-soft-blue) 0%, rgba(0, 191, 165, .14) 100%);
	border: 1px solid rgba(0, 191, 165, .34);
	border-radius: 12px;
	display: flex;
	gap: var(--pwl-tools-space-2);
	min-height: 48px;
	min-width: 0;
	padding-block: 6px;
	padding-inline: 14px;
}

.pwl-tool-ctxbar__icon {
	align-items: center;
	color: #00796B;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
}

.pwl-tool-ctxbar__text {
	color: var(--pwl-tools-ink);
	flex: 1 1 auto;
	font-size: .875rem;
	line-height: 1.45;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

.pwl-tool-ctxbar__text strong {
	font-weight: 800;
}

.pwl-tool-ctxbar__cta {
	background: var(--pwl-tools-blue);
	border: 1px solid var(--pwl-tools-blue);
	border-radius: 8px;
	color: #fff;
	flex: 0 0 auto;
	font-size: .8125rem;
	font-weight: 800;
	margin-inline-start: auto;
	padding: 7px 14px;
	text-align: center;
	transition: background-color .18s ease, border-color .18s ease;
	white-space: nowrap;
}

.pwl-tool-ctxbar__cta:hover,
.pwl-tool-ctxbar__cta:focus {
	background: var(--pwl-tools-blue-dark);
	border-color: var(--pwl-tools-blue-dark);
	color: #fff;
	text-decoration: none;
}

.pwl-tool-card {
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(17, 27, 59, .06);
	min-width: 0;
	padding: var(--pwl-tools-space-3);
}

.pwl-tool-card__head {
	align-items: flex-start;
	border-bottom: 1px solid var(--pwl-tools-border);
	display: flex;
	gap: 14px;
	margin-block-end: var(--pwl-tools-space-3);
	min-width: 0;
	padding-block-end: var(--pwl-tools-space-2);
}

.pwl-tool-card__icon {
	align-items: center;
	background: var(--pwl-tools-soft-blue);
	border-radius: 10px;
	color: var(--pwl-tools-blue);
	display: flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
}

.pwl-tool-card__eyebrow,
.pwl-tool-guide__eyebrow {
	color: #00796B;
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .1em;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.pwl-tool-card__titles {
	min-width: 0;
}

.pwl-tool-card__titles h1 {
	color: var(--pwl-tools-ink);
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.3;
	margin: 0;
	overflow-wrap: anywhere;
}

.pwl-tool-card__titles p:not(.pwl-tool-card__eyebrow) {
	color: var(--pwl-tools-muted);
	font-size: .9rem;
	line-height: 1.6;
	margin: 6px 0 0;
}

.pwl-tool-card__body {
	min-width: 0;
}

.pwl-tool-card__body form {
	margin: 0;
}

.pwl-tool-output {
	background: #fff;
	border: 1px solid rgba(0, 191, 165, .34);
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(17, 27, 59, .06);
	min-width: 0;
}

.pwl-tool-output__head {
	align-items: center;
	background: #E4FAF6;
	border-bottom: 1px solid rgba(0, 191, 165, .34);
	border-radius: 15px 15px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--pwl-tools-space-1);
	min-width: 0;
	padding: 12px var(--pwl-tools-space-3);
}

.pwl-tool-output__pill {
	background: #fff;
	border: 1px solid rgba(0, 191, 165, .34);
	border-radius: 999px;
	color: #00796B;
	flex: 0 0 auto;
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .06em;
	padding: 3px 10px;
	text-transform: uppercase;
}

.pwl-tool-output__title {
	color: var(--pwl-tools-ink);
	flex: 1 1 auto;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

.pwl-tool-output__copy {
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 8px;
	color: var(--pwl-tools-blue-dark);
	cursor: pointer;
	flex: 0 0 auto;
	font-size: .8125rem;
	font-weight: 800;
	margin-inline-start: auto;
	padding: 6px 12px;
	transition: background-color .18s ease, border-color .18s ease;
	white-space: nowrap;
}

.pwl-tool-output__copy:hover,
.pwl-tool-output__copy:focus {
	background: var(--pwl-tools-soft-blue);
	border-color: var(--pwl-tools-blue);
	color: var(--pwl-tools-blue-dark);
	text-decoration: none;
}

.pwl-tool-output__body {
	min-width: 0;
	padding: var(--pwl-tools-space-3);
}

.pwl-tool-output__body > :last-child {
	margin-block-end: 0;
}

.pwl-tool-output__body .table-responsive {
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	overflow-x: auto;
}

.pwl-tool-crosssell {
	margin-block-start: var(--pwl-tools-space-6);
	min-width: 0;
}

.pwl-tool-crosssell .pwl-premium-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pwl-tool-platform {
	align-items: center;
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 16px;
	display: flex;
	gap: var(--pwl-tools-space-3);
	justify-content: space-between;
	margin-block-start: var(--pwl-tools-space-6);
	min-width: 0;
	padding: var(--pwl-tools-space-3);
}

.pwl-tool-platform__copy {
	min-width: 0;
}

.pwl-tool-platform__copy h2 {
	color: var(--pwl-tools-ink);
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.3;
	margin: 0;
}

.pwl-tool-platform__copy p {
	color: var(--pwl-tools-muted);
	line-height: 1.65;
	margin: 6px 0 0;
	max-width: 62ch;
}

.pwl-tool-platform__actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 12px;
}

.pwl-tool-platform__actions .btn {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 44px;
}

.pwl-tool-related {
	margin-block-start: var(--pwl-tools-space-6);
	min-width: 0;
}

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

.pwl-tool-related-card {
	align-items: center;
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 11px;
	color: var(--pwl-tools-ink);
	display: flex;
	gap: 12px;
	min-width: 0;
	padding: 10px 12px;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pwl-tool-related-card:hover,
.pwl-tool-related-card:focus {
	border-color: var(--pwl-tools-blue);
	box-shadow: 0 10px 24px rgba(17, 27, 59, .08);
	color: var(--pwl-tools-ink);
	text-decoration: none;
	transform: translateY(-2px);
}

.pwl-tool-related-card__icon {
	align-items: center;
	background: var(--pwl-tools-soft-blue);
	border-radius: 8px;
	color: var(--pwl-tools-blue);
	display: flex;
	flex: 0 0 26px;
	height: 26px;
	justify-content: center;
}

.pwl-tool-related-card__name {
	color: inherit;
	font-size: .9rem;
	font-weight: 700;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pwl-tool-guide {
	--pwl-tool-guide-ground: #fff;
	margin-block-start: var(--pwl-tools-space-6);
	min-width: 0;
}

.pwl-tool-guide__body {
	color: var(--pwl-tools-muted);
	line-height: 1.75;
	max-height: 600px;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.pwl-tool-guide__body > :first-child {
	margin-block-start: 0;
}

.pwl-tool-guide__body p,
.pwl-tool-guide__body ul,
.pwl-tool-guide__body ol,
.pwl-tool-guide__body blockquote {
	margin-block: 0 var(--pwl-tools-space-2);
	max-width: 68ch;
}

.pwl-tool-guide__body h2,
.pwl-tool-guide__body h3,
.pwl-tool-guide__body h4 {
	color: var(--pwl-tools-ink);
	letter-spacing: -.01em;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.pwl-tool-guide__body h2 {
	font-size: 1.25rem;
	font-weight: 800;
	margin-block: var(--pwl-tools-space-4) var(--pwl-tools-space-1);
}

.pwl-tool-guide__body h3 {
	font-size: 1.05rem;
	font-weight: 800;
	margin-block: var(--pwl-tools-space-3) var(--pwl-tools-space-1);
}

.pwl-tool-guide__body h4 {
	font-size: .95rem;
	font-weight: 700;
	margin-block: var(--pwl-tools-space-2) 4px;
}

.pwl-tool-guide__body ul,
.pwl-tool-guide__body ol {
	padding-inline-start: var(--pwl-tools-space-3);
}

.pwl-tool-guide__body li {
	margin-block-end: 6px;
	max-width: 68ch;
}

.pwl-tool-guide__body a {
	color: var(--pwl-tools-blue);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.pwl-tool-guide__body a:hover,
.pwl-tool-guide__body a:focus {
	color: var(--pwl-tools-blue-dark);
}

.pwl-tool-guide__body blockquote {
	border-inline-start: 3px solid var(--pwl-tools-teal);
	padding-inline-start: var(--pwl-tools-space-2);
}

.pwl-tool-guide__body img {
	height: auto;
	max-width: 100%;
}

.pwl-tool-guide__body code {
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 6px;
	color: var(--pwl-tools-blue-dark);
	font-size: .85em;
	overflow-wrap: anywhere;
	padding: 2px 6px;
}

.pwl-tool-guide__body pre {
	-webkit-overflow-scrolling: touch;
	background: var(--pwl-tools-soft-blue);
	border: 1px solid var(--pwl-tools-border);
	border-radius: 10px;
	margin-block: 0 var(--pwl-tools-space-2);
	max-width: 100%;
	overflow-x: auto;
	padding: var(--pwl-tools-space-2);
}

.pwl-tool-guide__body pre code {
	background: transparent;
	border: 0;
	overflow-wrap: normal;
	padding: 0;
}

.pwl-tool-guide__body table {
	-webkit-overflow-scrolling: touch;
	border-collapse: collapse;
	display: block;
	margin-block: 0 var(--pwl-tools-space-2);
	max-width: 100%;
	overflow-x: auto;
	width: fit-content;
}

.pwl-tool-guide__body th,
.pwl-tool-guide__body td {
	border: 1px solid var(--pwl-tools-border);
	overflow-wrap: anywhere;
	padding: 10px 12px;
	text-align: start;
	vertical-align: top;
}

.pwl-tool-guide__body th {
	background: var(--pwl-tools-soft-blue);
	color: var(--pwl-tools-ink);
	font-weight: 800;
}

.pwl-tool-guide__fade {
	background: linear-gradient(180deg, transparent 0%, var(--pwl-tool-guide-ground) 88%);
	height: 120px;
	inset-block-end: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute;
}

.pwl-tool-guide__toggle {
	background: #fff;
	border: 1px solid var(--pwl-tools-border);
	border-radius: 8px;
	color: var(--pwl-tools-blue-dark);
	cursor: pointer;
	font-size: .875rem;
	font-weight: 800;
	margin-block-start: var(--pwl-tools-space-2);
	min-height: 44px;
	padding: 10px 16px;
	transition: background-color .18s ease, border-color .18s ease;
}

.pwl-tool-guide__toggle:hover,
.pwl-tool-guide__toggle:focus {
	background: var(--pwl-tools-soft-blue);
	border-color: var(--pwl-tools-blue);
	color: var(--pwl-tools-blue-dark);
	text-decoration: none;
}

.pwl-tool-guide--expanded .pwl-tool-guide__body {
	max-height: none;
}

.pwl-tool-guide--expanded .pwl-tool-guide__fade {
	display: none;
}

.pwl-tool-guide:has(.pwl-tool-guide__toggle[aria-expanded="true"]) .pwl-tool-guide__body {
	max-height: none;
}

.pwl-tool-guide:has(.pwl-tool-guide__toggle[aria-expanded="true"]) .pwl-tool-guide__fade {
	display: none;
}

[data-theme-style="dark"] .pwl-tool-crumb,
[data-theme-style="dark"] .pwl-tool-crumb [aria-current] {
	color: #9AA7C4;
}

[data-theme-style="dark"] .pwl-tool-crumb a,
[data-theme-style="dark"] .pwl-tool-guide__body a {
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-tool-ctxbar {
	background: linear-gradient(135deg, #13284A 0%, rgba(0, 191, 165, .16) 100%);
	border-color: rgba(0, 191, 165, .38);
}

[data-theme-style="dark"] .pwl-tool-ctxbar__icon,
[data-theme-style="dark"] .pwl-tool-card__eyebrow,
[data-theme-style="dark"] .pwl-tool-guide__eyebrow {
	color: #86F2E2;
}

[data-theme-style="dark"] .pwl-tool-ctxbar__text {
	color: #EDF2FC;
}

[data-theme-style="dark"] .pwl-tool-card,
[data-theme-style="dark"] .pwl-tool-output,
[data-theme-style="dark"] .pwl-tool-platform,
[data-theme-style="dark"] .pwl-tool-related-card {
	background: #101D3B;
	border-color: #263654;
}

[data-theme-style="dark"] .pwl-tool-output {
	border-color: rgba(0, 191, 165, .38);
}

[data-theme-style="dark"] .pwl-tool-card__head {
	border-bottom-color: #263654;
}

[data-theme-style="dark"] .pwl-tool-card__icon,
[data-theme-style="dark"] .pwl-tool-related-card__icon {
	background: #13284A;
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-tool-card__titles h1,
[data-theme-style="dark"] .pwl-tool-output__title,
[data-theme-style="dark"] .pwl-tool-platform__copy h2,
[data-theme-style="dark"] .pwl-tool-related-card,
[data-theme-style="dark"] .pwl-tool-guide__body h2,
[data-theme-style="dark"] .pwl-tool-guide__body h3,
[data-theme-style="dark"] .pwl-tool-guide__body h4 {
	color: #fff;
}

[data-theme-style="dark"] .pwl-tool-card__titles p:not(.pwl-tool-card__eyebrow),
[data-theme-style="dark"] .pwl-tool-platform__copy p,
[data-theme-style="dark"] .pwl-tool-guide__body {
	color: #B5C0D7;
}

[data-theme-style="dark"] .pwl-tool-output__head {
	background: rgba(0, 191, 165, .12);
	border-bottom-color: rgba(0, 191, 165, .38);
}

[data-theme-style="dark"] .pwl-tool-output__pill {
	background: rgba(0, 191, 165, .16);
	border-color: rgba(0, 191, 165, .38);
	color: #86F2E2;
}

[data-theme-style="dark"] .pwl-tool-output__copy,
[data-theme-style="dark"] .pwl-tool-guide__toggle {
	background: #0B1731;
	border-color: #34435E;
	color: #AFC8FF;
}

[data-theme-style="dark"] .pwl-tool-output__copy:hover,
[data-theme-style="dark"] .pwl-tool-output__copy:focus,
[data-theme-style="dark"] .pwl-tool-guide__toggle:hover,
[data-theme-style="dark"] .pwl-tool-guide__toggle:focus {
	background: #13284A;
	border-color: var(--pwl-tools-teal);
	color: #fff;
}

[data-theme-style="dark"] .pwl-tool-related-card:hover,
[data-theme-style="dark"] .pwl-tool-related-card:focus {
	border-color: var(--pwl-tools-teal);
	color: #fff;
}

[data-theme-style="dark"] .pwl-tool-guide {
	--pwl-tool-guide-ground: #040506;
}

[data-theme-style="dark"] .pwl-tool-guide__body code,
[data-theme-style="dark"] .pwl-tool-guide__body pre {
	background: #0B1731;
	border-color: #34435E;
	color: #D8E4F7;
}

[data-theme-style="dark"] .pwl-tool-guide__body th,
[data-theme-style="dark"] .pwl-tool-guide__body td {
	border-color: #34435E;
}

[data-theme-style="dark"] .pwl-tool-guide__body th {
	background: #13284A;
	color: #fff;
}

.rtl .pwl-tool-crumb,
.rtl .pwl-tool-ctxbar,
.rtl .pwl-tool-card,
.rtl .pwl-tool-output,
.rtl .pwl-tool-crosssell,
.rtl .pwl-tool-platform,
.rtl .pwl-tool-related,
.rtl .pwl-tool-guide {
	direction: rtl;
	text-align: start;
}

.pwl-tool-crumb a:focus-visible,
.pwl-tool-ctxbar__cta:focus-visible,
.pwl-tool-output__copy:focus-visible,
.pwl-tool-crosssell a:focus-visible,
.pwl-tool-platform__actions .btn:focus-visible,
.pwl-tool-related-card:focus-visible,
.pwl-tool-guide__body a:focus-visible,
.pwl-tool-guide__toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
	outline: 2px solid var(--pwl-tools-blue-dark);
	outline-offset: 2px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.pwl-tool-crosssell .pwl-premium-grid,
	.pwl-tool-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.pwl-tool-crosssell .pwl-premium-grid,
	.pwl-tool-related__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pwl-tool-card,
	.pwl-tool-output,
	.pwl-tool-platform {
		border-radius: 14px;
	}

	.pwl-tool-card,
	.pwl-tool-output__body {
		padding: var(--pwl-tools-space-2);
	}

	.pwl-tool-output__head {
		border-radius: 13px 13px 0 0;
		padding-inline: var(--pwl-tools-space-2);
	}

	.pwl-tool-guide__body {
		max-height: 460px;
	}
}

@media (max-width: 719.98px) {
	.pwl-tool-platform {
		align-items: stretch;
		flex-direction: column;
	}

	.pwl-tool-platform__actions,
	.pwl-tool-platform__actions .btn {
		width: 100%;
	}
}

@media (max-width: 559.98px) {
	.pwl-tool-ctxbar {
		flex-wrap: wrap;
		padding-block: 12px;
	}

	.pwl-tool-ctxbar__cta {
		flex: 1 0 100%;
		margin-inline-start: 0;
		white-space: normal;
	}
}

/* Reduced-motion: animation/transition/scroll are already neutralised for every
   .pwl-tool-detail descendant by the block near the tool-detail layout rules.
   The card's hover transform is a transform (not a transition), so it still
   needs neutralising here for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
	.pwl-tool-related-card:hover,
	.pwl-tool-related-card:focus {
		transform: none;
	}
}

/* -------------------------------------------------------------------------
 * Bootstrap overrides, scoped to the tool detail shell.
 *
 * The theme ships a customised bootstrap.min.css whose .btn-primary is magenta
 * (#d948ef). That single colour is most of why a tool page did not read as part of
 * ProWebLook. These rules restate the button in the brand blue for tool pages only,
 * matching Bootstrap's own selector shapes so the :hover/:focus/:active states win
 * on specificity rather than on !important.
 * ---------------------------------------------------------------------- */
.pwl-tool-detail .btn-primary {
	background-color: var(--pwl-tools-blue);
	border-color: var(--pwl-tools-blue);
	border-radius: 9px;
	color: #fff;
	font-weight: 700;
	padding-block: 10px;
}

.pwl-tool-detail .btn-primary:hover,
.pwl-tool-detail .btn-primary:focus,
.pwl-tool-detail .btn-primary:not(:disabled):not(.disabled):active,
.pwl-tool-detail .btn-primary:not(:disabled):not(.disabled).active,
.pwl-tool-detail .show > .btn-primary.dropdown-toggle {
	background-color: var(--pwl-tools-blue-dark);
	border-color: var(--pwl-tools-blue-dark);
	color: #fff;
}

.pwl-tool-detail .btn-primary:focus,
.pwl-tool-detail .btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 3px rgba(0, 191, 165, .35);
}

.pwl-tool-detail .btn-outline-primary {
	border-color: var(--pwl-tools-blue);
	border-radius: 9px;
	color: var(--pwl-tools-blue);
	font-weight: 700;
}

.pwl-tool-detail .btn-outline-primary:hover,
.pwl-tool-detail .btn-outline-primary:focus {
	background-color: var(--pwl-tools-blue);
	border-color: var(--pwl-tools-blue);
	color: #fff;
}

/* Form controls inside the tool card follow the same geometry as the shell */
.pwl-tool-detail .form-control {
	border-color: var(--pwl-tools-border);
	border-radius: 9px;
	color: var(--pwl-tools-ink);
	padding-block: 10px;
}

.pwl-tool-detail .form-control:focus {
	border-color: var(--pwl-tools-blue);
	box-shadow: 0 0 0 3px rgba(6, 72, 178, .12);
}

.pwl-tool-detail label {
	color: var(--pwl-tools-ink);
	font-size: .875rem;
	font-weight: 700;
}

/* View count on the popular-tools cards */
.pwl-tool-related-card__usage {
	color: var(--pwl-tools-muted);
	font-size: .78rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	margin-inline-start: auto;
	white-space: nowrap;
}