img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/heading/style.min.css */

.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/paragraph/style.min.css */

.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/group/style.min.css */

:where(.wp-block-group.has-background){padding:1.25em 2.375em}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/group/theme.min.css */

.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/quote/style.min.css */

.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}
/*# sourceURL=https://worklandhq.com/wp-includes/blocks/quote/theme.min.css */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
.wsl-also-read {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f0f6fc;
    border-left: 4px solid #0073aa;
    padding: 16px 20px;
    border-radius: 0 8px 8px 0;
    margin: 28px 0;
    font-family: inherit;
}
.wsl-also-read::before {
    content: '📌';
    font-size: 18px;
    flex-shrink: 0;
}
.wsl-also-read__label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #0073aa;
    white-space: nowrap;
    flex-shrink: 0;
}
.wsl-also-read__link {
    font-size: 15px;
    font-weight: 600;
    color: #1d2327;
    text-decoration: none;
    transition: color .2s;
}
.wsl-also-read__link:hover { color: #0073aa; }
@media (max-width: 600px) {
    .wsl-also-read { flex-wrap: wrap; gap: 8px; padding: 14px 16px; }
}
/**
 * Auto Generated by OMGF
 * @author: Daan van den Bergh
 * @url: https://daan.dev
 */

@font-face{font-family:'Fraunces';font-style:italic;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-italic-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:italic;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-italic-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Fraunces';font-style:italic;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-italic-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:italic;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-italic-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:900;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Fraunces';font-style:normal;font-weight:900;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/fraunces-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/jetbrains-mono-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:300;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:300;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin-ext.woff2?ver=1774094525')format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('//worklandhq.com/wp-content/uploads/omgf/wlhq-fonts/plus-jakarta-sans-normal-latin.woff2?ver=1774094525')format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/*
Theme Name:   WorklandHQ Child
Theme URI:    https://worklandhq.com
Description:  Child theme for WorklandHQ — Navy blue brand, all customizations. Install this child theme to get Customizer controls for social media, newsletter, featured tools, ticker speed, ebook toggle, and more.
Author:       WorklandHQ
Template:     worklandhq
Version:      1.5.0
Text Domain:  worklandhq-child
*/
/* =====================================================
   WORKLANDHQ — LAYOUT CSS
   Page structure, header, nav, footer, grid
   ===================================================== */

/* ── TOPBAR ── */
.wlhq-topbar {
  background: var(--wl-white);
  border-bottom: 1px solid var(--wl-border);
  position: relative;
  z-index: 200;
}
.wlhq-topbar-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
}

/* Logo */
.wlhq-logo { flex-shrink: 0; }
.wlhq-logo-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.wlhq-logo-mark {
  width: 40px; height: 40px;
  background: var(--wl-navy);
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Fraunces', Georgia, serif;
  font-size: 20px; font-weight: 900; color: white;
  letter-spacing: -.04em;
  box-shadow: 0 4px 14px rgba(15,45,94,.3);
  flex-shrink: 0;
}
.wlhq-logo-text {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 26px; font-weight: 700;
  color: var(--wl-ink); letter-spacing: -.03em;
  text-decoration: none;
}
/* Custom logo from WordPress */
.wlhq-logo .custom-logo-link img {
  max-height: 50px;
  width: auto;
}

/* Search bar */
.wlhq-header-search {
  flex: 1;
  max-width: 460px;
  margin-left: auto;
  position: relative;
}
.wlhq-header-search form {
  display: flex;
  align-items: center;
  background: var(--wl-bg);
  border: 1.5px solid var(--wl-border);
  border-radius: 24px;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
.wlhq-header-search form:focus-within {
  border-color: var(--wl-navy);
  box-shadow: 0 0 0 3px rgba(15,45,94,.1);
}
.wlhq-search-input {
  flex: 1;
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  padding: 9px 14px 9px 18px !important;
  font-size: 13.5px;
  color: var(--wl-ink);
  outline: none;
  margin: 0 !important;
  box-shadow: none !important;
}
.wlhq-search-input::placeholder { color: var(--wl-ink4); }
.wlhq-search-btn {
  background: var(--wl-navy);
  border: none;
  border-radius: 20px;
  width: 34px; height: 34px;
  margin-right: 3px;
  display: flex; align-items: center; justify-content: center;
  color: white; cursor: pointer;
  transition: background .2s;
  flex-shrink: 0;
}
.wlhq-search-btn:hover { background: var(--wl-navy2); }

/* Topbar actions */
.wlhq-topbar-actions {
  display: flex; align-items: center; gap: 6px; margin-left: 14px; flex-shrink: 0;
}
.wlhq-action-icon {
  width: 36px; height: 36px;
  border: 1.5px solid var(--wl-border);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--wl-ink3);
  transition: all .2s; text-decoration: none;
}
.wlhq-action-icon:hover {
  border-color: var(--wl-navy); color: var(--wl-navy);
  background: var(--wl-navy-bg);
}
.wlhq-subscribe-btn {
  background: var(--wl-navy);
  color: white !important;
  border: 1.5px solid var(--wl-navy) !important;
  border-radius: 20px !important;
  padding: 7px 18px !important;
  width: auto !important; height: auto !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  white-space: nowrap; text-decoration: none;
  display: inline-flex; align-items: center;
  transition: background .2s;
}
.wlhq-subscribe-btn:hover { background: var(--wl-navy2) !important; }

/* ── MAIN NAV — solid navy ── */
.wlhq-main-nav {
  background: var(--wl-navy);
  position: sticky; top: 0; z-index: 999;
  box-shadow: 0 2px 16px rgba(15,45,94,.3);
}
.wlhq-nav-inner {
  display: flex; align-items: stretch;
  padding-top: 0; padding-bottom: 0;
  position: relative;
}
.wlhq-nav-menu {
  display: flex; list-style: none;
  margin: 0; padding: 0; flex: 1;
}
.wlhq-nav-menu > li > a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px; font-weight: 600;
  color: rgba(255,255,255,.65);
  padding: 13px 16px;
  display: flex; align-items: center; gap: 5px;
  border-bottom: 3px solid transparent;
  transition: all .2s; white-space: nowrap;
  letter-spacing: .01em; text-decoration: none;
}
.wlhq-nav-menu > li > a:hover,
.wlhq-nav-menu > li.current-menu-item > a,
.wlhq-nav-menu > li.current-menu-ancestor > a {
  color: white;
  border-bottom-color: white;
}
/* Dropdown */
.wlhq-nav-menu .sub-menu {
  display: none;
  position: absolute; top: 100%; left: 0;
  background: var(--wl-white);
  border: 1px solid var(--wl-border);
  border-top: 3px solid var(--wl-navy);
  border-radius: 0 0 var(--wl-radius) var(--wl-radius);
  min-width: 220px;
  box-shadow: var(--wl-sh-md);
  list-style: none; padding: 6px 0; margin: 0; z-index: 1000;
}
.wlhq-nav-menu li:hover > .sub-menu { display: block; }
.wlhq-nav-menu .sub-menu li a {
  display: block; padding: 9px 18px;
  font-size: 13px; color: var(--wl-ink2);
  transition: all .15s; text-decoration: none;
}
.wlhq-nav-menu .sub-menu li a:hover {
  color: var(--wl-navy); background: var(--wl-navy-bg);
  padding-left: 22px;
}
.wlhq-nav-menu > li { position: relative; }

/* Nav right icons */
.wlhq-nav-right {
  display: flex; align-items: center;
  margin-left: auto; padding-left: 12px;
  border-left: 1px solid rgba(255,255,255,.1);
}
.wlhq-nav-icon {
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  color: rgba(255,255,255,.5);
  transition: color .2s; text-decoration: none;
}
.wlhq-nav-icon:hover { color: white; }

/* Mobile toggle */
.wlhq-mobile-toggle {
  display: none;
  background: none; border: none;
  cursor: pointer; padding: 10px;
  margin-left: auto;
}
.wlhq-hamburger { display: flex; flex-direction: column; gap: 5px; }
.wlhq-hamburger span {
  display: block; width: 22px; height: 2px;
  background: white; border-radius: 2px;
  transition: all .3s;
}

/* Nav fallback (no menu assigned) */
.wlhq-nav-fallback {
  display: flex; list-style: none; margin: 0; padding: 0;
}
.wlhq-nav-fallback a {
  font-size: 13px; color: rgba(255,255,255,.65);
  padding: 13px 14px; display: block;
  transition: color .2s; text-decoration: none;
}
.wlhq-nav-fallback a:hover { color: white; }

/* ── BREAKING NEWS BAR ── */
.wlhq-breaking-bar {
  background: linear-gradient(to right, #071c3a, #0f2d5e, #071c3a);
  padding: 9px 0; overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.wlhq-breaking-inner {
  display: flex; align-items: center;
}
.wlhq-breaking-label {
  background: white; color: var(--wl-navy);
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  padding: 4px 11px; border-radius: 3px;
  flex-shrink: 0; margin-right: 20px; white-space: nowrap;
}
.wlhq-breaking-track-wrap {
  flex: 1; overflow: hidden; position: relative;
}
.wlhq-breaking-track-wrap::before,
.wlhq-breaking-track-wrap::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 40px; z-index: 2;
}
.wlhq-breaking-track-wrap::before { left: 0; background: linear-gradient(to right, #0f2d5e, transparent); }
.wlhq-breaking-track-wrap::after  { right: 0; background: linear-gradient(to left, #0f2d5e, transparent); }
.wlhq-breaking-track {
  display: inline-flex; white-space: nowrap;
  animation: wl-marquee 46s linear infinite;
}
.wlhq-breaking-item {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12.5px; color: rgba(255,255,255,.76);
  padding: 0 34px; display: inline-flex; align-items: center; gap: 8px;
}
.wlhq-breaking-sep { color: rgba(255,255,255,.3); font-size: 7px; }
.wlhq-breaking-item a { color: rgba(255,255,255,.9); transition: color .2s; }
.wlhq-breaking-item a:hover { color: white; }

/* ── LEADERBOARD AD ── */
.wlhq-leaderboard-ad-wrap {
  background: var(--wl-white);
  border-top: 3px solid var(--wl-navy);
  border-bottom: 3px solid var(--wl-navy);
}
.wlhq-leaderboard-ad-label {
  text-align: center;
  padding: 5px 0 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--wl-ink4);
}
.wlhq-leaderboard-ad-inner {
  display: flex; align-items: center; justify-content: center;
  padding: 10px var(--wl-px) 14px;
  max-width: var(--wl-max-w); margin: 0 auto;
}
.wlhq-ad-placeholder-full {
  width: 100%; max-width: 1100px; height: 90px;
  background: linear-gradient(135deg, #071c3a 0%, #0f2d5e 50%, #071c3a 100%);
  border-radius: var(--wl-radius);
  border: 1.5px dashed rgba(255,255,255,.14);
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden; cursor: pointer;
  transition: border-color .25s, box-shadow .25s;
}
.wlhq-ad-placeholder-full:hover {
  border-color: rgba(255,255,255,.32);
  box-shadow: 0 6px 28px rgba(15,45,94,.25);
}
.wlhq-ad-badge-left, .wlhq-ad-badge-right {
  position: absolute; top: 50%; transform: translateY(-50%);
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.28); border: 1px solid rgba(255,255,255,.1);
  padding: 4px 12px; border-radius: 3px; background: rgba(255,255,255,.04);
}
.wlhq-ad-badge-left  { left:  24px; }
.wlhq-ad-badge-right { right: 24px; }
.wlhq-ad-placeholder-text {
  text-align: center; position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 3px;
}
.wlhq-ad-size {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: rgba(255,255,255,.2);
}
.wlhq-ad-cta {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 18px; font-weight: 700;
  color: rgba(255,255,255,.1); letter-spacing: .01em;
}

/* ── PAGE LAYOUT ── */
.wlhq-page-wrap { background: var(--wl-bg); }
.wlhq-page-inner {
  max-width: var(--wl-max-w); margin: 0 auto;
  padding: 30px var(--wl-px);
}
.wlhq-with-sidebar {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  align-items: start;
}
.wlhq-main { min-width: 0; }

/* Sidebar sticky */
.wlhq-sidebar {
  position: sticky;
  top: 64px; /* height of sticky nav */
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--wl-border) transparent;
  display: flex; flex-direction: column; gap: 20px;
}
.wlhq-sidebar::-webkit-scrollbar { width: 4px; }
.wlhq-sidebar::-webkit-scrollbar-track { background: transparent; }
.wlhq-sidebar::-webkit-scrollbar-thumb { background: var(--wl-border); border-radius: 4px; }

/* ── FOOTER ── */
.wlhq-footer { background: var(--wl-navy); }
.wlhq-footer-top-bar {
  background: rgba(0,0,0,.2);
  border-bottom: 1px solid rgba(255,255,255,.06);
  text-align: center;
  padding: 13px var(--wl-px);
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; color: rgba(255,255,255,.28);
  letter-spacing: .12em;
}
.wlhq-footer-inner {
  display: grid;
  grid-template-columns: 280px 1fr 1fr 1fr;
  gap: 52px;
  padding: 48px var(--wl-px);
  max-width: var(--wl-max-w); margin: 0 auto;
}
.wlhq-footer-logo { margin-bottom: 12px; }
.wlhq-footer-logo .custom-logo { max-height: 44px; width: auto; filter: brightness(0) invert(1); }
.wlhq-footer-logo-text {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 28px; font-weight: 700;
  color: white; text-decoration: none; letter-spacing: -.025em;
}
.wlhq-footer-about {
  font-size: 13px; color: rgba(255,255,255,.42);
  line-height: 1.72; margin-bottom: 18px;
}
.wlhq-footer-socials { display: flex; gap: 8px; }
.wlhq-social-icon {
  width: 34px; height: 34px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; color: rgba(255,255,255,.5);
  text-decoration: none; transition: all .2s;
}
.wlhq-social-icon:hover {
  background: white; color: var(--wl-navy);
  transform: translateY(-2px);
}
.wlhq-footer-col-head {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: rgba(255,255,255,.38);
  margin-bottom: 16px; padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.wlhq-footer-menu,
.wlhq-footer-default-col ul { list-style: none; padding: 0; margin: 0; }
.wlhq-footer-menu li,
.wlhq-footer-default-col ul li { margin-bottom: 10px; border-bottom: none !important; }
.wlhq-footer-menu a,
.wlhq-footer-default-col ul li a {
  font-size: 13px; color: rgba(255,255,255,.44);
  text-decoration: none; transition: color .15s;
  display: flex; align-items: center; gap: 7px;
}
.wlhq-footer-menu a::before,
.wlhq-footer-default-col ul li a::before {
  content: '→'; font-size: 10px;
  color: rgba(255,255,255,.18); transition: color .15s;
}
.wlhq-footer-menu a:hover,
.wlhq-footer-default-col ul li a:hover { color: white; }
.wlhq-footer-menu a:hover::before,
.wlhq-footer-default-col ul li a:hover::before { color: rgba(200,218,255,.8); }
.wlhq-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.06);
}
.wlhq-footer-bottom-inner {
  max-width: var(--wl-max-w); margin: 0 auto;
  padding: 18px var(--wl-px);
  display: flex; justify-content: space-between; align-items: center;
}
.wlhq-copyright, .wlhq-footer-credit {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; color: rgba(255,255,255,.24);
  letter-spacing: .04em;
}

/* ── SECTION HEADERS ── */
.wlhq-sec-head {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 16px;
}
.wlhq-sec-head h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 24px; font-weight: 700;
  letter-spacing: -.02em; color: var(--wl-ink); white-space: nowrap;
}
.wlhq-sec-line {
  flex: 1; height: 1px; background: var(--wl-border);
}
.wlhq-sec-link {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700;
  color: var(--wl-navy); letter-spacing: .08em;
  text-transform: uppercase; white-space: nowrap;
  transition: color .2s; text-decoration: none;
  display: flex; align-items: center; gap: 4px;
}
.wlhq-sec-link:hover { color: var(--wl-navy2); }

/* Scholar strip dark headers */
.wlhq-scholar-strip .wlhq-sec-head h2 { color: white; }
.wlhq-scholar-strip .wlhq-sec-line { background: rgba(255,255,255,.1); }
.wlhq-scholar-strip .wlhq-sec-link { color: rgba(200,218,255,.6); }

/* ── NO POSTS ── */
.wlhq-no-posts {
  background: var(--wl-white);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius);
  padding: 48px; text-align: center;
}
.wlhq-no-posts h2 { font-size: 22px; margin-bottom: 10px; }
.wlhq-no-posts p  { color: var(--wl-ink3); }

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  :root { --wl-px: 32px; }
  .wlhq-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 900px) {
  .wlhq-with-sidebar { grid-template-columns: 1fr; }
  .wlhq-sidebar { position: static; max-height: none; overflow: visible; }
  .wlhq-footer-inner { grid-template-columns: 1fr 1fr; gap: 28px; }
  .wlhq-topbar-actions .wlhq-action-icon:not(.wlhq-subscribe-btn) { display: none; }
}

