.hfaq{--ink:#0B2A4A;--blue:#1854A8;--blue-deep:#0C3D82;--blue-wash:#EAF2FD;
	--green:#0E8F5E;--wa:#25D366;--paper:#F4F7FB;--line:#E4EAF1;--muted:#5B7291;
	--fd:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fb:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--wrap:820px;
	font-family:var(--fb);color:var(--ink)}
.hfaq *{box-sizing:border-box;margin:0;padding:0}
/* Force the FAQ column to center at --wrap even if GeneratePress's content
   container renders wider. !important guards against the boxed-container width
   winning on the live site (the "full-width, dead-margins" symptom). */
.hfaq-wrap{max-width:var(--wrap)!important;width:100%;margin-left:auto!important;margin-right:auto!important;padding:0 24px}
.hfaq-header{max-width:none}
.hfaq-header h1,.hfaq-header p{max-width:var(--wrap);margin-left:auto;margin-right:auto}

/* Header */
.hfaq-header{background:#fff;padding:clamp(44px,5vw,68px) 24px clamp(8px,2vw,16px);text-align:center}
.hfaq-header h1{font-family:var(--fd);font-size:clamp(26px,4vw,40px);font-weight:700;color:var(--ink);margin-bottom:12px}
.hfaq-header p{font-size:15px;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.7}
.hfaq-header a{color:var(--blue);text-decoration:underline}
.hfaq-header a:hover{text-decoration:none}

/* Body */
.hfaq-body{padding:clamp(40px,5vw,64px) 0;background:#fff}

/* Group */
.hfaq-group{margin-bottom:clamp(32px,4vw,48px)}
.hfaq-group__title{
	font-family:var(--fd);font-size:clamp(19px,2.2vw,24px);font-weight:700;
	color:var(--ink);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--acc,var(--line));line-height:1.25;
	display:flex;align-items:center;gap:10px}
.hfaq-group__emoji{font-size:1.15em;line-height:1}

/* Item — individual cards (Leeford style) */
.hfaq-group__items{display:grid;gap:12px}
.hfaq-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--acc,var(--blue));
	border-radius:12px;box-shadow:0 6px 18px -14px rgba(11,42,74,.3);transition:.15s}
.hfaq-item:hover{border-color:var(--acc,var(--blue));box-shadow:0 10px 26px -14px rgba(11,42,74,.4);transform:translateY(-1px)}
.hfaq-item:hover{border-left-color:var(--acc,var(--blue))}
.hfaq-item.is-open{border-color:var(--acc,var(--blue))}
.hfaq-item__q{
	width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:18px 20px;background:none;border:0;cursor:pointer;text-align:left;
	font-family:var(--fb);font-size:15px;font-weight:600;color:var(--ink);line-height:1.4
}
.hfaq-item__q:hover{color:var(--acc,var(--blue))}
.hfaq-item__icon{flex:none;width:28px;height:28px;border-radius:50%;background:var(--acc,var(--blue));
	display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}
.hfaq-item.is-open .hfaq-item__icon{transform:rotate(45deg) scale(1.08);filter:brightness(0.88)}
.hfaq-item__a{overflow:hidden}
.hfaq-item__a-inner{padding:0 20px 18px;font-size:15px;color:var(--muted);line-height:1.75}
.hfaq-item__a-inner a{color:var(--blue);text-decoration:none}
.hfaq-item__a-inner a:hover{text-decoration:underline}

/* Help block */
.hfaq-help{background:var(--blue-wash);border-radius:16px;padding:clamp(28px,4vw,44px);
	text-align:center;margin-top:clamp(32px,4vw,48px)}
.hfaq-help__icon{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--blue);
	display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
	box-shadow:0 6px 18px -8px rgba(24,84,168,.3)}
.hfaq-help h3{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}
.hfaq-help p{font-size:15px;color:var(--muted);margin-bottom:20px}
.hfaq-help__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hfaq-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);
	font-weight:700;font-size:14px;padding:12px 24px;border-radius:999px;
	text-decoration:none;transition:.18s}
.hfaq-btn--wa{background:var(--wa);color:#fff}
.hfaq-btn--wa:hover{background:#1da851;color:#fff}
.hfaq-btn--outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.hfaq-btn--outline:hover{background:var(--blue);color:#fff}

@media(max-width:560px){
	.hfaq-wrap{padding:0 16px}
	.hfaq-item__q{padding:15px 16px;font-size:15px;gap:12px}
	.hfaq-item__a-inner{padding:0 16px 16px}
	.hfaq-help__btns{flex-direction:column}
	.hfaq-help__btns .hfaq-btn{justify-content:center;width:100%}
}