/* PinMaker HQ site: header, footer, homepage sections and article styling. */
:root {
	--pmhq-ink: #17151F;
	--pmhq-text: #3A3845;
	--pmhq-muted: #5B5966;
	--pmhq-red: #E8432E;
	--pmhq-red-soft: #FDECE8;
	--pmhq-btn: #D9381F; /* brand red, button shade (white text passes AA) */
	--pmhq-btn-dark: #B42C18;
	--pmhq-tint: #FDECE8;
	--pmhq-grey: #F1F0F4;
	--pmhq-mist: #F4F5F7;
	--pmhq-line: #E3E2E8;
	--pmhq-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--pmhq-top: var(--wp-admin--admin-bar--height, 0px);
}
body.pmhq-chrome { overflow-x: clip; }
body.pmhq-lock { overflow: hidden; }

/* ---------- shared bits ---------- */
.pmhq-header, .pmhq-foot, .pmhq-hero, .pmhq-sec, .pmhq-band, .pmhq-cta { font-family: var(--pmhq-font); color: var(--pmhq-ink); box-sizing: border-box; }
.pmhq-header *, .pmhq-foot *, .pmhq-hero *, .pmhq-sec *, .pmhq-band *, .pmhq-cta * { box-sizing: border-box; }
.pmhq-header [hidden], .pmhq-mob[hidden] { display: none !important; }
.pmhq-ic { display: block; flex: 0 0 auto; }
.pmhq-logo { display: inline-flex; align-items: center; line-height: 0; text-decoration: none !important; }
.pmhq-logo svg { height: 32px; width: auto; display: block; }
.pmhq-soon { flex: 0 0 auto; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; border-radius: 999px; background: #FFF1D6; color: #7A4B00; letter-spacing: 0; }
.pmhq-ai { font-size: 11px; font-weight: 800; line-height: 1; padding: 4px 8px; border-radius: 999px; background: var(--pmhq-red-soft); color: #A3271A; }
.pmhq-eyebrow { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; font-size: 13px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--pmhq-muted); line-height: 1.3 !important; }
.pmhq-eyebrow::before { content: ""; width: 9px; height: 9px; border-radius: 999px; background: var(--pmhq-red); flex: 0 0 auto; }
.pmhq-eyebrow--light { color: #C9C7D2; }
.pmhq-dot { color: var(--pmhq-red); }
a.pmhq-btn, .pmhq-header a.pmhq-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px;
	border-radius: 12px; background: var(--pmhq-btn); color: #fff !important; border: 0;
	font: 700 15px/1 var(--pmhq-font); text-decoration: none !important; white-space: nowrap; transition: background .15s;
}
a.pmhq-btn:hover { background: var(--pmhq-btn-dark); color: #fff !important; }
a.pmhq-btn--block { display: flex; width: 100%; height: 50px; font-size: 16px; }
a.pmhq-btn--light { background: #fff; color: var(--pmhq-ink) !important; }
a.pmhq-btn--light:hover { background: #EDEBF4; color: var(--pmhq-ink) !important; }
a.pmhq-btn--white { background: var(--pmhq-btn); color: #fff !important; height: 48px; padding: 0 22px; font-size: 16px; font-weight: 800; }
a.pmhq-btn--white:hover { background: var(--pmhq-btn-dark); color: #fff !important; }
.pmhq-header :focus-visible, .pmhq-foot :focus-visible, .pmhq-sec :focus-visible, .pmhq-band :focus-visible, .pmhq-cta :focus-visible { outline: 3px solid var(--pmhq-btn); outline-offset: 2px; border-radius: 8px; }

/* Buttons: undo theme button styles */
.pmhq-header button.pmhq-nav__btn,
.pmhq-header button.pmhq-iconbtn {
	-webkit-appearance: none; appearance: none; margin: 0 !important; box-shadow: none !important; text-transform: none !important;
	letter-spacing: 0 !important; min-height: 0 !important; line-height: 1 !important; cursor: pointer;
}

/* ---------- header ---------- */
.pmhq-header { position: sticky; top: var(--pmhq-top); z-index: 999; background: #fff; border-bottom: 1px solid var(--pmhq-line); }
@media (max-width: 600px) { .pmhq-header { top: 0; } }
.pmhq-header__bar { position: relative; max-width: 1240px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 16px; min-height: 64px; }
.pmhq-header__bar > .pmhq-logo { margin-right: auto; }
.pmhq-nav { display: flex; align-items: center; gap: 2px; }
.pmhq-nav__item { position: static; }
.pmhq-header button.pmhq-nav__btn,
.pmhq-header a.pmhq-nav__link {
	display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px !important; border: 0 !important; border-radius: 10px !important;
	background: transparent !important; color: var(--pmhq-ink) !important; font: 600 15px/1 var(--pmhq-font) !important; text-decoration: none !important;
}
.pmhq-header button.pmhq-nav__btn:hover, .pmhq-header a.pmhq-nav__link:hover,
.pmhq-header button.pmhq-nav__btn[aria-expanded="true"] { background: #F1F0F4 !important; }
.pmhq-nav__btn .pmhq-ic { transition: transform .15s; }
.pmhq-nav__btn[aria-expanded="true"] .pmhq-ic { transform: rotate(180deg); }
.pmhq-header__cta { margin-left: 8px; }
.pmhq-header button.pmhq-iconbtn {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important;
	border: 1px solid var(--pmhq-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--pmhq-ink) !important;
}
.pmhq-burger { display: none !important; }

/* mega menus */
.pmhq-mega {
	position: absolute; left: 50%; top: calc(100% + 6px); transform: translateX(-50%); width: min(1180px, calc(100vw - 32px));
	background: #fff; border: 1px solid var(--pmhq-line); border-radius: 20px; box-shadow: 0 30px 60px rgba(23, 21, 31, .16);
	padding: 20px; z-index: 5;
}
.pmhq-mega--uses { width: min(860px, calc(100vw - 32px)); display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 18px; }
.pmhq-mega__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.pmhq-mega .pmhq-soon { font-size: 10px; padding: 3px 6px; }
.pmhq-mega__col { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pmhq-header .pmhq-mega__h, .pmhq-mob__label { margin: 0 0 4px !important; padding: 0 8px; font-size: 12px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pmhq-muted); line-height: 1.4; }
.pmhq-header .pmhq-mlink {
	display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; min-height: 44px;
	color: var(--pmhq-ink) !important; text-decoration: none !important; font-size: 14px; font-weight: 600; line-height: 1.25;
}
.pmhq-header a.pmhq-mlink:hover, .pmhq-header a.pmhq-mlink[aria-current="page"] { background: var(--pmhq-grey); }
.pmhq-mlink.is-soon { color: #7B7986 !important; cursor: default; }
.pmhq-mlink__ic { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 9px; background: var(--pmhq-grey); color: var(--pmhq-ink); display: flex; align-items: center; justify-content: center; }
.pmhq-mlink__ic.is-ai { background: var(--pmhq-red-soft); color: var(--pmhq-red); }
.pmhq-mlink.is-soon .pmhq-mlink__ic { opacity: .6; }
.pmhq-mlink__t { flex: 1; min-width: 0; }
.pmhq-mlink__t small { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--pmhq-muted); }
.pmhq-mlink__sw { flex: 0 0 auto; width: 30px; height: 40px; border-radius: 7px; }
.pmhq-mega__foot { margin-top: 14px; border-top: 1px solid var(--pmhq-line); padding-top: 14px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--pmhq-muted); }
.pmhq-header a.pmhq-mega__all { font-weight: 700; font-size: 15px; color: var(--pmhq-btn-dark) !important; text-decoration: none !important; }
.pmhq-mega__uses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; align-content: start; }
.pmhq-mega__promo { background: var(--pmhq-ink); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 12px; justify-content: space-between; color: #fff; }
.pmhq-mega__promo strong { font-size: 17px; line-height: 1.3; font-weight: 800; }
.pmhq-header .pmhq-mega__promo a { color: #FFB2A6 !important; font-weight: 700; font-size: 14px; text-decoration: none !important; }
.pmhq-mega__pins { display: flex; gap: 6px; }
.pmhq-mega__pins i { width: 44px; height: 66px; border-radius: 6px; background: linear-gradient(180deg, #E9C9A8 0 38%, #3A1D3F 38% 62%, #A8C3B0 62%); transform: rotate(-6deg); }
.pmhq-mega__pins i + i { background: linear-gradient(180deg, #9FBFC9 0%, #33414A 100%); transform: rotate(6deg); }

/* mobile menu */
.pmhq-mob { position: fixed; inset: 0; z-index: 100000; background: #fff; display: flex; flex-direction: column; font-family: var(--pmhq-font); }
.pmhq-mob__top { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--pmhq-line); min-height: 64px; }
.pmhq-mob__top .pmhq-logo svg { height: 28px; }
.pmhq-mob__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 4px 16px 16px; }
.pmhq-mob__label { padding: 14px 0 2px !important; }
.pmhq-mob__group { border-bottom: 1px solid var(--pmhq-line); }
.pmhq-mob__group > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 52px; font-size: 16px; font-weight: 800; cursor: pointer; color: var(--pmhq-ink); }
.pmhq-mob__group > summary::-webkit-details-marker { display: none; }
.pmhq-mob__group[open] > summary .pmhq-ic { transform: rotate(180deg); }
.pmhq-mob__links { display: flex; flex-direction: column; padding-bottom: 8px; }
.pmhq-header .pmhq-mob__links .pmhq-mlink { padding-left: 0; padding-right: 0; }
.pmhq-header a.pmhq-mob__row { display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--pmhq-line); font-size: 16px; font-weight: 800; color: var(--pmhq-ink) !important; text-decoration: none !important; }
.pmhq-mob__foot { padding: 12px 16px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--pmhq-line); }

@media (max-width: 1100px) {
	.pmhq-mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
	.pmhq-nav, .pmhq-header__cta { display: none !important; }
	.pmhq-burger { display: inline-flex !important; }
	.pmhq-header__bar { padding: 10px 16px; min-height: 60px; }
	.pmhq-header__bar > .pmhq-logo svg { height: 28px; }
}

/* ---------- footer ---------- */
.pmhq-foot { background: var(--pmhq-ink); color: #C9C7D2; }
.pmhq-foot__in { max-width: 1240px; margin: 0 auto; padding: 48px 24px 24px; display: flex; flex-direction: column; gap: 32px; }
.pmhq-foot__grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px 40px; }
.pmhq-foot__brand { flex: 0 1 300px; display: flex; flex-direction: column; gap: 14px; }
.pmhq-foot__brand .pmhq-logo svg { height: 30px; }
.pmhq-foot__brand p { margin: 0; font-size: 14px; line-height: 1.6; max-width: 300px; color: #C9C7D2; }
.pmhq-foot__socials { display: flex; gap: 8px; flex-wrap: wrap; }
.pmhq-foot a.pmhq-foot__soc { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid #34323F; color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }
.pmhq-foot a.pmhq-foot__soc:hover { border-color: #fff; }
.pmhq-foot__col { flex: 0 1 auto; display: flex; flex-direction: column; gap: 10px; min-width: 0; max-width: 250px; }
.pmhq-foot .pmhq-foot__h { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.pmhq-foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.pmhq-foot li { margin: 0; font-size: 14px; line-height: 1.4; }
.pmhq-foot li a { color: #C9C7D2 !important; text-decoration: none !important; font-size: 14px; line-height: 1.35; }
.pmhq-foot li a:hover { color: #fff !important; text-decoration: underline !important; }
.pmhq-foot a.pmhq-foot__more { color: #FFB2A6 !important; text-decoration: none !important; font-size: 14px; font-weight: 700; }
.pmhq-foot__bottom { border-top: 1px solid #2E2C39; padding-top: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 13px; }
@media (max-width: 1000px) {
	.pmhq-foot__grid { justify-content: flex-start; }
	.pmhq-foot__brand { flex-basis: 100%; }
	.pmhq-foot__col { flex: 1 1 180px; }
}
@media (max-width: 600px) {
	.pmhq-foot__in { padding: 36px 16px 20px; gap: 24px; }
	.pmhq-foot__grid { gap: 24px 16px; }
	.pmhq-foot__col { flex: 1 1 40%; max-width: none; }
}

/* ---------- homepage sections ---------- */
body.pmhq-hero-page .entry-header { display: none !important; }
/* Remove the theme's big top and bottom padding around hero pages */
body.pmhq-hero-page .site-content > .ast-container { padding-top: 20px !important; padding-bottom: 24px !important; }
body.pmhq-hero-page #primary,
body.pmhq-hero-page .site-main,
body.pmhq-hero-page .ast-article-single,
body.pmhq-hero-page .site-main > article { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
body.pmhq-hero-page .entry-content { margin-top: 0 !important; }
body.pmhq-hero-page .entry-content > *:first-child { margin-top: 0 !important; }
/* Article group: no extra space under the FAQ */
body .entry-content > .pmhq-article { padding-bottom: 0 !important; margin-bottom: 0 !important; }
body .pmhq-article > *:last-child,
body .pmhq-article .wp-block-group__inner-container > *:last-child { margin-bottom: 0 !important; }
body .entry-content > p:empty { display: none !important; }

.pmhq-hero { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 24px; padding: 8px 0 18px; }
.pmhq-hero__text { flex: 1 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
body .entry-content .pmhq-hero h1.pmhq-hero__h1 {
	margin: 0 !important; font-family: var(--pmhq-font); font-weight: 900; font-size: clamp(31px, 2.6vw + 14px, 46px) !important;
	line-height: 1.06 !important; letter-spacing: -0.03em; color: var(--pmhq-ink);
}
.pmhq-mark { background: linear-gradient(transparent 60%, #FFD5CD 60%); color: inherit; padding: 0 2px 0 4px; }
body .entry-content .pmhq-hero p.pmhq-hero__lead { margin: 0 !important; font-size: 17px; line-height: 1.55; color: var(--pmhq-text); max-width: 640px; }
body .entry-content ul.pmhq-ticks { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
body .entry-content ul.pmhq-ticks li { margin: 0 !important; display: flex; gap: 6px; align-items: center; background: #fff; border: 1px solid var(--pmhq-line); border-radius: 999px; padding: 7px 12px; font-size: 14px; font-weight: 700; line-height: 1.2; }
body .entry-content ul.pmhq-ticks li::before { content: none !important; display: none !important; }
.pmhq-ticks .pmhq-ic { color: var(--pmhq-red); }

body .entry-content > .pmhq-sec, body .entry-content > .pmhq-band, body .entry-content > .pmhq-cta { margin-top: 48px !important; margin-bottom: 0 !important; }
body .entry-content > .pmhq-hero { margin-top: 0 !important; margin-bottom: 0 !important; }
.pmhq-sec { display: flex; flex-direction: column; gap: 20px; }
.pmhq-sec__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; }
.pmhq-sec__head > div { display: flex; flex-direction: column; gap: 8px; }
body .entry-content .pmhq-sec h2.pmhq-h2, body .entry-content .pmhq-band h2.pmhq-h2, body .entry-content .pmhq-cta h2.pmhq-h2 {
	margin: 0 !important; font-family: var(--pmhq-font); font-weight: 900; letter-spacing: -0.02em; line-height: 1.12 !important; color: var(--pmhq-ink);
	font-size: clamp(23px, 1vw + 17px, 30px) !important;
}
body .entry-content .pmhq-sec h2.pmhq-h2::after, body .entry-content .pmhq-band h2.pmhq-h2::after, body .entry-content .pmhq-cta h2.pmhq-h2::after { content: none !important; }
body .entry-content .pmhq-sec h2.pmhq-h2--sm { font-size: 20px !important; }
.pmhq-sec--tight { gap: 14px; }
body .entry-content .pmhq-alltools > .pmhq-sec + .pmhq-sec { margin-top: 36px; }
body .entry-content a.pmhq-more { font-weight: 700; font-size: 15px; color: var(--pmhq-btn-dark); text-decoration: none; }
body .entry-content a.pmhq-more:hover { text-decoration: underline; }

.pmhq-grid { display: grid; gap: 14px; }
.pmhq-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pmhq-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .pmhq-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pmhq-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pmhq-grid { gap: 10px; } .pmhq-grid--3 { grid-template-columns: minmax(0, 1fr); } }

body .entry-content .pmhq-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; background: #fff; border: 1px solid var(--pmhq-line); border-radius: 16px; padding: 18px; color: var(--pmhq-ink); text-decoration: none; transition: border-color .15s, transform .15s, box-shadow .15s; }
body .entry-content a.pmhq-card:hover { border-color: #F2B8AE; box-shadow: 0 10px 24px rgba(23, 21, 31, .07); transform: translateY(-2px); }
.pmhq-card.is-soon { background: #FBFBFC; }
.pmhq-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
.pmhq-card__ic { width: 40px; height: 40px; border-radius: 11px; background: var(--pmhq-grey); color: var(--pmhq-ink); display: flex; align-items: center; justify-content: center; }
.pmhq-card__ic.is-ai { background: var(--pmhq-red-soft); color: var(--pmhq-red); }
.pmhq-card.is-soon .pmhq-card__ic { opacity: .65; }
.pmhq-card__t { font-size: 16px; font-weight: 800; line-height: 1.3; color: var(--pmhq-ink); }
.pmhq-card__d { font-size: 14px; line-height: 1.5; color: var(--pmhq-text); }
@media (max-width: 600px) {
	body .entry-content .pmhq-card { padding: 14px; }
	.pmhq-card__d { font-size: 13px; }
	.pmhq-card__t { font-size: 15px; }
}

/* dark layouts band, full bleed */
body .entry-content > .pmhq-band { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; background: var(--pmhq-ink); color: #fff; }
.pmhq-band__in { max-width: 1240px; margin: 0 auto; padding: 44px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 28px 40px; }
.pmhq-band__text { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
body .entry-content .pmhq-band h2.pmhq-h2 { color: #fff; }
body .entry-content .pmhq-band p:not(.pmhq-eyebrow) { margin: 0 !important; font-size: 16px; line-height: 1.55; color: #C9C7D2; }
body .entry-content ul.pmhq-band__pins { flex: 2 1 560px; min-width: 0; list-style: none !important; margin: 0 !important; padding: 6px 2px 10px !important; display: flex; gap: 18px; overflow-x: auto; scrollbar-width: thin; }
body .entry-content ul.pmhq-band__pins li { margin: 0 !important; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #fff; }
body .entry-content ul.pmhq-band__pins li::before { content: none !important; display: none !important; }
.pmhq-mini { --band: #17151F; --acc: #E8432E; position: relative; width: 104px; height: 156px; border-radius: 8px; overflow: hidden; background: var(--band); display: grid; box-shadow: 0 10px 24px rgba(0, 0, 0, .3); }
.pmhq-mini i, .pmhq-mini b { display: block; }
.pmhq-mini--collage { grid-template: 1fr 30% 1fr / 1fr 1fr; gap: 3px; }
.pmhq-mini--collage i:nth-child(1) { background: #E9C9A8; } .pmhq-mini--collage i:nth-child(2) { background: #A8C3B0; }
.pmhq-mini--collage i:nth-child(3) { background: #D8C4E0; grid-row: 3; } .pmhq-mini--collage i:nth-child(4) { background: #F2B8A8; grid-row: 3; }
.pmhq-mini--collage b { grid-row: 2; grid-column: 1 / -1; margin: auto; width: 72%; height: 8px; border-radius: 3px; background: #fff; }
.pmhq-mini--collage b + b { width: 50%; background: var(--acc); transform: translateY(14px); position: absolute; left: 25%; top: calc(50% - 4px); }
.pmhq-mini--overlay { background: linear-gradient(180deg, #9FBFC9 0%, #7FA6B3 55%, #33414A 100%); align-content: end; justify-items: center; gap: 5px; padding: 0 10px 18px; }
.pmhq-mini--overlay i { display: none; }
.pmhq-mini--overlay b { width: 80%; height: 8px; border-radius: 3px; background: #fff; }
.pmhq-mini--overlay b + b { width: 58%; background: var(--acc); }
.pmhq-mini--top { grid-template-rows: 38% 1fr; }
.pmhq-mini--top i:nth-child(1) { background: var(--band); } .pmhq-mini--top i:nth-child(2) { background: linear-gradient(160deg, #E9C9A8, #8D6E63); } .pmhq-mini--top i:nth-child(n+3) { display: none; }
.pmhq-mini--top b { position: absolute; left: 12%; top: 13%; width: 76%; height: 8px; border-radius: 3px; background: #fff; }
.pmhq-mini--top b + b { top: 23%; width: 52%; left: 24%; background: var(--acc); }
.pmhq-mini--text { align-content: center; justify-items: center; gap: 6px; padding: 12px; }
.pmhq-mini--text i { width: 70%; height: 7px; border-radius: 3px; background: #fff; }
.pmhq-mini--text i:nth-child(2) { width: 85%; height: 10px; background: var(--acc); }
.pmhq-mini--text i:nth-child(3) { width: 60%; }
.pmhq-mini--text i:nth-child(4) { width: 30%; height: 3px; margin-top: 4px; background: var(--acc); }
.pmhq-mini--text b { display: none; }
.pmhq-mini--split { grid-template: 1fr 1fr / 1fr; gap: 3px; }
.pmhq-mini--split i:nth-child(1) { background: #B9B4A9; } .pmhq-mini--split i:nth-child(2) { background: #E9C9A8; } .pmhq-mini--split i:nth-child(n+3) { display: none; }
.pmhq-mini--split b { position: absolute; left: 8px; top: 8px; width: 34px; height: 12px; border-radius: 3px; background: var(--band); }
.pmhq-mini--split b + b { top: auto; bottom: 8px; background: var(--acc); }

/* use cases */
body .entry-content .pmhq-use { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--pmhq-line); border-radius: 16px; padding: 12px; color: var(--pmhq-ink); text-decoration: none; min-width: 0; transition: border-color .15s; }
body .entry-content a.pmhq-use:hover { border-color: #F2B8AE; }
.pmhq-use__sw { flex: 0 0 auto; width: 52px; height: 70px; border-radius: 9px; }
.pmhq-use__txt { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pmhq-use > .pmhq-ic { color: var(--pmhq-red); }

/* blog cards */
body .entry-content .pmhq-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--pmhq-line); border-radius: 16px; overflow: hidden; color: var(--pmhq-ink); text-decoration: none; min-width: 0; }
body .entry-content a.pmhq-post:hover { border-color: #F2B8AE; }
.pmhq-post__media { display: block; aspect-ratio: 1200 / 630; background: var(--pmhq-mist); overflow: hidden; }
body .entry-content .pmhq-post__media img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border-radius: 0; max-width: none; }
.pmhq-post__body { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.pmhq-post__meta { font-size: 13px; font-weight: 700; color: var(--pmhq-muted); }

/* closing CTA */
body .entry-content > .pmhq-cta { margin-bottom: 8px !important; }
.pmhq-cta { background: var(--pmhq-ink); border-radius: 20px; padding: 26px 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; }
.pmhq-cta > div { display: flex; flex-direction: column; gap: 4px; }
body .entry-content .pmhq-cta h2.pmhq-h2 { color: #fff; font-size: clamp(22px, 0.6vw + 18px, 26px) !important; }
.pmhq-cta .pmhq-dot { color: var(--pmhq-red); }
body .entry-content .pmhq-cta p { margin: 0 !important; font-size: 15px; color: #C9C7D2; }

@media (max-width: 600px) {
	body .entry-content > .pmhq-sec, body .entry-content > .pmhq-band, body .entry-content > .pmhq-cta { margin-top: 36px !important; }
	.pmhq-band__in { padding: 28px 16px; gap: 18px; }
	body .entry-content ul.pmhq-band__pins { gap: 12px; }
	.pmhq-mini { width: 84px; height: 126px; }
	.pmhq-cta { padding: 22px 18px; border-radius: 16px; }
	a.pmhq-btn--white { width: 100%; }
	.pmhq-hero { padding-top: 0; gap: 14px; }
	body .entry-content .pmhq-hero p.pmhq-hero__lead { font-size: 15px; }
	body .entry-content ul.pmhq-ticks li { font-size: 13px; padding: 6px 10px; }
}

/* ---------- article styling: headings, bullets, numbers, FAQ ---------- */
body .entry-content h2.wp-block-heading::after { content: ""; display: block; width: 36px; height: 4px; border-radius: 2px; background: var(--pmhq-red); margin-top: 10px; }

body .entry-content ul.wp-block-list { list-style: none; padding-left: 0; margin-left: 0; }
body .entry-content ul.wp-block-list > li { position: relative; padding-left: 30px; }
body .entry-content ul.wp-block-list > li::before {
	content: ""; position: absolute; left: 0; top: .32em; width: 20px; height: 20px; border-radius: 999px; background: var(--pmhq-red-soft);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8432E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
	background-size: 13px; background-position: center; background-repeat: no-repeat;
}
body .entry-content ol.wp-block-list { list-style: none; padding-left: 0; margin-left: 0; counter-reset: pmhq; }
body .entry-content ol.wp-block-list > li { position: relative; padding-left: 40px; counter-increment: pmhq; min-height: 28px; }
body .entry-content ol.wp-block-list > li::before {
	content: counter(pmhq); position: absolute; left: 0; top: .1em; width: 28px; height: 28px; border-radius: 999px; background: var(--pmhq-red); color: #fff;
	font: 800 14px/28px var(--pmhq-font); text-align: center;
}

body .entry-content .wp-block-details { background: #fff; border: 1px solid var(--pmhq-line); border-radius: 14px; padding: 0 !important; overflow: hidden; }
body .entry-content .wp-block-details > summary {
	list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 15px 18px; cursor: pointer;
	font-weight: 700; font-size: 17px; line-height: 1.4; color: var(--pmhq-ink);
}
body .entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
body .entry-content .wp-block-details > summary::marker { content: ""; }
body .entry-content .wp-block-details > summary::after {
	content: "+"; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 999px; background: var(--pmhq-tint); color: var(--pmhq-btn);
	font: 800 18px/28px var(--pmhq-font); text-align: center;
}
body .entry-content .wp-block-details[open] > summary::after { content: "\2212"; background: var(--pmhq-btn); color: #fff; }
body .entry-content .wp-block-details[open] > summary { margin-bottom: 0 !important; padding-bottom: 6px; }
body .entry-content .wp-block-details > :not(summary) { padding: 0 18px; }
body .entry-content .wp-block-details > :last-child:not(summary) { padding-bottom: 16px; }
@media (max-width: 600px) {
	body .entry-content .wp-block-details > summary { font-size: 16px; padding: 13px 14px; }
	body .entry-content .wp-block-details > :not(summary) { padding: 0 14px; }
}

/* ---------- article images: always show the whole image at its real shape ---------- */
body .entry-content .pmhq-figure img,
body .entry-content figure.wp-block-image.pmhq-figure img {
	aspect-ratio: auto !important; object-fit: initial !important; height: auto !important; width: auto !important;
	max-width: min(100%, 820px) !important; display: block; margin: 0 auto;
}
body.home .entry-content .pmhq-figure img { max-width: min(100%, 720px) !important; }
body .entry-content figure.wp-block-image.pmhq-figure { width: auto !important; height: auto !important; }

/* ---------- post and page titles ---------- */
body.single .entry-header .entry-title,
body.page:not(.pmhq-hero-page) .entry-header .entry-title {
	font-family: var(--pmhq-font) !important; font-weight: 800 !important; letter-spacing: -0.025em !important;
	font-size: clamp(28px, 1.4vw + 18px, 38px) !important; line-height: 1.15 !important; color: var(--pmhq-ink) !important;
}
/* Blog list, category and search cards */
body.blog .entry-title, body.archive .entry-title, body.search .entry-title,
body.blog .entry-title a, body.archive .entry-title a, body.search .entry-title a {
	font-family: var(--pmhq-font) !important; font-weight: 800 !important; letter-spacing: -0.015em !important;
	font-size: 21px !important; line-height: 1.3 !important; color: var(--pmhq-ink) !important; text-decoration: none !important;
}
body.blog .entry-title a:hover, body.archive .entry-title a:hover, body.search .entry-title a:hover { color: var(--pmhq-btn-dark) !important; }
body.blog .page-title, body.archive .page-title, body.archive .ast-archive-title { font-family: var(--pmhq-font) !important; font-weight: 800 !important; font-size: clamp(28px, 1.4vw + 18px, 38px) !important; line-height: 1.15 !important; }
/* Meta line (author, date, category) */
body .entry-meta, body .entry-meta * { font-size: 14px; }
body .entry-meta a, body .ast-blog-meta-container a, body .ast-taxonomy-container a { color: var(--pmhq-btn-dark) !important; text-decoration: none; }
@media (max-width: 600px) {
	body.single .entry-header .entry-title,
	body.page:not(.pmhq-hero-page) .entry-header .entry-title { font-size: 27px !important; }
	body.blog .entry-title, body.archive .entry-title, body.search .entry-title,
	body.blog .entry-title a, body.archive .entry-title a, body.search .entry-title a { font-size: 19px !important; }
}

/* Pages: featured image is for sharing only, not shown on the page (posts unchanged). */
body.page .ast-single-post-featured-section,
body.page .entry-header .post-thumb-img-content,
body.page .post-thumb-img-content { display: none; }

/* Header: popular tool links */
.pmhq-header a.pmhq-nav__link[aria-current="page"] { color: var(--pmhq-btn) !important; }
.pmhq-mega__for { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pmhq-mega__for b { font-weight: 700; color: var(--pmhq-ink); margin-right: 2px; }
.pmhq-header .pmhq-mega__for a { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border: 1px solid var(--pmhq-line); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--pmhq-ink) !important; text-decoration: none !important; background: #fff; }
.pmhq-header .pmhq-mega__for a:hover { border-color: var(--pmhq-btn); color: var(--pmhq-btn) !important; }
@media (max-width: 1240px) { .pmhq-header button.pmhq-nav__btn, .pmhq-header a.pmhq-nav__link { padding: 0 9px !important; font-size: 14.5px !important; } }
@media (max-width: 1120px) { .pmhq-header a.pmhq-q4 { display: none !important; } }
@media (max-width: 1030px) { .pmhq-header a.pmhq-q3 { display: none !important; } }