@media (max-width: 768px) {
  :root { --wl-px: 20px; }
  .wlhq-nav-menu { display: none; flex-direction: column; }
  .wlhq-nav-menu.is-open { display: flex; }
  .wlhq-nav-menu > li > a { padding: 12px 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .wlhq-mobile-toggle { display: block; }
  .wlhq-nav-inner { flex-wrap: wrap; }
  .wlhq-header-search { max-width: 100%; }
  .wlhq-topbar-inner { flex-wrap: wrap; gap: 12px; }
  .wlhq-footer-inner { grid-template-columns: 1fr; gap: 24px; }
  .wlhq-footer-bottom-inner { flex-direction: column; gap: 6px; text-align: center; }
  .wlhq-ad-badge-left, .wlhq-ad-badge-right { display: none; }
}

@media (max-width: 480px) {
  .wlhq-logo-text { font-size: 22px; }
  .wlhq-subscribe-btn { display: none; }
}
/* =====================================================
   WORKLANDHQ — COMPONENTS CSS
   Hero, articles, cards, sidebar, ads, tabs, trending
   ===================================================== */

/* ── HERO SECTION ── */
.wlhq-hero-section { margin-bottom: 28px; }
.wlhq-hero-grid {
  display: grid;
  grid-template-columns: 1fr 290px;
  background: var(--wl-surface);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius-lg);
  overflow: hidden;
  box-shadow: var(--wl-sh-md);
}
.wlhq-hero-main { position: relative; }
.wlhq-hero-img-wrap { position: relative; height: 350px; overflow: hidden; }
.wlhq-hero-img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .4s;
  display: block;
}
.wlhq-hero-img-wrap:hover .wlhq-hero-img { transform: scale(1.03); }
.wlhq-hero-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
}
.wlhq-hero-emoji { font-size: 90px; }
.wlhq-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(7,28,58,.93) 0%, rgba(7,28,58,.25) 55%, transparent 100%);
}
.wlhq-hero-content {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 26px 30px;
}
.wlhq-hero-cat { margin-bottom: 10px; }
.wlhq-hero-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 30px; font-weight: 700;
  line-height: 1.15; margin-bottom: 10px; letter-spacing: -.02em;
}
.wlhq-hero-title a { color: white; text-decoration: none; }
.wlhq-hero-title a:hover { color: rgba(200,218,255,1); }
.wlhq-hero-excerpt {
  font-size: 13px; color: rgba(255,255,255,.72);
  line-height: 1.65; margin-bottom: 16px;
}
.wlhq-hero-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: white; color: var(--wl-navy);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px; font-weight: 700;
  padding: 10px 22px; border-radius: 6px;
  transition: all .2s; text-decoration: none;
}
.wlhq-hero-btn:hover {
  background: var(--wl-navy-bg);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,.2);
  color: var(--wl-navy);
}

/* Hero side stack */
.wlhq-hero-side {
  border-left: 1px solid var(--wl-border);
  display: flex; flex-direction: column;
}
.wlhq-hero-side-item {
  flex: 1; padding: 16px 18px;
  border-bottom: 1px solid var(--wl-border2);
  display: grid; grid-template-columns: 74px 1fr; gap: 12px;
  align-items: start; cursor: pointer; transition: background .15s;
  position: relative;
}
.wlhq-hero-side-item::before {
  content: ''; position: absolute;
  left: 0; top: 0; bottom: 0; width: 3px;
  background: transparent; transition: background .2s;
}
.wlhq-hero-side-item:last-child { border-bottom: none; }
.wlhq-hero-side-item:hover { background: var(--wl-bg); }
.wlhq-hero-side-item:hover::before { background: var(--wl-navy); }
.wlhq-hero-side-thumb {
  width: 74px; height: 56px; border-radius: 5px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0; overflow: hidden;
  text-decoration: none;
}
.wlhq-hero-side-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wlhq-side-cat {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  margin-bottom: 4px; display: block; text-decoration: none;
}
.wlhq-hero-side-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 14px; font-weight: 600;
  line-height: 1.3; margin-bottom: 4px;
}
.wlhq-hero-side-title a { color: var(--wl-ink); text-decoration: none; }
.wlhq-hero-side-item:hover .wlhq-hero-side-title a { color: var(--wl-navy); }
.wlhq-side-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: var(--wl-ink4);
}

/* ── TAB BAR ── */
.wlhq-tab-bar {
  background: var(--wl-surface);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius);
  margin-bottom: 20px; display: flex; overflow-x: auto;
  box-shadow: var(--wl-sh-xs);
  scrollbar-width: none;
}
.wlhq-tab-bar::-webkit-scrollbar { display: none; }
.wlhq-tab-item {
  flex: 1; min-width: fit-content;
  text-align: center; padding: 12px 14px;
  font-size: 13px; font-weight: 600;
  color: var(--wl-ink3); cursor: pointer;
  border: none; border-right: 1px solid var(--wl-border2);
  border-radius: 0;
  background: transparent;
  transition: all .2s;
  font-family: 'Plus Jakarta Sans', sans-serif;
  white-space: nowrap;
}
.wlhq-tab-item:last-child { border-right: none; }
.wlhq-tab-item:hover { background: var(--wl-navy-bg); color: var(--wl-navy); }
.wlhq-tab-item.active {
  background: var(--wl-navy); color: white; font-weight: 700;
}

/* ── ARTICLE LIST ── */
.wlhq-article-list { display: flex; flex-direction: column; gap: 0; margin-bottom: 28px; }
.wlhq-article-row {
  background: var(--wl-surface);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius);
  padding: 18px;
  display: grid; grid-template-columns: 130px 1fr;
  gap: 18px; align-items: start;
  transition: all .25s; cursor: pointer;
  margin-bottom: 8px;
  border-left: 3px solid transparent;
  text-decoration: none;
}
.wlhq-article-row:hover {
  box-shadow: var(--wl-sh-md);
  transform: translateY(-2px);
  border-color: var(--wl-navy-border);
  border-left-color: var(--wl-navy);
}
.wlhq-art-thumb {
  width: 130px; height: 90px;
  border-radius: 6px; overflow: hidden; flex-shrink: 0;
}
.wlhq-art-thumb a { display: block; width: 100%; height: 100%; }
.wlhq-art-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wlhq-thumb-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px;
}
.wlhq-art-tag-row { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.wlhq-art-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 19px; font-weight: 700; line-height: 1.28;
  color: var(--wl-ink); margin-bottom: 7px; letter-spacing: -.01em;
}
.wlhq-art-title a { color: inherit; text-decoration: none; transition: color .2s; }
.wlhq-article-row:hover .wlhq-art-title a { color: var(--wl-navy); }
.wlhq-art-byline {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; color: var(--wl-ink4);
  margin-bottom: 7px;
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.wlhq-byline-av { border-radius: 50% !important; }
.wlhq-byline-author a { color: var(--wl-ink3); text-decoration: none; }
.wlhq-byline-author a:hover { color: var(--wl-navy); }
.wlhq-byline-sep { color: var(--wl-border); }
.wlhq-art-excerpt { font-size: 13px; color: var(--wl-ink3); line-height: 1.65; margin-bottom: 0; }
.wlhq-art-foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 10px; padding-top: 10px;
  border-top: 1px solid var(--wl-border2);
}
.wlhq-art-read-time {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: var(--wl-ink4);
}
.wlhq-art-read-link {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700;
  color: var(--wl-navy); letter-spacing: .06em; text-transform: uppercase;
  display: flex; align-items: center; gap: 4px;
  transition: gap .2s; text-decoration: none;
}
.wlhq-article-row:hover .wlhq-art-read-link { gap: 8px; }

/* View all row */
.wlhq-view-all-row {
  display: flex; justify-content: flex-end; margin-bottom: 10px;
}
.wlhq-view-all-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  color: var(--wl-navy); letter-spacing: .08em; text-transform: uppercase;
  padding: 8px 20px; border: 1.5px solid var(--wl-navy-border);
  border-radius: 20px; background: var(--wl-navy-bg);
  transition: all .2s; cursor: pointer; text-decoration: none;
}
.wlhq-view-all-btn:hover { background: var(--wl-navy); color: white; border-color: var(--wl-navy); }

/* ── RESOURCE BANNER ── */
.wlhq-resource-strip {
  background: linear-gradient(135deg, #071c3a 0%, #0f2d5e 55%, #071c3a 100%);
  border-radius: var(--wl-radius-lg);
  padding: 36px 40px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;
  margin-bottom: 28px;
  border: 1px solid rgba(255,255,255,.07);
  position: relative; overflow: hidden;
}
.wlhq-resource-strip::before {
  content: ''; position: absolute;
  top: -70px; right: -50px; width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(255,255,255,.05) 0%, transparent 70%);
}
.wlhq-rs-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(200,218,255,.8); margin-bottom: 12px;
  display: flex; align-items: center; gap: 6px;
}
.wlhq-resource-strip h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 28px; font-weight: 700; color: white;
  line-height: 1.15; margin-bottom: 10px; letter-spacing: -.02em;
}
.wlhq-resource-strip > div > p {
  font-size: 14px; color: rgba(255,255,255,.52);
  line-height: 1.72; margin-bottom: 20px;
}
.wlhq-rs-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: white; color: var(--wl-navy);
  border: none; padding: 13px 26px; border-radius: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  cursor: pointer; text-decoration: none; transition: all .2s;
  box-shadow: 0 4px 18px rgba(0,0,0,.2);
}
.wlhq-rs-btn:hover { background: var(--wl-navy-bg); transform: translateY(-2px); color: var(--wl-navy); }
.wlhq-rs-note {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: rgba(255,255,255,.32); margin-top: 9px;
}
.wlhq-rs-list { list-style: none; padding: 0; }
.wlhq-rs-list li {
  font-size: 14px; color: rgba(255,255,255,.62);
  padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06);
  display: flex; align-items: flex-start; gap: 10px; line-height: 1.5;
}
.wlhq-rs-list li:last-child { border-bottom: none; }
.wlhq-rs-bullet { color: rgba(200,218,255,.8); font-size: 12px; flex-shrink: 0; margin-top: 2px; }

/* ── TRENDING SECTION ── */
.wlhq-trending-section { margin-bottom: 28px; }
.wlhq-trending-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wlhq-trend-card {
  background: var(--wl-surface); border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius); overflow: hidden;
  display: grid; grid-template-columns: 110px 1fr;
  transition: all .25s; cursor: pointer;
}
.wlhq-trend-card:hover { box-shadow: var(--wl-sh-md); transform: translateY(-2px); border-color: var(--wl-navy-border); }
.wlhq-trend-thumb {
  height: 100%; min-height: 90px;
  display: flex; align-items: center; justify-content: center;
  font-size: 32px; background: var(--wl-bg2); flex-shrink: 0;
  overflow: hidden;
}
.wlhq-trend-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wlhq-trend-thumb a { display: block; width: 100%; height: 100%; }
.wlhq-trend-body { padding: 14px; }
.wlhq-trend-body h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 15px; font-weight: 700; line-height: 1.3;
  color: var(--wl-ink); margin-bottom: 6px; margin-top: 6px; letter-spacing: -.01em;
}
.wlhq-trend-body h3 a { color: inherit; text-decoration: none; }
.wlhq-trend-card:hover .wlhq-trend-body h3 a { color: var(--wl-navy); }
.wlhq-trend-body p { font-size: 12px; color: var(--wl-ink3); line-height: 1.6; margin-bottom: 8px; }
.wlhq-trend-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: var(--wl-ink4);
  display: flex; align-items: center; gap: 8px;
}

/* ── SCHOLARSHIPS STRIP ── */
.wlhq-scholar-strip {
  background: linear-gradient(135deg, #0a1e38, #0f2d5e, #0a1e38);
  border-radius: var(--wl-radius-lg);
  padding: 28px 32px; margin-bottom: 28px;
  border: 1px solid rgba(255,255,255,.07);
  position: relative; overflow: hidden;
}
.wlhq-scholar-strip::after {
  content: '🎓'; position: absolute;
  right: -10px; bottom: -18px;
  font-size: 120px; opacity: .05;
}
.wlhq-scholar-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 4px; }
.wlhq-sch-card {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--wl-radius); padding: 18px;
  cursor: pointer; transition: all .2s; position: relative; overflow: hidden;
}
.wlhq-sch-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 2px; background: rgba(255,255,255,.28);
}
.wlhq-sch-card:hover { background: rgba(255,255,255,.09); transform: translateY(-2px); }
.wlhq-sch-dl {
  font-family: 'JetBrains Mono', monospace; font-size: 9px;
  letter-spacing: .06em; color: rgba(255,210,80,.9);
  margin-bottom: 7px; display: flex; align-items: center; gap: 4px;
}
.wlhq-sch-card h4 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 15px; font-weight: 700; color: white;
  line-height: 1.3; margin-bottom: 7px;
}
.wlhq-sch-card h4 a { color: inherit; text-decoration: none; }
.wlhq-sch-card h4 a:hover { color: rgba(200,218,255,1); }
.wlhq-sch-amt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 22px; font-weight: 700; color: rgba(210,224,255,1);
  margin-bottom: 6px; display: block; letter-spacing: -.03em;
}
.wlhq-sch-card p { font-size: 11.5px; color: rgba(255,255,255,.48); line-height: 1.6; margin-bottom: 12px; }
.wlhq-sch-apply {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(200,218,255,.8);
  display: inline-flex; align-items: center; gap: 4px;
  border-bottom: 1px solid rgba(200,218,255,.3); padding-bottom: 1px;
  text-decoration: none; transition: color .2s;
}
.wlhq-sch-apply:hover { color: white; }

/* ── AD COMPONENTS ── */
.wlhq-ad-between-posts,
.wlhq-ad-incontent {
  margin: 12px 0 20px;
  text-align: center;
}
.wlhq-ad-placeholder {
  background: var(--wl-white);
  border: 1.5px dashed var(--wl-border);
  border-radius: var(--wl-radius); padding: 14px;
  text-align: center;
}
.wlhq-ad-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--wl-ink4); margin-bottom: 8px;
  display: block;
}
.wlhq-ad-box {
  min-height: 100px;
  background: linear-gradient(135deg, var(--wl-bg), var(--wl-bg2));
  border-radius: 5px;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 5px;
  cursor: pointer; border: 1px solid var(--wl-border2);
  transition: border-color .2s;
}
.wlhq-ad-box:hover { border-color: var(--wl-navy-border); }
.wlhq-ad-box span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--wl-ink4);
}
.wlhq-sidebar-ad { margin-bottom: 0; }

/* ── SIDEBAR WIDGETS ── */

/* Newsletter */
.wlhq-nl-widget {
  background: linear-gradient(145deg, #071c3a, #0f2d5e);
  border-radius: var(--wl-radius-lg); padding: 22px;
  border: 1px solid rgba(255,255,255,.08);
  position: relative; overflow: hidden;
}
.wlhq-nl-widget::before {
  content: '✉'; position: absolute;
  right: -10px; bottom: -14px;
  font-size: 90px; opacity: .05; color: white;
}
.wlhq-nl-widget h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 19px; font-weight: 700; color: white;
  margin-bottom: 6px; line-height: 1.2; position: relative; z-index: 1;
}
.wlhq-nl-widget p { font-size: 12px; color: rgba(255,255,255,.48); line-height: 1.65; margin-bottom: 14px; position: relative; z-index: 1; }
.wlhq-nl-input {
  display: block !important; width: 100% !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 5px !important; padding: 10px 13px !important;
  font-size: 12.5px !important; color: white !important;
  margin-bottom: 9px !important; outline: none;
  transition: border-color .2s !important;
  position: relative; z-index: 1;
}
.wlhq-nl-input:focus { border-color: rgba(255,255,255,.35) !important; }
.wlhq-nl-input::placeholder { color: rgba(255,255,255,.28); }
.wlhq-nl-btn {
  width: 100%; background: white; color: var(--wl-navy);
  border: none; padding: 11px; border-radius: 5px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  cursor: pointer; transition: all .2s; position: relative; z-index: 1; display: block;
}
.wlhq-nl-btn:hover { background: var(--wl-navy-bg); }
.wlhq-nl-sub {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: rgba(255,255,255,.32);
  text-align: center; margin-top: 8px; position: relative; z-index: 1;
}
.wlhq-nl-sub strong { color: rgba(200,218,255,.7); }

/* Ebook widget */
.wlhq-ebook-widget {
  background: linear-gradient(145deg, #071c3a, #0a2248);
  border-radius: var(--wl-radius-lg);
  border: 1px solid rgba(255,255,255,.07); overflow: hidden;
}
.wlhq-ebook-cover {
  background: linear-gradient(160deg, #071c3a, #0a1a30);
  padding: 20px; display: flex; justify-content: center; align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.06);
  position: relative; overflow: hidden;
}
.wlhq-ebook-cover::after {
  content: ''; position: absolute; inset: 0;
  background: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.01) 20px, rgba(255,255,255,.01) 40px);
}
.wlhq-ebook-mockup {
  width: 106px;
  background: linear-gradient(135deg, #1a4080, #0f2d5e, #071c3a);
  border-radius: 3px 8px 8px 3px;
  padding: 16px 13px;
  box-shadow: -4px 0 0 rgba(0,0,0,.3), 8px 8px 24px rgba(0,0,0,.55), 0 0 30px rgba(15,45,94,.5);
  position: relative; z-index: 1; cursor: pointer; transition: transform .3s, box-shadow .3s;
}
.wlhq-ebook-mockup:hover {
  transform: translateY(-5px) rotate(1deg);
  box-shadow: -4px 0 0 rgba(0,0,0,.3), 14px 14px 32px rgba(0,0,0,.6), 0 0 40px rgba(15,45,94,.6);
}
.wlhq-ebook-spine {
  position: absolute; left: -4px; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, #1a4080, #071c3a);
  border-radius: 3px 0 0 3px;
}
.wlhq-ebook-stars { font-size: 10px; color: rgba(255,255,255,.4); letter-spacing: 1px; margin-bottom: 5px; }
.wlhq-ebook-title-text {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,.9);
  line-height: 1.25; margin-bottom: 8px;
}
.wlhq-ebook-author-line {
  font-family: 'JetBrains Mono', monospace;
  font-size: 7.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: rgba(255,255,255,.38);
  border-top: 1px solid rgba(255,255,255,.12); padding-top: 6px; margin-top: 4px;
}
.wlhq-ebook-body { padding: 16px 18px 20px; }
.wlhq-ebook-body h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 16px; font-weight: 700; color: white; margin-bottom: 6px; line-height: 1.25;
}
.wlhq-ebook-body p { font-size: 12px; color: rgba(255,255,255,.44); line-height: 1.65; margin-bottom: 12px; }
.wlhq-ebook-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px; padding: 4px 12px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700; letter-spacing: .08em;
  color: rgba(200,218,255,.9); margin-bottom: 12px; display: block;
}
.wlhq-ebook-cta {
  display: block; width: 100%;
  background: white; color: var(--wl-navy); border: none;
  padding: 11px; border-radius: 5px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  cursor: pointer; text-align: center; text-decoration: none; transition: all .2s;
}
.wlhq-ebook-cta:hover { background: var(--wl-navy-bg); color: var(--wl-navy); }
.wlhq-ebook-preview {
  display: block; text-align: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: rgba(255,255,255,.3);
  margin-top: 8px; cursor: pointer; transition: color .2s;
  text-decoration: none;
}
.wlhq-ebook-preview:hover { color: rgba(255,255,255,.7); }

/* Sidebar widget base */
.wlhq-sw {
  background: var(--wl-surface);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius-lg); overflow: hidden;
  box-shadow: var(--wl-sh-xs);
}
.wlhq-sw-head {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 17px; font-weight: 700;
  letter-spacing: -.01em; color: var(--wl-ink);
  padding: 16px 18px 12px;
  border-bottom: 2px solid var(--wl-navy);
  display: flex; align-items: center; justify-content: space-between;
}
.wlhq-sw-head a {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700;
  color: var(--wl-navy); letter-spacing: .06em; text-transform: uppercase;
  text-decoration: none;
}
.wlhq-sw-body { padding: 16px 18px; }

/* Latest posts widget */
.wlhq-latest-item {
  display: grid; grid-template-columns: 54px 1fr; gap: 10px;
  align-items: start; padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid var(--wl-border2); cursor: pointer;
}
.wlhq-latest-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.wlhq-latest-thumb {
  width: 54px; height: 42px; border-radius: 5px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; background: var(--wl-bg2); flex-shrink: 0; overflow: hidden;
}
.wlhq-latest-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wlhq-latest-item h4 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 13.5px; font-weight: 700;
  line-height: 1.3; color: var(--wl-ink); margin-bottom: 3px;
}
.wlhq-latest-item h4 a { color: inherit; text-decoration: none; }
.wlhq-latest-item:hover h4 a { color: var(--wl-navy); }
.wlhq-latest-meta { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: var(--wl-ink4); }

/* Popular posts widget */
.wlhq-pop-row {
  display: flex; gap: 12px; align-items: flex-start;
  padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid var(--wl-border2); cursor: pointer;
}
.wlhq-pop-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.wlhq-pop-n {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 28px; font-weight: 700;
  color: var(--wl-border); line-height: 1; min-width: 26px; flex-shrink: 0;
}
.wlhq-pop-row h4 { font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--wl-ink); margin-bottom: 3px; }
.wlhq-pop-row h4 a { color: inherit; text-decoration: none; }
.wlhq-pop-row:hover h4 a { color: var(--wl-navy); }
.wlhq-pop-row span { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--wl-ink4); }

/* Jobs widget */
.wlhq-jobs-widget {
  background: var(--wl-surface); border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius-lg); overflow: hidden; box-shadow: var(--wl-sh-xs);
}
.wlhq-jw-head {
  background: var(--wl-navy); padding: 13px 18px;
  display: flex; align-items: center; justify-content: space-between;
}
.wlhq-jw-head h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 16px; font-weight: 700; color: white;
  display: flex; align-items: center; gap: 8px; margin: 0;
}
.wlhq-jw-live {
  width: 8px; height: 8px; background: #5cf0a0;
  border-radius: 50%; animation: wl-pulse 2s infinite;
  box-shadow: 0 0 0 3px rgba(92,240,160,.2);
}
.wlhq-jw-head a {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: .08em;
  color: rgba(255,255,255,.6); text-transform: uppercase; text-decoration: none;
}
.wlhq-jw-head a:hover { color: white; }
.wlhq-jw-item {
  padding: 12px 18px; border-bottom: 1px solid var(--wl-border2);
  cursor: pointer; transition: background .15s;
}
.wlhq-jw-item:last-child { border-bottom: none; }
.wlhq-jw-item:hover { background: var(--wl-navy-bg); }
.wlhq-jw-title { font-size: 13px; font-weight: 600; color: var(--wl-ink); margin-bottom: 3px; }
.wlhq-jw-item:hover .wlhq-jw-title { color: var(--wl-navy); }
.wlhq-jw-company { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--wl-ink4); margin-bottom: 5px; }
.wlhq-jw-tags { display: flex; gap: 5px; flex-wrap: wrap; }
.wlhq-jw-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px; font-weight: 700; letter-spacing: .04em;
  padding: 2px 7px; border-radius: 10px;
}
.wlhq-jt-r { background: var(--wl-green-bg); color: var(--wl-green); }
.wlhq-jt-h { background: var(--wl-red-bg); color: var(--wl-red); }
.wlhq-jt-n { background: var(--wl-navy-bg); color: var(--wl-navy); }

/* Tools widget */
.wlhq-tool-card {
  background: var(--wl-bg); border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius); padding: 13px; margin-bottom: 9px;
  display: grid; grid-template-columns: 48px 1fr; gap: 11px;
  align-items: center; cursor: pointer; transition: all .2s;
}
.wlhq-tool-card:last-child { margin-bottom: 0; }
.wlhq-tool-card:hover { background: var(--wl-navy-bg); border-color: var(--wl-navy-border); transform: translateX(2px); }
.wlhq-tool-thumb {
  width: 48px; height: 48px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; background: var(--wl-surface); border: 1px solid var(--wl-border); flex-shrink: 0;
}
.wlhq-tool-card h4 { font-size: 13px; font-weight: 700; margin-bottom: 2px; color: var(--wl-ink); }
.wlhq-tool-card p { font-size: 11.5px; color: var(--wl-ink3); margin-bottom: 7px; }
.wlhq-tool-btn {
  display: inline-block; font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  padding: 4px 11px; border-radius: 20px; cursor: pointer; transition: all .2s; text-decoration: none;
}
.wlhq-tool-btn-navy { background: var(--wl-navy); color: white; }
.wlhq-tool-btn-navy:hover { background: var(--wl-navy2); }
.wlhq-tool-btn-dark { background: var(--wl-ink2); color: white; }
.wlhq-tool-btn-dark:hover { background: var(--wl-ink); }

/* ── RELATED POSTS ── */
.wlhq-related-posts { margin-top: 36px; }
.wlhq-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 16px; }
.wlhq-related-card {
  background: var(--wl-surface); border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius); overflow: hidden;
  transition: all .25s; cursor: pointer;
}
.wlhq-related-card:hover { transform: translateY(-3px); box-shadow: var(--wl-sh-md); border-color: var(--wl-navy-border); }
.wlhq-related-thumb {
  height: 130px; overflow: hidden;
  display: flex; align-items: center; justify-content: center; font-size: 40px;
}
.wlhq-related-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wlhq-related-body { padding: 14px; }
.wlhq-related-body h3 {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 14.5px; font-weight: 700; line-height: 1.3;
  margin-bottom: 6px; margin-top: 4px;
}
.wlhq-related-body h3 a { color: var(--wl-ink); text-decoration: none; }
.wlhq-related-card:hover .wlhq-related-body h3 a { color: var(--wl-navy); }
.wlhq-related-meta { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--wl-ink4); }

/* ── RESPONSIVE COMPONENTS ── */
@media (max-width: 900px) {
  .wlhq-hero-grid { grid-template-columns: 1fr; }
  .wlhq-hero-side { border-left: none; border-top: 1px solid var(--wl-border); }
  .wlhq-hero-side-item { grid-template-columns: 60px 1fr; }
  .wlhq-resource-strip { grid-template-columns: 1fr; gap: 24px; }
  .wlhq-scholar-grid { grid-template-columns: 1fr 1fr; }
  .wlhq-related-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .wlhq-trending-grid { grid-template-columns: 1fr; }
  .wlhq-scholar-grid { grid-template-columns: 1fr; }
  .wlhq-related-grid { grid-template-columns: 1fr; }
  .wlhq-article-row { grid-template-columns: 90px 1fr; gap: 12px; }
  .wlhq-art-thumb { width: 90px; height: 70px; }
  .wlhq-hero-title { font-size: 22px; }
  .wlhq-resource-strip { padding: 24px 20px; }
}
/* Scope all discovery styles to prevent bleed */
.wlhq-picks *,
.single-discovery-zone *,
.missed-posts-block *,
.series-block * {
    box-sizing: border-box;
}

/* ================================================================
   WORKLANDHQ — DISCOVERY.CSS
   Editor's Picks + Single Post Discovery (Series + You May Have Missed)
   ================================================================ */

/* ── Shared tokens (matches your theme's palette) ── */
:root {
    --picks-accent:     #b4783c;
    --picks-navy:       #0f2d5e;
    --picks-bg:         #f4f6f9;
    --picks-surface:    #ffffff;
    --picks-border:     #e2e6ed;
    --picks-text:       #1a1e2e;
    --picks-muted:      #6b7280;
    --picks-radius:     10px;
    --picks-shadow:     0 2px 12px rgba(15,45,94,.07);
    --picks-shadow-lg:  0 8px 32px rgba(15,45,94,.12);
}


/* ================================================================
   AD ZONES — ABOVE & BELOW EDITOR'S PICKS
   ================================================================ */

.wlhq-ad-picks-above,
.wlhq-ad-picks-below {
    margin: 24px 0;
    text-align: center;
}

.wlhq-ad-picks-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 970px;
}

.wlhq-ad-picks-above .wlhq-ad-label,
.wlhq-ad-picks-below .wlhq-ad-label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--picks-muted);
    display: block;
}

/* Admin placeholder styling — reuse your theme's existing ad placeholder */
.wlhq-ad-picks-above.wlhq-ad-placeholder,
.wlhq-ad-picks-below.wlhq-ad-placeholder {
    padding: 12px;
    background: #f0f4fa;
    border: 1.5px dashed #c5d0e0;
    border-radius: var(--picks-radius);
}

/* Responsive ad wrapper */
.wlhq-ad-picks-inner > ins,
.wlhq-ad-picks-inner > div {
    width: 100%;
    max-width: 970px;
}

@media (max-width: 728px) {
    .wlhq-ad-picks-inner > ins,
    .wlhq-ad-picks-inner > div {
        max-width: 100%;
    }
}


/* ================================================================
   EDITOR'S PICKS — SECTION
   ================================================================ */

.wlhq-picks {
    margin: 32px 0 8px;
    padding: 32px 0 0;
    border-top: 2px solid var(--picks-navy);
}

/* ── Section header ── */
.wlhq-picks__head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.wlhq-picks__label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Fraunces', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--picks-navy);
    white-space: nowrap;
    letter-spacing: -0.01em;
}

.wlhq-picks__label svg {
    color: var(--picks-accent);
    flex-shrink: 0;
}

.wlhq-picks__sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.8rem;
    color: var(--picks-muted);
    margin: 0;
    font-style: italic;
}

.wlhq-picks__rule {
    flex: 1;
    height: 1px;
    background: var(--picks-border);
    min-width: 20px;
}

/* ── Main grid: featured left + stack right ── */
.wlhq-picks__grid {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: stretch;
}

.wlhq-picks__featured {
    flex: 0 0 55%;
    max-width: 55%;
}

.wlhq-picks__stack {
    flex: 1;
    min-width: 0;
}

/* ================================================================
   FEATURED CARD (LEFT)
   ================================================================ */

.wlhq-picks__featured {
    background: var(--picks-surface);
    border-radius: var(--picks-radius);
    overflow: hidden;
    box-shadow: var(--picks-shadow);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    position: relative;
}

.wlhq-picks__featured:hover {
    box-shadow: var(--picks-shadow-lg);
    transform: translateY(-2px);
}

/* Featured image */
.wlhq-picks__feat-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    height: 220px;
    flex-shrink: 0;
}

.wlhq-picks__feat-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
}

.wlhq-picks__featured:hover .wlhq-picks__feat-img-wrap img {
    transform: scale(1.04);
}

.wlhq-picks__feat-no-img {
    width: 100%;
    height: 100%;
}

.wlhq-picks__feat-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 50%,
        rgba(15, 45, 94, 0.15) 100%
    );
    pointer-events: none;
}

/* Featured body */
.wlhq-picks__feat-body {
    padding: 22px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

/* Top row: category + badge */
.wlhq-picks__feat-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Reuse your existing .wl-tag styles — just add gap override */
.wlhq-picks__cat {
    font-size: 0.68rem !important;
    padding: 3px 10px !important;
}

/* Editor's Pick badge */
.wlhq-picks__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--picks-accent);
    background: rgba(180, 120, 60, 0.08);
    border: 1px solid rgba(180, 120, 60, 0.25);
    border-radius: 20px;
    padding: 3px 9px;
    white-space: nowrap;
}

.wlhq-picks__badge svg {
    color: var(--picks-accent);
    flex-shrink: 0;
}

/* Featured title */
.wlhq-picks__feat-title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(1.2rem, 2.2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--picks-text);
    margin: 0;
    letter-spacing: -0.02em;
}

.wlhq-picks__feat-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.wlhq-picks__feat-title a:hover {
    color: var(--picks-navy);
}

/* Excerpt */
.wlhq-picks__feat-excerpt {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.9rem;
    line-height: 1.65;
    color: #4a5568;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

/* Footer: meta + CTA */
.wlhq-picks__feat-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--picks-border);
}

.wlhq-picks__feat-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.78rem;
    color: var(--picks-muted);
    flex-wrap: wrap;
}

.wlhq-picks__avatar {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.wlhq-picks__author {
    font-weight: 600;
    color: var(--picks-text);
}

.wlhq-picks__sep {
    opacity: 0.4;
}

/* CTA button */
.wlhq-picks__feat-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--picks-navy);
    text-decoration: none;
    background: var(--picks-bg);
    border: 1.5px solid var(--picks-border);
    border-radius: 6px;
    padding: 7px 14px;
    transition: background 0.2s, border-color 0.2s, color 0.2s, gap 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.wlhq-picks__feat-cta:hover {
    background: var(--picks-navy);
    border-color: var(--picks-navy);
    color: #fff;
    gap: 8px;
}


/* ================================================================
   STACKED CARDS (RIGHT COLUMN)
   ================================================================ */

.wlhq-picks__stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--picks-surface);
    border-radius: var(--picks-radius);
    box-shadow: var(--picks-shadow);
    overflow: hidden;
    height: 100%;
}

.wlhq-picks__card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 18px;
    border-bottom: 1px solid var(--picks-border);
    transition: background 0.2s;
    position: relative;
    text-decoration: none;
}

.wlhq-picks__card:last-child {
    border-bottom: none;
}

.wlhq-picks__card:hover {
    background: var(--picks-bg);
}

/* Card body */
.wlhq-picks__card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Card category */
.wlhq-picks__card-cat {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--picks-accent);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Card title */
.wlhq-picks__card-title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--picks-text);
    margin: 0;
    letter-spacing: -0.01em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wlhq-picks__card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.wlhq-picks__card-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
}

.wlhq-picks__card:hover .wlhq-picks__card-title a {
    color: var(--picks-navy);
}

/* Card meta */
.wlhq-picks__card-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.72rem;
    color: var(--picks-muted);
}

/* Card thumbnail */
.wlhq-picks__card-img-link {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.wlhq-picks__card-img {
    width: 90px;
    height: 70px;
    border-radius: 7px;
    overflow: hidden;
    flex-shrink: 0;
}

.wlhq-picks__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.wlhq-picks__card:hover .wlhq-picks__card-img img {
    transform: scale(1.06);
}

.wlhq-picks__card-no-img {
    width: 90px;
    height: 70px;
    border-radius: 7px;
    flex-shrink: 0;
}


/* ================================================================
   RESPONSIVE — EDITOR'S PICKS
   ================================================================ */

@media (max-width: 960px) {
    .wlhq-picks__stack {
        display: flex;
        flex-direction: column;
    }

    .wlhq-picks__card {
        flex-direction: row;
        border-bottom: 1px solid var(--picks-border);
        border-right: none;
    }

    .wlhq-picks__card:last-child {
        border-bottom: none;
    }

    .wlhq-picks__card-img-link {
        order: 0;
        width: auto;
    }

    .wlhq-picks__card-img {
        width: 90px;
        height: 70px;
    }
}

@media (max-width: 640px) {
    .wlhq-picks__stack {
        grid-template-columns: 1fr;
    }

    .wlhq-picks__card {
        flex-direction: row;
        border-right: none;
        border-bottom: 1px solid var(--picks-border);
    }

    .wlhq-picks__card:last-child {
        border-bottom: none;
    }

    .wlhq-picks__card-img-link {
        order: 0;
        width: auto;
    }

    .wlhq-picks__card-img {
        width: 80px;
        height: 65px;
    }

    .wlhq-picks__card-no-img {
        width: 80px;
        height: 65px;
    }

    .wlhq-picks__feat-img-wrap {
        height: 200px;
    }

    .wlhq-picks__feat-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* ================================================================
   SINGLE POST — SERIES BLOCK
   ================================================================ */

.single-discovery-zone {
    margin-top: 56px;
    display: flex;
    flex-direction: column;
    gap: 56px;
}

/* Series block */
.series-block {
    border-top: 2px solid var(--picks-navy);
    padding-top: 32px;
}

.series-block__header {
    margin-bottom: 24px;
}

.series-block__label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--picks-accent);
    margin-bottom: 8px;
}

.series-icon {
    font-size: 0.9rem;
}

.series-block__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    font-weight: 700;
    color: var(--picks-text);
    margin: 0 0 4px;
    letter-spacing: -0.02em;
}

.series-block__desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.82rem;
    color: var(--picks-muted);
    font-style: italic;
    margin: 0;
}

.series-post-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: var(--picks-surface);
    border: 1px solid var(--picks-border);
    border-radius: var(--picks-radius);
    overflow: hidden;
    box-shadow: var(--picks-shadow);
}

.series-post-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--picks-border);
    transition: background 0.2s;
    position: relative;
}

.series-post-item:last-child {
    border-bottom: none;
}

.series-post-item:hover {
    background: var(--picks-bg);
}

.series-post-item__num {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--picks-accent);
    opacity: 0.3;
    flex-shrink: 0;
    min-width: 28px;
    line-height: 1;
    transition: opacity 0.2s;
}

.series-post-item:hover .series-post-item__num {
    opacity: 1;
}

.series-post-item__img-link {
    flex-shrink: 0;
}

.series-post-item__img-link img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 7px;
    display: block;
}

.series-post-item__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.series-post-item__cat {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--picks-accent);
}

.series-post-item__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
    color: var(--picks-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.series-post-item__title a {
    color: inherit;
    text-decoration: none;
}

.series-post-item__title a::after {
    content: '';
    position: absolute;
    inset: 0;
}

.series-post-item__read {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.72rem;
    color: var(--picks-muted);
}

.series-post-item__arrow {
    font-size: 1rem;
    color: var(--picks-muted);
    text-decoration: none;
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
    position: relative;
    z-index: 1;
}

.series-post-item:hover .series-post-item__arrow {
    color: var(--picks-navy);
    transform: translateX(4px);
}


/* ================================================================
   SINGLE POST — YOU MAY HAVE MISSED
   ================================================================ */

.missed-posts-block {
    border-top: 1px solid var(--picks-border);
    padding-top: 32px;
}

.missed-posts-block__header {
    margin-bottom: 24px;
}

.missed-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--picks-navy);
    background: var(--picks-bg);
    border: 1.5px solid var(--picks-border);
    border-radius: 20px;
    padding: 4px 12px;
    margin-bottom: 10px;
}

.missed-icon {
    color: var(--picks-accent);
    font-size: 0.85rem;
}

.missed-subtitle {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 700;
    color: var(--picks-text);
    margin: 0;
    letter-spacing: -0.02em;
}

.missed-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.missed-card {
    background: var(--picks-surface);
    border: 1px solid var(--picks-border);
    border-radius: var(--picks-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--picks-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.missed-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--picks-shadow-lg);
}

.missed-card__img-link {
    display: block;
    overflow: hidden;
    height: 140px;
}

.missed-card__img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.missed-card:hover .missed-card__img-link img {
    transform: scale(1.05);
}

.missed-card__body {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1;
}

.missed-card__cat {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--picks-accent);
    text-decoration: none;
}

.missed-card__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: var(--picks-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.missed-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.missed-card__title a:hover {
    color: var(--picks-navy);
}

.missed-card__meta {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.72rem;
    color: var(--picks-muted);
    margin-top: auto;
}

/* Shuffle button */
.missed-posts-block__footer {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.refresh-missed-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--picks-muted);
    background: none;
    border: 1.5px solid var(--picks-border);
    border-radius: 30px;
    padding: 9px 20px;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    letter-spacing: 0.02em;
}

.refresh-missed-btn:hover {
    border-color: var(--picks-navy);
    color: var(--picks-navy);
}

.refresh-missed-btn span {
    display: inline-block;
    transition: transform 0.4s ease;
}

.refresh-missed-btn:hover span {
    transform: rotate(-180deg);
}

/* ── Responsive — single discovery ── */
@media (max-width: 768px) {
    .missed-posts-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 500px) {
    .missed-posts-grid {
        grid-template-columns: 1fr;
    }

    .series-post-item__img-link {
        display: none;
    }

    .series-post-item {
        gap: 12px;
        padding: 14px 16px;
    }
}
/* ================================================================
   RESPONSIVE — MOBILE (Editor's Picks)
   ================================================================ */

@media (max-width: 600px) {

    /* Stack everything vertically */
    .wlhq-picks__grid {
        flex-direction: column;
    }

    .wlhq-picks__featured {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .wlhq-picks__stack {
        width: 100%;
        height: auto;
    }

    .wlhq-picks__feat-img-wrap {
        height: 190px;
    }

    /* Stack cards stay as rows on mobile */
    .wlhq-picks__card {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border-bottom: 1px solid var(--picks-border);
        border-right: none;
    }

    .wlhq-picks__card:last-child {
        border-bottom: none;
    }

    .wlhq-picks__card-body {
        order: 0;
        flex: 1;
        min-width: 0;
    }

    .wlhq-picks__card-img-link {
        order: 1;
        flex-shrink: 0;
    }

    .wlhq-picks__card-img {
        width: 72px;
        height: 60px;
    }

    .wlhq-picks__card-title {
        font-size: 0.85rem;
        white-space: normal;
        -webkit-line-clamp: 2;
    }

    /* Hide the horizontal rule on mobile */
    .wlhq-picks__rule {
        display: none;
    }

    /* Featured footer stacks vertically */
    .wlhq-picks__feat-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .wlhq-picks__feat-meta {
        flex-wrap: wrap;
        gap: 4px;
        font-size: 0.72rem;
    }

    .wlhq-picks__feat-cta {
        width: 100%;
        justify-content: center;
    }
}
/*
Theme Name:  WorklandHQ
Theme URI:   https://worklandhq.com
Author:      WorklandHQ
Author URI:  https://worklandhq.com
Description: The official WorklandHQ theme — a premium career blog platform built for Nigeria's career growth, remote jobs, scholarships, and side hustles audience. Navy, white, and grey brand system with full ad placement support, breaking news ticker, and editorial magazine layout.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: worklandhq
Tags:        blog, news, magazine, custom-header, custom-menu, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
*/

/* =====================================================
   WORKLANDHQ BRAND COLOUR SYSTEM
   ─────────────────────────────────────────────────────
   PRIMARY    Navy   #0f2d5e / #1a4080 / #2255a8
   NEUTRAL    White  #ffffff
   GREY       Bg     #f4f6fb / Border #d8dce8
   INK        Black  #0d0f14 / Mid #4a5168
   ===================================================== */

:root {
  --wl-white:        #ffffff;
  --wl-bg:           #f4f6fb;
  --wl-bg2:          #edf0f8;
  --wl-surface:      #ffffff;
  --wl-border:       #d8dce8;
  --wl-border2:      #e8ecf4;
  --wl-ink:          #0d0f14;
  --wl-ink2:         #1e2330;
  --wl-ink3:         #4a5168;
  --wl-ink4:         #8890a8;
  --wl-navy:         #0f2d5e;
  --wl-navy2:        #1a4080;
  --wl-navy3:        #2255a8;
  --wl-navy-bg:      #eef2fa;
  --wl-navy-border:  #c0cce8;
  --wl-navy-light:   #d0daf2;
  --wl-green:        #14633a;
  --wl-green-bg:     #eaf4ee;
  --wl-red:          #8a1c1c;
  --wl-red-bg:       #f8eaea;
  --wl-purple:       #42327a;
  --wl-purple-bg:    #eeeafa;
  --wl-grey-tag:     #3a3f50;
  --wl-grey-bg:      #eeeef4;
  --wl-sh-xs:        0 1px 4px rgba(15,45,94,.07);
  --wl-sh-sm:        0 2px 10px rgba(15,45,94,.09);
  --wl-sh-md:        0 4px 22px rgba(15,45,94,.12);
  --wl-sh-lg:        0 12px 40px rgba(15,45,94,.16);
  --wl-radius:       8px;
  --wl-radius-lg:    12px;
  --wl-max-w:        1400px;
  --wl-px:           52px;
}

/* ── RESET & BASE ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--wl-bg);
  color: var(--wl-ink);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: var(--wl-navy3); transition: color .2s; }
a:hover { color: var(--wl-navy); }

img { display: block; max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', Georgia, serif;
  color: var(--wl-ink);
  line-height: 1.2;
  letter-spacing: -.02em;
}

p { margin-bottom: 1.2em; }
p:last-child { margin-bottom: 0; }

ul, ol { padding-left: 1.5em; margin-bottom: 1em; }
li { margin-bottom: .4em; }

blockquote {
  border-left: 4px solid var(--wl-navy);
  margin: 1.5em 0;
  padding: 1em 1.5em;
  background: var(--wl-navy-bg);
  border-radius: 0 var(--wl-radius) var(--wl-radius) 0;
  font-style: italic;
  color: var(--wl-ink2);
}

code {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  background: var(--wl-bg2);
  border: 1px solid var(--wl-border);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .875em;
}

pre {
  background: var(--wl-ink2);
  color: #e8ecf4;
  border-radius: var(--wl-radius);
  padding: 1.5em;
  overflow-x: auto;
  margin-bottom: 1.5em;
}

pre code { background: none; border: none; padding: 0; color: inherit; }

hr { border: none; border-top: 1px solid var(--wl-border); margin: 2em 0; }

table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
th { background: var(--wl-navy); color: white; padding: 10px 14px; text-align: left; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
td { padding: 10px 14px; border-bottom: 1px solid var(--wl-border); font-size: 14px; }
tr:hover td { background: var(--wl-navy-bg); }

/* ── UTILITIES ── */
.container {
  max-width: var(--wl-max-w);
  margin: 0 auto;
  padding: 0 var(--wl-px);
}

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

.alignleft  { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 1em auto; }
.alignwide  { margin-left: -2em; margin-right: -2em; }
.alignfull  { margin-left: calc(-1 * var(--wl-px)); margin-right: calc(-1 * var(--wl-px)); }

.wl-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--wl-navy); color: white;
  border: none; border-radius: 6px;
  padding: 10px 22px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer; transition: all .2s; text-decoration: none;
}
.wl-btn:hover { background: var(--wl-navy2); color: white; transform: translateY(-1px); box-shadow: var(--wl-sh-sm); }
.wl-btn-outline {
  background: transparent; color: var(--wl-navy);
  border: 1.5px solid var(--wl-navy-border);
}
.wl-btn-outline:hover { background: var(--wl-navy); color: white; }

/* ── CATEGORY TAGS ── */
.wl-tag {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 20px;
}
.wl-tag-navy   { background: var(--wl-navy-bg);   color: var(--wl-navy);     border: 1px solid var(--wl-navy-light); }
.wl-tag-green  { background: var(--wl-green-bg);  color: var(--wl-green);    border: 1px solid #b8d8c4; }
.wl-tag-red    { background: var(--wl-red-bg);    color: var(--wl-red);      border: 1px solid #e0bebe; }
.wl-tag-purple { background: var(--wl-purple-bg); color: var(--wl-purple);   border: 1px solid #c8c0e0; }
.wl-tag-grey   { background: var(--wl-grey-bg);   color: var(--wl-grey-tag); border: 1px solid #ccccd8; }

/* ── FORMS ── */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
  width: 100%;
  background: var(--wl-bg);
  border: 1.5px solid var(--wl-border);
  border-radius: var(--wl-radius);
  padding: 10px 14px;
  font-size: 14px;
  font-family: inherit;
  color: var(--wl-ink);
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  margin-bottom: 10px;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--wl-navy);
  box-shadow: 0 0 0 3px rgba(15,45,94,.1);
}
input::placeholder, textarea::placeholder { color: var(--wl-ink4); }

button[type="submit"],
input[type="submit"] {
  background: var(--wl-navy);
  color: white; border: none;
  border-radius: var(--wl-radius);
  padding: 11px 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer; transition: background .2s;
}
button[type="submit"]:hover,
input[type="submit"]:hover { background: var(--wl-navy2); }

/* ── PAGINATION ── */
.wl-pagination {
  display: flex; align-items: center; justify-content: center;
  gap: 6px; margin: 40px 0; flex-wrap: wrap;
}
.wl-pagination a,
.wl-pagination span {
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid var(--wl-border);
  border-radius: var(--wl-radius);
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; font-weight: 700;
  color: var(--wl-ink3);
  transition: all .2s; text-decoration: none;
}
.wl-pagination a:hover { border-color: var(--wl-navy); color: var(--wl-navy); background: var(--wl-navy-bg); }
.wl-pagination .current { background: var(--wl-navy); color: white; border-color: var(--wl-navy); }

/* ── COMMENTS ── */
.comment-list { list-style: none; padding: 0; }
.comment { background: var(--wl-surface); border: 1px solid var(--wl-border); border-radius: var(--wl-radius); padding: 20px; margin-bottom: 16px; }
.comment-author img { border-radius: 50%; border: 2px solid var(--wl-navy-border); }
.comment-meta { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--wl-ink4); margin-bottom: 8px; }
.comment-content p { font-size: 14px; color: var(--wl-ink3); line-height: 1.7; }
.reply a { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700; color: var(--wl-navy); letter-spacing: .08em; text-transform: uppercase; }

/* ── WIDGETS ── */
.widget { margin-bottom: 28px; }
.widget-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 17px; font-weight: 700;
  color: var(--wl-ink);
  padding-bottom: 9px;
  border-bottom: 2px solid var(--wl-navy);
  margin-bottom: 14px;
}
.widget ul { list-style: none; padding: 0; }
.widget ul li { padding: 6px 0; border-bottom: 1px solid var(--wl-border2); font-size: 13.5px; }
.widget ul li:last-child { border-bottom: none; }
.widget ul li a { color: var(--wl-ink2); transition: color .15s; }
.widget ul li a:hover { color: var(--wl-navy); }

/* ── ANIMATIONS ── */
@keyframes wl-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes wl-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes wl-pulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(92,240,160,.2); }
  50%      { box-shadow: 0 0 0 7px rgba(92,240,160,.0); }
}
/*
Theme Name:   WorklandHQ Child
Theme URI:    https://worklandhq.com
Description:  Child theme for WorklandHQ — Navy blue brand, all customizations. Install this child theme to get Customizer controls for social media, newsletter, featured tools, ticker speed, ebook toggle, and more.
Author:       WorklandHQ
Template:     worklandhq
Version:      1.5.0
Text Domain:  worklandhq-child
*/
.wlhq-breaking-track{animation-duration:35s!important}.wlhq-ebook-widget{display:none!important}
/* ═══════════════════════════════════════════════════════════════
   WORKLANDHQ — NAVY BLUE BRAND SYSTEM
   ═══════════════════════════════════════════════════════════════ */
:root {
  --wl-white:        #ffffff;
  --wl-bg:           #f4f6fb;
  --wl-bg2:          #edf0f8;
  --wl-surface:      #ffffff;
  --wl-border:       #d8dce8;
  --wl-border2:      #e8ecf4;
  --wl-ink:          #0d0f14;
  --wl-ink2:         #1e2330;
  --wl-ink3:         #4a5168;
  --wl-ink4:         #8890a8;
  --wl-navy:         #0f2d5e;
  --wl-navy2:        #1a4080;
  --wl-navy3:        #2255a8;
  --wl-navy-bg:      #eef2fa;
  --wl-navy-border:  #c0cce8;
  --wl-navy-light:   #d0daf2;
  --wl-green:        #14633a;  --wl-green-bg:  #eaf4ee;
  --wl-red:          #8a1c1c;  --wl-red-bg:    #f8eaea;
  --wl-purple:       #42327a;  --wl-purple-bg: #eeeafa;
  --wl-grey-tag:     #3a3f50;  --wl-grey-bg:   #eeeef4;
  --wl-sh-xs:   0 1px 4px  rgba(15,45,94,.07);
  --wl-sh-sm:   0 2px 10px rgba(15,45,94,.09);
  --wl-sh-md:   0 4px 22px rgba(15,45,94,.12);
  --wl-sh-lg:   0 12px 40px rgba(15,45,94,.16);
  --wl-radius:    8px;
  --wl-radius-lg: 12px;
  --wl-max-w:     1400px;
  --wl-px:        52px;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 1 — REMOVE ALL "ADVERTISEMENT" LABELS AND BORDER LINES
   The text, the top border, and bottom border are all removed.
   Ads will load normally — just no label or decorative lines.
   ═══════════════════════════════════════════════════════════════ */

/* Hide the "ADVERTISEMENT" text everywhere */
.wlhq-leaderboard-ad-strip,
.wlhq-ad-label {
  display: none !important;
}

/* Remove the two black border lines from the leaderboard wrap */
.wlhq-leaderboard-ad-wrap {
  border-top: none !important;
  border-bottom: none !important;
  background: transparent !important;
}

/* Reduce padding so it sits tighter under the nav */
.wlhq-leaderboard-ad-inner {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Remove sidebar ad section borders and labels */
.wlhq-sidebar-ad {
  border: none !important;
  padding: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 2 — HERO WHITE SPACE
   The hero left side (image) and right side (stack) need to
   be equal height. Setting the grid to stretch alignment fixes
   the white space gap below the hero image.
   ═══════════════════════════════════════════════════════════════ */
.wlhq-hero-grid {
  align-items: stretch !important;
  grid-template-rows: 1fr !important;
}

.wlhq-hero-main,
.wlhq-hero-img-wrap {
  height: 100% !important;
  min-height: 350px;
}

.wlhq-hero-img-wrap {
  height: 100% !important;
}

.wlhq-hero-img,
.wlhq-hero-placeholder {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
}

.wlhq-hero-img-wrap {
  position: relative !important;
  overflow: hidden !important;
}

/* Side stack — stretch to fill full height, distribute cards evenly */
.wlhq-hero-side {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.wlhq-hero-side-item {
  flex: 1 !important;
  min-height: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 3 — SIDEBAR WIDGETS SHOWING FULLY
   The sidebar has a max-height + overflow:auto that is clipping
   widgets. Remove the height restriction so everything shows.
   ═══════════════════════════════════════════════════════════════ */
.wlhq-sidebar {
  position: static !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
}

/* Ensure each widget inside the sidebar is fully visible */
.wlhq-sidebar > * {
  overflow: visible !important;
}

.wlhq-nl-widget,
.wlhq-ebook-widget,
.wlhq-sw,
.wlhq-jobs-widget,
.wlhq-popular-widget,
.wlhq-tools-widget,
.wlhq-latest-widget {
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Make sidebar stick only after a long enough scroll on desktop */
@media (min-width: 900px) {
  .wlhq-sidebar {
    position: sticky !important;
    top: 70px !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--wl-border) transparent !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIX 4 — SEARCH BOX BUTTON ICON
   The search button shows as a blank gold/amber square because
   the SVG icon colour inherits incorrectly. Force white fill.
   ═══════════════════════════════════════════════════════════════ */
.wlhq-search-btn {
  background: var(--wl-navy) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0 !important;
}

.wlhq-search-btn svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  stroke: white !important;
  fill: none !important;
  flex-shrink: 0 !important;
}

.wlhq-search-btn svg circle,
.wlhq-search-btn svg path,
.wlhq-search-btn svg line {
  stroke: white !important;
}

/* If the icon is missing, show a fallback text */
.wlhq-search-btn:empty::after,
.wlhq-search-btn svg:not([src]):empty::after {
  content: '🔍';
  font-size: 13px;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 5 — SIDEBAR SEARCH BOX POSITION
   Move the search to top of sidebar, above the newsletter.
   This is a CSS reorder — we use order property on flex children.
   ═══════════════════════════════════════════════════════════════ */
.wlhq-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* Search widget goes first */
.wlhq-sidebar .widget_search,
.wlhq-sidebar #wlhq-sidebar-search {
  order: -2 !important;
}

/* Newsletter goes second */
.wlhq-sidebar .wlhq-nl-widget {
  order: -1 !important;
}

/* Sidebar search input styling */
.wlhq-sidebar .widget_search input[type="search"],
.wlhq-sidebar .widget_search .search-field {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--wl-border) !important;
  border-radius: var(--wl-radius) !important;
  font-size: 14px !important;
  background: var(--wl-bg) !important;
  color: var(--wl-ink) !important;
  box-sizing: border-box !important;
}

.wlhq-sidebar .widget_search input[type="submit"],
.wlhq-sidebar .widget_search .search-submit {
  background: var(--wl-navy) !important;
  color: white !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: var(--wl-radius) !important;
  cursor: pointer !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  width: 100% !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 6 — BIG AD SPACE BEFORE FOOTER
   A full-width, tall ad zone that ends the main content area.
   AdSense supports 300×600, 320×480, and custom large formats.
   We use a 480px tall zone — compatible with AdSense large display.
   ═══════════════════════════════════════════════════════════════ */
.wlhq-pre-footer-ad {
  width: 100%;
  margin: 0;
  padding: 24px var(--wl-px);
  background: var(--wl-white);
  border-top: 1px solid var(--wl-border2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wlhq-pre-footer-ad-inner {
  width: 100%;
  max-width: 970px;
  min-height: 480px;
  background: linear-gradient(135deg, #071c3a 0%, #0f2d5e 50%, #071c3a 100%);
  border-radius: var(--wl-radius);
  border: 1.5px dashed rgba(255,255,255,.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.wlhq-pre-footer-ad-inner span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.18);
}

/* Add this zone just before the footer via the hook in the theme.
   If it is not showing automatically, paste this shortcode into
   a Text widget assigned to the "Footer — Column 1" widget area:
   [wlhq_pre_footer_ad]
   OR add to footer.php manually above get_footer() */


/* ═══════════════════════════════════════════════════════════════
   FIX 7 — MOBILE PADDING — REDUCE SO CONTENT REACHES NEAR EDGE
   The content is currently too far from screen edges on mobile.
   Reduce horizontal padding from 20px to 10px on small screens.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  :root {
    --wl-px: 10px !important;
  }

  .wlhq-page-inner,
  .wlhq-breaking-inner,
  .container,
  .wlhq-nav-inner,
  .wlhq-topbar-inner,
  .wlhq-footer-inner,
  .wlhq-footer-bottom-inner,
  .wlhq-footer-top,
  .wlhq-pre-footer-ad {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Article rows — tighter on mobile */
  .wlhq-article-row {
    padding: 12px 10px !important;
  }

  /* Hero content padding */
  .wlhq-hero-content {
    padding: 16px 14px !important;
  }

  /* Resource banner */
  .wlhq-resource-strip {
    padding: 22px 14px !important;
  }

  /* Sidebar widgets */
  .wlhq-nl-widget,
  .wlhq-ebook-body,
  .wlhq-sw-body {
    padding: 16px 14px !important;
  }
}

@media (max-width: 768px) {
  :root {
    --wl-px: 14px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIX 8 — RESPONSIVE AD ZONES
   Ads must not overflow their containers on any screen size.
   ═══════════════════════════════════════════════════════════════ */

/* All ad containers — prevent overflow */
.wlhq-ad-incontent,
.wlhq-ad-between-posts,
.wlhq-sidebar-ad,
.wlhq-leaderboard-ad-inner,
.wlhq-pre-footer-ad {
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Force AdSense ins tags to be responsive */
ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Leaderboard — shrink gracefully on smaller screens */
@media (max-width: 970px) {
  .wlhq-ad-placeholder-full {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .wlhq-ad-placeholder-full {
    height: 60px !important;
    max-width: 100% !important;
  }
  .wlhq-ad-badge-left,
  .wlhq-ad-badge-right {
    display: none !important;
  }
  .wlhq-pre-footer-ad-inner {
    min-height: 280px !important;
  }
}

@media (max-width: 480px) {
  .wlhq-ad-placeholder-full {
    height: 50px !important;
  }
  .wlhq-sidebar-ad .wlhq-ad-box {
    height: 180px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .wlhq-pre-footer-ad-inner {
    min-height: 200px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   SECTION 2 — NAVY BLUE COLOUR SYSTEM
   All gold/amber is replaced with navy. Everything below
   restores the full navy brand across every component.
   ═══════════════════════════════════════════════════════════════ */

/* ── TOPBAR ── */
.wlhq-logo-mark {
  background: var(--wl-navy) !important;
  box-shadow: 0 4px 14px rgba(15,45,94,.3) !important;
}

.wlhq-search-btn:hover {
  background: var(--wl-navy2) !important;
}

.wlhq-header-search form:focus-within {
  border-color: var(--wl-navy) !important;
  box-shadow: 0 0 0 3px rgba(15,45,94,.1) !important;
}

.wlhq-action-icon:hover {
  border-color: var(--wl-navy) !important;
  color: var(--wl-navy) !important;
  background: var(--wl-navy-bg) !important;
}

.wlhq-subscribe-btn,
a.wlhq-subscribe-btn {
  background: var(--wl-navy) !important;
  border-color: var(--wl-navy) !important;
  color: white !important;
}
.wlhq-subscribe-btn:hover {
  background: var(--wl-navy2) !important;
}


/* ── NAVIGATION — solid navy bar ── */
.wlhq-main-nav {
  background: var(--wl-navy) !important;
  box-shadow: 0 2px 16px rgba(15,45,94,.3) !important;
}

.wlhq-nav-menu > li > a {
  color: rgba(255,255,255,.65) !important;
}
.wlhq-nav-menu > li > a:hover,
.wlhq-nav-menu > li.current-menu-item > a,
.wlhq-nav-menu > li.current-menu-ancestor > a {
  color: white !important;
  border-bottom-color: white !important;
}

.wlhq-nav-menu .sub-menu {
  border-top: 3px solid var(--wl-navy-light) !important;
}
.wlhq-nav-menu .sub-menu li a:hover {
  color: var(--wl-navy) !important;
  background: var(--wl-navy-bg) !important;
}

.wlhq-nav-icon { color: rgba(255,255,255,.5) !important; }
.wlhq-nav-icon:hover { color: white !important; }
.wlhq-hamburger span { background: white !important; }


/* ── BREAKING NEWS BAR ── */
.wlhq-breaking-bar {
  background: linear-gradient(to right, #071c3a, #0f2d5e, #071c3a) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.wlhq-breaking-label {
  background: white !important;
  color: var(--wl-navy) !important;
}
.wlhq-breaking-track-wrap::before {
  background: linear-gradient(to right, #0f2d5e, transparent) !important;
}
.wlhq-breaking-track-wrap::after {
  background: linear-gradient(to left, #0f2d5e, transparent) !important;
}
.wlhq-breaking-item a:hover { color: white !important; }


/* ── HERO ── */
.wlhq-hero-img,
.wlhq-hero-placeholder {
  background: linear-gradient(145deg, #071c3a 0%, #0f2d5e 50%, #0a1e30 100%) !important;
}
.wlhq-hero-overlay {
  background: linear-gradient(to top, rgba(7,28,58,.93) 0%, rgba(7,28,58,.25) 55%, transparent 100%) !important;
}
.wlhq-hero-cat .wl-tag {
  background: var(--wl-navy) !important;
  color: white !important;
  border-color: var(--wl-navy) !important;
}
.wlhq-hero-btn {
  background: white !important;
  color: var(--wl-navy) !important;
}
.wlhq-hero-btn:hover {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
}
.wlhq-hero-side-item::before { background: transparent !important; }
.wlhq-hero-side-item:hover::before { background: var(--wl-navy) !important; }
.wlhq-hero-side-item:hover h3 a { color: var(--wl-navy) !important; }
.wlhq-side-cat { color: var(--wl-navy3) !important; }


/* ── TAB BAR ── */
.wlhq-tab-item:hover {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
}
.wlhq-tab-item.active {
  background: var(--wl-navy) !important;
  color: white !important;
}


/* ── ARTICLES ── */
.wlhq-article-row:hover {
  border-left-color: var(--wl-navy) !important;
  border-color: var(--wl-navy-border) !important;
}
.wlhq-article-row:hover .wlhq-art-title a { color: var(--wl-navy) !important; }
.wlhq-art-read-link { color: var(--wl-navy) !important; }
.wlhq-view-all-btn {
  color: var(--wl-navy) !important;
  border-color: var(--wl-navy-border) !important;
  background: var(--wl-navy-bg) !important;
}
.wlhq-view-all-btn:hover {
  background: var(--wl-navy) !important;
  color: white !important;
  border-color: var(--wl-navy) !important;
}

/* Category tags — navy variant */
.wl-tag-navy {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
  border-color: var(--wl-navy-light) !important;
}


/* ── SECTION HEADERS ── */
.wlhq-sec-link { color: var(--wl-navy) !important; }
.wlhq-sec-link:hover { color: var(--wl-navy2) !important; }


/* ── RESOURCE BANNER ── */
.wlhq-resource-strip {
  background: linear-gradient(135deg, #071c3a 0%, #0f2d5e 55%, #071c3a 100%) !important;
}
.wlhq-rs-tag { color: rgba(200,218,255,.8) !important; }
.wlhq-rs-btn {
  background: white !important;
  color: var(--wl-navy) !important;
}
.wlhq-rs-btn:hover {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
}
.wlhq-rs-bullet { color: rgba(200,218,255,.8) !important; }


/* ── TRENDING ── */
.wlhq-trend-card:hover { border-color: var(--wl-navy-border) !important; }
.wlhq-trend-card:hover .wlhq-trend-body h3 a { color: var(--wl-navy) !important; }


/* ── SCHOLARSHIPS ── */
.wlhq-scholar-strip {
  background: linear-gradient(135deg, #0a1e38, #0f2d5e, #0a1e38) !important;
}
.wlhq-sch-amt { color: rgba(210,224,255,1) !important; }
.wlhq-sch-dl { color: rgba(200,218,255,.8) !important; }
.wlhq-sch-apply {
  color: rgba(200,218,255,.8) !important;
  border-bottom-color: rgba(200,218,255,.3) !important;
}
.wlhq-sch-apply:hover { color: white !important; }


/* ── SIDEBAR WIDGET HEADINGS ── */
.wlhq-sw-head,
.widget-title {
  border-bottom-color: var(--wl-navy) !important;
}
.wlhq-sw-head a { color: var(--wl-navy) !important; }


/* ── NEWSLETTER WIDGET ── */
.wlhq-nl-widget {
  background: linear-gradient(145deg, #071c3a, #0f2d5e) !important;
}
.wlhq-nl-btn {
  background: white !important;
  color: var(--wl-navy) !important;
}
.wlhq-nl-btn:hover { background: var(--wl-navy-bg) !important; }
.wlhq-nl-sub strong { color: rgba(200,218,255,.7) !important; }


/* ── EBOOK WIDGET ── */
.wlhq-ebook-widget {
  background: linear-gradient(145deg, #071c3a, #0a2248) !important;
}
.wlhq-ebook-cover {
  background: linear-gradient(160deg, #071c3a, #0a1a30) !important;
}
.wlhq-ebook-mockup {
  background: linear-gradient(135deg, #1a4080, #0f2d5e, #071c3a) !important;
  box-shadow: -4px 0 0 rgba(0,0,0,.3), 8px 8px 24px rgba(0,0,0,.55), 0 0 30px rgba(15,45,94,.5) !important;
}
.wlhq-ebook-spine {
  background: linear-gradient(to bottom, #1a4080, #071c3a) !important;
}
.wlhq-ebook-cta {
  background: white !important;
  color: var(--wl-navy) !important;
}
.wlhq-ebook-cta:hover {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
}
.wlhq-ebook-badge { color: rgba(200,218,255,.9) !important; }


/* ── LATEST / POPULAR POSTS ── */
.wlhq-latest-item:hover h4 a { color: var(--wl-navy) !important; }
.wlhq-pop-row:hover h4 a { color: var(--wl-navy) !important; }


/* ── TOOL CARDS ── */
.wlhq-tool-card:hover {
  background: var(--wl-navy-bg) !important;
  border-color: var(--wl-navy-border) !important;
}
.wlhq-tool-btn-navy {
  background: var(--wl-navy) !important;
  color: white !important;
}
.wlhq-tool-btn-navy:hover { background: var(--wl-navy2) !important; }


/* ── JOBS WIDGET ── */
.wlhq-jw-head { background: var(--wl-navy) !important; }
.wlhq-jw-item:hover { background: var(--wl-navy-bg) !important; }
.wlhq-jw-item:hover .wlhq-jw-title { color: var(--wl-navy) !important; }
.wlhq-jt-n {
  background: var(--wl-navy-bg) !important;
  color: var(--wl-navy) !important;
}


/* ── BUTTONS ── */
.wlhq-btn,
button[type="submit"],
input[type="submit"] {
  background: var(--wl-navy) !important;
  color: white !important;
}
.wlhq-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--wl-navy2) !important;
  color: white !important;
}
.wlhq-btn-outline {
  background: transparent !important;
  color: var(--wl-navy) !important;
  border-color: var(--wl-navy-border) !important;
}
.wlhq-btn-outline:hover {
  background: var(--wl-navy) !important;
  color: white !important;
}


/* ── LINKS ── */
a { color: var(--wl-navy3) !important; }
a:hover { color: var(--wl-navy) !important; }

.wlhq-article-content a {
  color: var(--wl-navy3) !important;
  border-bottom-color: var(--wl-navy-light) !important;
}
.wlhq-article-content a:hover {
  color: var(--wl-navy) !important;
  border-bottom-color: var(--wl-navy) !important;
}


/* ── SINGLE POST ── */
.wlhq-author-box { border-top-color: var(--wl-navy) !important; }
.wlhq-author-box-name a:hover { color: var(--wl-navy) !important; }
.wlhq-author-box-link { color: var(--wl-navy) !important; }
.wlhq-author-box-link:hover { color: var(--wl-navy2) !important; }
.wlhq-breadcrumb a { color: var(--wl-navy3) !important; }
.wlhq-article-tag:hover {
  background: var(--wl-navy) !important;
  color: white !important;
  border-color: var(--wl-navy) !important;
}
.wlhq-related-card:hover { border-color: var(--wl-navy-border) !important; }
.wlhq-related-card:hover .wlhq-related-body h3 a { color: var(--wl-navy) !important; }
.wlhq-comments .reply a { color: var(--wl-navy) !important; }
.wlhq-comments .comments-title,
.wlhq-comments .comment-reply-title {
  border-bottom-color: var(--wl-navy) !important;
}
#wlhq-progress-fill {
  background: linear-gradient(to right, #0f2d5e, #2255a8) !important;
}


/* ── FORMS ── */
input:focus, textarea:focus, select:focus {
  border-color: var(--wl-navy) !important;
  box-shadow: 0 0 0 3px rgba(15,45,94,.1) !important;
}


/* ── PAGINATION ── */
.wlhq-pagination a:hover {
  border-color: var(--wl-navy) !important;
  color: var(--wl-navy) !important;
  background: var(--wl-navy-bg) !important;
}
.wlhq-pagination .current {
  background: var(--wl-navy) !important;
  color: white !important;
  border-color: var(--wl-navy) !important;
}


/* ── TOC ── */
.wlhq-toc {
  background: var(--wl-navy-bg) !important;
  border-left-color: var(--wl-navy) !important;
  border-color: var(--wl-navy-border) !important;
}
.wlhq-toc-title { color: var(--wl-navy) !important; }
.wlhq-toc-list a { color: var(--wl-navy3) !important; }
.wlhq-toc-list a:hover { color: var(--wl-navy) !important; }


/* ── BLOCKQUOTES ── */
blockquote,
.wlhq-article-content blockquote {
  border-left-color: var(--wl-navy) !important;
  background: var(--wl-navy-bg) !important;
}


/* ── FOOTER ── */
.wlhq-footer { background: var(--wl-navy) !important; }
.wlhq-footer-top-bar {
  background: rgba(0,0,0,.2) !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
}
.wlhq-social-icon:hover {
  background: white !important;
  color: var(--wl-navy) !important;
  border-color: white !important;
}
.wlhq-footer-menu a:hover,
.wlhq-footer-default-col ul li a:hover {
  color: white !important;
}
.wlhq-footer-menu a:hover::before,
.wlhq-footer-default-col ul li a:hover::before {
  color: rgba(200,218,255,.8) !important;
}


/* ── AD PLACEHOLDER BOXES (navy style) ── */
.wlhq-ad-placeholder-full,
.wlhq-ad-placeholder,
.wlhq-ad-box {
  background: linear-gradient(135deg, #071c3a 0%, #0f2d5e 50%, #071c3a 100%) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.wlhq-ad-placeholder span,
.wlhq-ad-box span,
.wlhq-ad-placeholder-text * {
  color: rgba(255,255,255,.2) !important;
}


/* ── 404 PAGE ── */
.wlhq-404 h1 { color: var(--wl-navy) !important; }


/* ═══════════════════════════════════════════════════════════════
   V1.2 FIXES — Titles black, nav white, excerpts longer,
   article images full cover, most popular bold, ad spacing
   ═══════════════════════════════════════════════════════════════ */

/* ── FIX: ALL ARTICLE TITLES — BLACK, NOT BLUE ──
   Every h1/h2/h3/h4 title on cards and article rows
   should be black ink, never navy blue.
   ─────────────────────────────────────────────── */
.wlhq-art-title a,
.wlhq-art-title,
.wlhq-hero-side-title a,
.wlhq-latest-item h4 a,
.wlhq-latest-item h4,
.wlhq-related-body h3 a,
.wlhq-related-body h3,
.wlhq-trend-body h3 a,
.wlhq-trend-body h3,
.wlhq-sch-card h4 a,
.wlhq-article-row h2 a,
.wlhq-article-row h2 {
  color: var(--wl-ink) !important;
}

/* Hover — titles go navy on hover, that is fine */
.wlhq-article-row:hover .wlhq-art-title a,
.wlhq-trend-card:hover .wlhq-trend-body h3 a,
.wlhq-latest-item:hover h4 a,
.wlhq-related-card:hover .wlhq-related-body h3 a {
  color: var(--wl-navy) !important;
}

/* General link override — headings inside cards stay black */
.wlhq-article-row a,
.wlhq-trend-card a,
.wlhq-latest-item a,
.wlhq-hero-side-item a {
  color: var(--wl-ink) !important;
}
.wlhq-article-row a:hover,
.wlhq-trend-card a:hover,
.wlhq-latest-item a:hover,
.wlhq-hero-side-item a:hover {
  color: var(--wl-navy) !important;
}

/* ── FIX: HERO TITLE — WHITE (overlay on image) ──
   Only the title inside the hero overlay should be white.
   ─────────────────────────────────────────────── */
.wlhq-hero-content .wlhq-hero-title,
.wlhq-hero-content .wlhq-hero-title a {
  color: #ffffff !important;
}
.wlhq-hero-content .wlhq-hero-title a:hover {
  color: rgba(200,218,255,1) !important;
}


/* ── FIX: CATEGORY TAG TEXT — BLACK ──
   The small coloured pill tags (MY HR DIARIES etc.)
   should have black text, not blue or white.
   ─────────────────────────────────────────────── */
.wl-tag,
.wl-tag-navy,
.wl-tag-green,
.wl-tag-red,
.wl-tag-purple,
.wl-tag-grey,
.wl-tag-teal,
.wlhq-art-tag-row .wl-tag,
.wlhq-trend-body .wl-tag {
  color: var(--wl-ink) !important;
}

/* Exception: tags inside the dark hero overlay stay white */
.wlhq-hero-content .wl-tag {
  color: #ffffff !important;
}

/* ── FIX: NAV MENU LINKS — WHITE ──
   Home, My HR Diaries etc. on the navy bar should be white.
   Blue links on navy = hard to read. White = correct.
   ─────────────────────────────────────────────── */
.wlhq-main-nav,
.wlhq-nav-inner {
  background: var(--wl-navy) !important;
}

.wlhq-nav-menu > li > a,
.wlhq-nav-fallback a {
  color: rgba(255,255,255,.8) !important;
}

.wlhq-nav-menu > li > a:hover,
.wlhq-nav-menu > li.current-menu-item > a,
.wlhq-nav-menu > li.current-menu-ancestor > a,
.wlhq-nav-fallback a:hover {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}


/* ── FIX: MOST POPULAR TITLES — BOLDER ──
   The pop-row titles were rendering faint because they
   inherited a light font-weight. Force bold and darker ink.
   ─────────────────────────────────────────────── */
.wlhq-pop-row h4,
.wlhq-pop-row h4 a {
  color: var(--wl-ink) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.wlhq-pop-row:hover h4,
.wlhq-pop-row:hover h4 a {
  color: var(--wl-navy) !important;
}

.wlhq-pop-row span {
  color: var(--wl-ink4) !important;
  font-size: 10.5px !important;
}

/* The big number also gets a bolder presence */
.wlhq-pop-n {
  color: var(--wl-border) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}


/* ── FIX: EXCERPTS — LONGER AND MORE VISIBLE ──
   Increase excerpt font size, line height, and show more lines.
   ─────────────────────────────────────────────── */
.wlhq-art-excerpt {
  font-size: 14px !important;
  line-height: 1.72 !important;
  color: var(--wl-ink3) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 4px !important;
}

.wlhq-trend-body p {
  font-size: 13px !important;
  line-height: 1.68 !important;
  color: var(--wl-ink3) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Give article rows more breathing room for the longer excerpt */
.wlhq-article-row {
  padding: 20px !important;
  align-items: start !important;
}

.wlhq-art-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}


/* ── FIX: ARTICLE ROW IMAGE — FULL COVER LIKE TRENDING ──
   The "For You / My HR Diaries" article thumbnails should
   fill their box completely (object-fit: cover) like the
   trending cards, not show a small centred icon.
   ─────────────────────────────────────────────── */
.wlhq-art-thumb {
  width: 160px !important;
  height: 120px !important;
  min-width: 160px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: var(--wl-bg2) !important;
}

.wlhq-art-thumb a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.wlhq-art-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Placeholder when no image — keep navy gradient like trending */
.wlhq-thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 32px !important;
  background: linear-gradient(135deg, #071c3a, #0f2d5e) !important;
}


/* ── FIX: REMOVE "ADVERTISEMENT" LABEL ON MOBILE ──
   The text was still showing on mobile because it had
   its own responsive rule. Kill it completely everywhere.
   ─────────────────────────────────────────────── */
.wlhq-leaderboard-ad-strip,
.wlhq-ad-label,
[class*="ad-label"],
[class*="advertisement"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Also remove the lines/borders on mobile */
@media (max-width: 768px) {
  .wlhq-leaderboard-ad-wrap {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .wlhq-leaderboard-ad-strip {
    display: none !important;
  }
}


/* ── FIX: SPACE BETWEEN AD ZONE AND FIRST ARTICLE SECTION ──
   Add breathing room so the ad does not sit directly on
   top of the hero / article list.
   ─────────────────────────────────────────────── */
.wlhq-leaderboard-ad-wrap {
  margin-bottom: 0 !important;
}

.wlhq-page-wrap {
  padding-top: 20px !important;
}

.wlhq-hero-section {
  margin-top: 0 !important;
}

/* Small visual gap between leaderboard ad and hero on all screens */
.wlhq-leaderboard-ad-inner {
  padding-bottom: 16px !important;
}


/* ── MOBILE ARTICLE IMAGE — also full cover on small screens ── */
@media (max-width: 640px) {
  .wlhq-art-thumb {
    width: 100px !important;
    height: 80px !important;
    min-width: 100px !important;
  }
  .wlhq-article-row {
    grid-template-columns: 100px 1fr !important;
    gap: 12px !important;
    padding: 14px 10px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   V1.3 FIXES
   - Article row: full-height image, no overlap, proper layout
   - Excerpts: more lines
   - Sidebar: scrolls with page
   - Social media icons widget
   ═══════════════════════════════════════════════════════════════ */

/* ── FIX: ARTICLE ROW — COMPLETE LAYOUT REBUILD ──
   The image, title, author, and excerpt were overlapping.
   This rebuilds the row as a proper 2-column grid where
   the image fills its column completely top to bottom.
   ─────────────────────────────────────────────── */
.wlhq-article-row {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border-radius: var(--wl-radius) !important;
  min-height: 160px !important;
}

/* Image column — fills full height of the card */
.wlhq-art-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 180px !important;
  min-width: 180px !important;
  height: 100% !important;
  min-height: 160px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: block !important;
  position: relative !important;
}

.wlhq-art-thumb a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
}

.wlhq-art-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
}

.wlhq-thumb-placeholder {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 36px !important;
  background: linear-gradient(135deg, #071c3a, #0f2d5e) !important;
}

/* Content column — sits beside image with padding */
.wlhq-art-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  justify-content: center !important;
  min-width: 0 !important;
}

/* Tag row */
.wlhq-art-tag-row {
  margin-bottom: 2px !important;
}

/* Title */
.wlhq-art-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  margin-bottom: 4px !important;
}

/* Byline */
.wlhq-art-byline {
  font-size: 11px !important;
  margin-bottom: 4px !important;
}

/* Excerpt — 4 lines */
.wlhq-art-excerpt {
  font-size: 14px !important;
  line-height: 1.72 !important;
  color: var(--wl-ink3) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: 1 !important;
  margin-bottom: 0 !important;
}

/* Footer row */
.wlhq-art-foot {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--wl-border2) !important;
  flex-shrink: 0 !important;
}

/* Mobile — stack image on top, content below */
@media (max-width: 640px) {
  .wlhq-article-row {
    grid-template-columns: 1fr !important;
    grid-template-rows: 180px auto !important;
    min-height: auto !important;
  }
  .wlhq-art-thumb {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    position: relative !important;
  }
  .wlhq-art-body {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 14px !important;
  }
}


/* ── FIX: SIDEBAR — SCROLLS WITH PAGE ──
   Remove the independent sidebar scroll. The sidebar
   should move naturally with the page. On desktop it
   becomes sticky only when the user scrolls past it.
   ─────────────────────────────────────────────── */
.wlhq-sidebar {
  position: static !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
}

/* On desktop, sticky kicks in but with no scroll of its own */
@media (min-width: 900px) {
  .wlhq-sidebar {
    position: sticky !important;
    top: 70px !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    align-self: start !important;
  }
}


/* ── SOCIAL MEDIA ICONS WIDGET ──
   Styled social icons block that sits below search in sidebar.
   Add your links via Appearance → Customize → Footer Settings
   (social URL fields). The icons appear automatically here.
   ─────────────────────────────────────────────── */
.wlhq-social-widget {
  background: var(--wl-surface) !important;
  border: 1px solid var(--wl-border) !important;
  border-radius: var(--wl-radius-lg) !important;
  padding: 16px 18px !important;
  box-shadow: var(--wl-sh-xs) !important;
}

.wlhq-social-widget-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--wl-ink) !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--wl-navy) !important;
}

.wlhq-social-icons-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.wlhq-social-icon-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  transition: all .2s !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: white !important;
  flex-shrink: 0 !important;
}

/* Individual platform colours */
.wlhq-social-icon-link.facebook  { background: #1877f2 !important; }
.wlhq-social-icon-link.twitter   { background: #000000 !important; }
.wlhq-social-icon-link.linkedin  { background: #0077b5 !important; }
.wlhq-social-icon-link.instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) !important; }
.wlhq-social-icon-link.youtube   { background: #ff0000 !important; }
.wlhq-social-icon-link.telegram  { background: #2ca5e0 !important; }
.wlhq-social-icon-link.tiktok    { background: #000000 !important; }
.wlhq-social-icon-link.whatsapp  { background: #25d366 !important; }

.wlhq-social-icon-link:hover {
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.2) !important;
}

/* Follower count below each icon */
.wlhq-social-icon-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}

.wlhq-social-follower-count {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: var(--wl-ink4) !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}



/* ── V1.4: TICKER SPEED VIA CSS VARIABLE ── */
.wlhq-breaking-track {
  animation-name: wl-marquee !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-duration: 46s !important; /* overridden by dynamic CSS */
}


/* ── V1.4: SOCIAL WIDGET STYLES ── */
.wlhq-social-widget {
  background: var(--wl-surface);
  border: 1px solid var(--wl-border);
  border-radius: var(--wl-radius-lg);
  padding: 16px 18px;
  box-shadow: var(--wl-sh-xs);
  margin-bottom: 0;
}

.wlhq-social-widget-title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--wl-ink);
  margin-bottom: 14px;
  padding-bottom: 9px;
  border-bottom: 2px solid var(--wl-navy);
  display: block;
}

.wlhq-social-icons-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}

.wlhq-social-icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.wlhq-social-icon-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  color: white !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s !important;
  flex-shrink: 0 !important;
  font-style: normal !important;
}

.wlhq-social-icon-link:hover {
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.25) !important;
  color: white !important;
}

.wlhq-social-follower-count {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  font-weight: 700;
  color: var(--wl-ink4);
  text-align: center;
  letter-spacing: .02em;
}



/* ═══════════════════════════════════════════════════════════════
   V1.5 — MOBILE ARTICLE ROW FIX
   The image and text were overlapping on mobile because
   the grid columns were not switching properly.
   This is a clean, precise override of the parent CSS.
   ═══════════════════════════════════════════════════════════════ */

/* DESKTOP — wider image, proper two-column grid */
.wlhq-article-row {
  display: grid !important;
  grid-template-columns: 160px 1fr !important;
  grid-template-rows: auto !important;
  gap: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  min-height: 140px !important;
  overflow: hidden !important;
}

/* Image — left column, fills full height */
.wlhq-art-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 160px !important;
  min-width: 160px !important;
  height: auto !important;
  min-height: 140px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.wlhq-art-thumb a {
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  right: 0 !important; bottom: 0 !important;
  width: 100% !important; height: 100% !important;
}

.wlhq-art-thumb img {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
}

.wlhq-thumb-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 36px !important;
  background: linear-gradient(135deg, #071c3a, #0f2d5e) !important;
  width: 100% !important;
  height: 100% !important;
}

/* Content — right column with padding */
.wlhq-art-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}

/* ── MOBILE: stack image ABOVE text, NOT side by side ── */
@media (max-width: 640px) {
  .wlhq-article-row {
    grid-template-columns: 1fr !important;
    grid-template-rows: 160px auto !important;
    min-height: auto !important;
  }

  /* Image goes on top row, full width */
  .wlhq-art-thumb {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 160px !important;
    min-height: 160px !important;
    position: relative !important;
  }

  /* Content goes on bottom row */
  .wlhq-art-body {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 14px 16px !important;
  }
}

/* ── VERY SMALL MOBILE (under 400px) ── */
@media (max-width: 400px) {
  .wlhq-art-thumb {
    height: 140px !important;
    min-height: 140px !important;
  }
  .wlhq-art-body {
    padding: 12px !important;
  }
  .wlhq-art-title {
    font-size: 16px !important;
  }
}


.wlhq-footer-menu a, .wlhq-footer-default-col ul li a {
    font-size: 13px;
    color: rgba(255, 255, 255, .44);
    text-decoration: none;
    transition: color .15s;
    display: flex;
    align-items: center;
    gap: 7px;
}
a {
    color: #7187ab !important;
}

.wlhq-copyright, .wlhq-footer-credit {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    color: rgb(97 115 190);
    letter-spacing: .04em;
}
body {
    font-family
Specifies a prioritized list of font family names or generic family names. A user agent iterates through the list of family names until it matches an available font that contains a glyph for the character to be rendered.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--wl-bg);
    color: #949eb8;
    font-size: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
.wlhq-nav-right {
    display: none;
    align-items: center;
    margin-left: auto;
    padding-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, .1);
}
.wlhq-action-icon {
    width: 36px;
    height: 36px;
    border: 1.5px solid var(--wl-border);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--wl-ink3);
    transition: all .2s;
    text-decoration: none;
}
.wlhq-subscribe-btn, a.wlhq-subscribe-btn {
    background: var(--wl-navy) !important;
    border-color: var(--wl-navy) !important;
    color: white !important;
    display: none;
}