/* Hivve Resource Hub
   Markup and CSS copied from the approved Hivve Insights reference build.
   Everything is scoped under .hrh so theme styles can't collide with it. */

.hrh {
	--hrh-navy:      #011E48;
	--hrh-blue:      #0047AB;
	--hrh-blue-lt:   #0073E6;
	--hrh-blue-pale: #E8F1FC;
	--hrh-blue-tint: #F5F8FE;
	--hrh-off-white: #F5F8FE;
	--hrh-border:    #DCE6F2;
	--hrh-border-lt: #EAF1F9;
	--hrh-text-mid:  #5A6B7E;
	--hrh-text-lt:   #8C8C8C;
	--hrh-radius:    4px;
	--hrh-max:       1200px;
	--hrh-fd: "Funnel Display", Arial, sans-serif;
	--hrh-fb: "Geist", Arial, -apple-system, BlinkMacSystemFont, sans-serif;

	font-family: var(--hrh-fb);
	color: #333;
	-webkit-font-smoothing: antialiased;
}
.hrh *,
.hrh *::before,
.hrh *::after { box-sizing: border-box; }
.hrh img { max-width: 100%; display: block; }

.hrh .container {
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* ── EYEBROW ── */
.hrh .eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 14px;
}
.hrh .eyebrow--blue { color: var(--hrh-blue-lt); }
.hrh .eyebrow--navy { color: var(--hrh-navy); opacity: .5; }

/* ── FILTER BAR ── */
.hrh .filter-bar { padding: 0; }
.hrh .filter-bar .eyebrow { margin-bottom: 18px; }

.hrh .lib-toolbar {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 24px 32px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--hrh-border);
}
.hrh .lib-tabs { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; }
.hrh .lib-tab {
	position: relative;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--hrh-text-mid);
	padding: 12px 16px;
	cursor: pointer;
	transition: color .15s;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	white-space: nowrap;
}
.hrh .lib-tab:hover { color: var(--hrh-navy); }
.hrh .lib-tab--active { color: var(--hrh-navy); border-bottom-color: var(--hrh-blue-lt); }
.hrh .lib-tab--soon { color: var(--hrh-text-lt); cursor: default; }
.hrh .lib-tab--soon:hover { color: var(--hrh-text-lt); }
.hrh .lib-tab__tag {
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: var(--hrh-blue-lt);
	background: var(--hrh-blue-pale);
	border-radius: 100px;
	padding: 2px 7px;
}

.hrh .lib-refine { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; flex-wrap: wrap; }
.hrh .lib-select { position: relative; display: inline-flex; }
.hrh .lib-select select {
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	color: var(--hrh-text-mid);
	background: #fff;
	border: 1px solid var(--hrh-border);
	border-radius: 3px;
	padding: 9px 34px 9px 14px;
	cursor: pointer;
	transition: all .15s;
}
.hrh .lib-select select:hover { border-color: var(--hrh-blue-lt); color: var(--hrh-navy); }
.hrh .lib-select select:focus { outline: none; border-color: var(--hrh-blue-lt); box-shadow: 0 0 0 3px rgba(0,115,230,.15); }
.hrh .lib-select svg {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--hrh-text-lt);
}

/* ── FEATURED ── */
.hrh .ins-featured { padding: 0; }
.hrh .ins-featured__grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 28px;
	margin-top: 48px;
}
.hrh .ins-featured__side { display: flex; flex-direction: column; gap: 24px; }

/* ── CARD ── */
.hrh .ins-card {
	border: 1px solid var(--hrh-border);
	border-radius: var(--hrh-radius);
	overflow: hidden;
	transition: all .25s;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	background: #fff;
}
.hrh .ins-card:hover {
	box-shadow: 0 12px 40px rgba(0,48,87,.1);
	transform: translateY(-3px);
	border-color: rgba(21,87,160,.25);
}
.hrh .ins-card__img {
	height: 220px;
	background: var(--hrh-blue-pale);
	position: relative;
	overflow: hidden;
}
.hrh .ins-card--sm .ins-card__img { height: 160px; }
.hrh .ins-card__img--sm { height: 140px; }

/* featured image */
.hrh .ins-card__img-media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* fallback pattern when a post has no featured image */
.hrh .ins-card__img-pattern {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--hrh-blue-pale) 0%, var(--hrh-blue-tint) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hrh-blue-lt);
}
.hrh .ins-card__img-label {
	position: absolute;
	bottom: 12px;
	left: 12px;
	background: var(--hrh-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 100px;
	letter-spacing: .5px;
	text-transform: uppercase;
}
/* optional per-post badge, top-left */
.hrh .ins-card__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	border-radius: 100px;
	padding: 3px 8px;
}

.hrh .ins-card__body { padding: 28px 24px; flex: 1; display: flex; flex-direction: column; }
.hrh .ins-card--sm .ins-card__body { padding: 20px 18px; }
.hrh .ins-card__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.hrh .ins-card__type {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hrh-blue);
}
.hrh .ins-card__date { font-size: 11px; color: var(--hrh-text-lt); }
.hrh .ins-card h3 {
	font-family: var(--hrh-fd);
	font-size: 20px;
	font-weight: 700;
	color: var(--hrh-navy);
	line-height: 1.3;
	margin: 0 0 12px;
	letter-spacing: -0.01em;
}
.hrh .ins-card--sm h3 { font-size: 16px; }
.hrh .ins-card p {
	font-size: 14px;
	line-height: 1.72;
	color: var(--hrh-text-mid);
	flex: 0 0 auto;
	margin: 0 0 14px;
}
.hrh .ins-card p:last-of-type { margin-bottom: 20px; }
.hrh .ins-card__cta {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--hrh-blue);
	margin-top: auto;
}
.hrh .ins-card__cta svg { transition: transform .2s; }
.hrh .ins-card:hover .ins-card__cta svg { transform: translateX(3px); }

/* ── ARTICLES GRID ── */
.hrh .ins-grid { padding: 0; }
.hrh .ins-grid__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 48px;
}

/* ── STATES ── */
.hrh .ins-card[hidden],
.hrh [hidden] { display: none !important; }
.hrh .hrh-empty {
	text-align: center;
	padding: 48px 0;
	color: var(--hrh-text-mid);
	font-size: 14px;
}

/* ── RESPONSIVE (reference breakpoints) ── */
@media (max-width: 980px) {
	.hrh .ins-featured__grid { grid-template-columns: 1fr; }
	.hrh .ins-grid__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
	.hrh .container { padding: 0; }
	.hrh .ins-grid__grid { grid-template-columns: 1fr; }
	.hrh .lib-toolbar { align-items: stretch; }
	.hrh .lib-refine { width: 100%; padding-bottom: 14px; }
	.hrh .lib-select,
	.hrh .lib-select select { flex: 1; width: 100%; }
}

/* =========================================================================
   SECTIONS: Events, Newsletter, Final CTA
   Copied from the reference build. Scoped under .hrh.
   ====================================================================== */

.hrh { --hrh-yellow: #F1C611; }
.hrh a { text-decoration: none; color: inherit; }

/* ── BUTTONS ── */
.hrh .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 2px solid transparent;
	white-space: nowrap;
	font-family: inherit;
}
.hrh .btn svg { flex-shrink: 0; transition: transform .2s; }
.hrh .btn:hover svg { transform: translateX(2px); }
.hrh .btn--primary { background: var(--hrh-blue-lt); color: #fff; border-color: var(--hrh-blue-lt); }
.hrh .btn--primary:hover {
	background: var(--hrh-yellow);
	border-color: var(--hrh-yellow);
	color: var(--hrh-navy);
	opacity: .9;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(1,30,72,.22);
}
.hrh .btn--outline-navy { background: transparent; color: var(--hrh-navy); border-color: var(--hrh-navy); }
.hrh .btn--outline-navy:hover { background: var(--hrh-navy); color: #fff; }
.hrh .btn--ghost {
	background: transparent;
	color: var(--hrh-blue);
	padding: 0;
	border: none;
	font-size: 15px;
	font-weight: 600;
	gap: 8px;
	display: inline-flex;
	align-items: center;
	transition: all .2s ease;
}
.hrh .btn--ghost:hover { color: var(--hrh-navy); gap: 12px; }
.hrh .btn--ghost svg { transition: transform .2s; }

/* ── EVENTS ── */
.hrh .ins-events__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 0;
	flex-wrap: wrap;
}
.hrh .ins-events__head h2 {
	font-family: var(--hrh-fd);
	font-size: 34px;
	font-weight: 800;
	color: var(--hrh-navy);
	letter-spacing: -.8px;
	line-height: 1.15;
	margin: 0;
}
.hrh .ins-events__head h2 em { font-style: normal; color: var(--hrh-blue-lt); }
.hrh .ins-events__head p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--hrh-text-mid);
	max-width: 440px;
	margin: 10px 0 0;
}

/* ── SYMPOSIUM ── */
.hrh .symposium {
	position: relative;
	overflow: hidden;
	border-radius: var(--hrh-radius);
	margin-bottom: 48px;
	background: linear-gradient(150deg, var(--hrh-navy) 0%, #00407A 100%);
}
.hrh .symposium__dots {
	position: absolute;
	top: -80px;
	right: -100px;
	width: 440px;
	height: 440px;
	background-image: radial-gradient(circle, rgba(255,255,255,.4) 1.4px, transparent 1.6px);
	background-size: 18px 18px;
	opacity: .12;
	pointer-events: none;
}
.hrh .symposium__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 48px;
	align-items: center;
	padding: 48px 48px;
}
.hrh .symposium__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 100px;
	padding: 6px 14px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 22px;
}
.hrh .symposium__badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--hrh-yellow); flex-shrink: 0; }
.hrh .symposium h3 {
	font-family: var(--hrh-fd);
	font-size: 34px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.8px;
	line-height: 1.12;
	margin: 0 0 16px;
}
.hrh .symposium h3 em { font-style: normal; color: var(--hrh-blue-lt); }
.hrh .symposium__lede {
	font-size: 16px;
	line-height: 1.75;
	color: rgba(255,255,255,.66);
	margin: 0 0 28px;
	max-width: 520px;
}
.hrh .symposium__meta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 32px; }
.hrh .symposium__meta-item {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,.85);
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 3px;
	padding: 9px 14px;
}
.hrh .symposium__meta-item svg { flex-shrink: 0; color: var(--hrh-blue-lt); }
.hrh .symposium__ctas { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.hrh .symposium__ctas .btn--ghost { color: rgba(255,255,255,.8); }
.hrh .symposium__ctas .btn--ghost:hover { color: #fff; }
.hrh .symposium__stats {
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: var(--hrh-radius);
	overflow: hidden;
}
.hrh .symposium__stat { background: linear-gradient(150deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); padding: 22px 26px; }
.hrh .symposium__stat-num {
	font-family: var(--hrh-fd);
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.8px;
	line-height: 1;
}
.hrh .symposium__stat-label { font-size: 12px; color: rgba(255,255,255,.5); margin-top: 6px; line-height: 1.4; }

/* ── WEBINARS ── */
.hrh .webinars__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.hrh .wb-card {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--hrh-border);
	border-radius: var(--hrh-radius);
	background: #fff;
	padding: 0;
	transition: all .25s;
	overflow: hidden;
}

/* Optional image, sitting on top of the card like the post cards. */
.hrh .wb-card__media {
	display: block;
	position: relative;
	height: 180px;
	overflow: hidden;
	background: var(--hrh-blue-pale);
	flex-shrink: 0;
}
.hrh .wb-card__media-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.hrh .wb-card:hover .wb-card__media-img { transform: scale(1.04); }
.hrh .wb-card:hover { box-shadow: 0 12px 40px rgba(0,48,87,.1); transform: translateY(-3px); border-color: rgba(21,87,160,.25); }

.hrh .wb-card__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 26px 24px;
}

.hrh .wb-card__top { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.hrh .wb-card__when { display: flex; flex-direction: column; }
.hrh .wb-card__date {
	flex-shrink: 0;
	width: 60px;
	text-align: center;
	border: 1px solid var(--hrh-border);
	border-radius: 3px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #fff;
}
.hrh .wb-card__date-mon {
	display: block;
	background: var(--hrh-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 0;
}
.hrh .wb-card__date-day {
	display: block;
	font-family: var(--hrh-fd);
	font-size: 24px;
	font-weight: 800;
	color: var(--hrh-navy);
	padding: 8px 0;
	line-height: 1;
}
.hrh .wb-card__series {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hrh-blue);
	margin-bottom: 6px;
}
.hrh .wb-card__time { font-size: 12px; color: var(--hrh-text-lt); display: flex; align-items: center; gap: 6px; }
.hrh .wb-card__time svg { color: currentColor; flex-shrink: 0; }
.hrh .wb-card h4 {
	font-family: var(--hrh-fd);
	font-size: 17px;
	font-weight: 700;
	color: var(--hrh-navy);
	line-height: 1.3;
	margin: 0 0 14px;
}

/* Speakers: any number, stacked. */
.hrh .wb-card__speakers { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.hrh .wb-card__speaker { display: flex; align-items: center; gap: 10px; }
.hrh .wb-card__speaker-meta { display: flex; flex-direction: column; min-width: 0; }
.hrh .wb-card__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0;
	background: linear-gradient(135deg, var(--hrh-blue), var(--hrh-blue-lt));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	overflow: hidden;
}
.hrh .wb-card__avatar--img { background: none; }
.hrh .wb-card__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.hrh .wb-card__speaker-name { display: block; font-size: 13px; font-weight: 600; color: var(--hrh-navy); line-height: 1.3; }
.hrh .wb-card__speaker-role { display: block; font-size: 12px; color: var(--hrh-text-lt); line-height: 1.3; }
.hrh .wb-card__cta {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--hrh-blue);
	margin-top: auto;
}
.hrh .wb-card__cta svg { transition: transform .2s; }
.hrh .wb-card:hover .wb-card__cta svg { transform: translateX(3px); }


/* ── NEWSLETTER ── */
.hrh .ins-newsletter { padding: 0; color: #fff; }
.hrh .eyebrow--azure { color: var(--hrh-blue-lt); }
.hrh .ins-newsletter__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.hrh .ins-newsletter__copy h2 {
	font-family: var(--hrh-fd);
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -.8px;
	line-height: 1.2;
	margin: 0 0 14px;
	color: #fff;
}
.hrh .ins-newsletter__copy h2 em { color: var(--hrh-blue-lt); font-style: normal; }
.hrh .ins-newsletter__copy p { font-size: 16px; color: rgba(255,255,255,.6); line-height: 1.75; margin: 0; }
.hrh .ins-newsletter__form { display: flex; flex-direction: column; gap: 12px; }
.hrh .ins-newsletter__form p { font-size: 13px; color: rgba(255,255,255,.4); margin: 0; }
.hrh .nl-input-row { display: flex; gap: 10px; }
.hrh .nl-input {
	flex: 1;
	padding: 14px 18px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,.2);
	background: rgba(255,255,255,.08);
	color: #fff;
	font-size: 15px;
	font-family: inherit;
}
.hrh .nl-input::placeholder { color: rgba(255,255,255,.35); }
.hrh .nl-input:focus { outline: none; border-color: var(--hrh-blue-lt); background: rgba(255,255,255,.12); }

/* ── FINAL CTA ── */
.hrh .page-cta { padding: 0; text-align: center; }
.hrh .page-cta h2 {
	font-family: var(--hrh-fd);
	font-size: 36px;
	font-weight: 800;
	color: var(--hrh-navy);
	letter-spacing: -1px;
	margin: 0 0 16px;
}
.hrh .page-cta h2 em { color: var(--hrh-blue-lt); font-style: normal; }
.hrh .page-cta p { font-size: 16px; color: var(--hrh-text-mid); max-width: 480px; margin: 0 auto 32px; }
.hrh .page-cta__ctas { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }

/* ── RESPONSIVE (reference breakpoints) ── */
@media (max-width: 900px) {
	.hrh .symposium__inner { grid-template-columns: 1fr; gap: 32px; padding: 36px 28px; }
	.hrh .symposium__stats { flex-direction: row; }
	.hrh .symposium__stat { flex: 1; }
	.hrh .webinars__grid { grid-template-columns: 1fr; }
	.hrh .ins-newsletter__inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 600px) {
	.hrh .symposium__stats { flex-direction: column; }
	.hrh .nl-input-row { flex-direction: column; }
	.hrh .btn { justify-content: center; }
}


/* =========================================================================
   BANDS
   Design defaults only. Every one of these is overridden by the element's
   own Elementor Style controls (background, border, padding), so nothing
   here locks you in.
   ====================================================================== */

.hrh .hrh-band--heading   { padding: 0; }
.hrh .hrh-band--symposium { padding: 0; }
.hrh .hrh-band--webinars  { padding: 0; }
.hrh .hrh-band .symposium { margin-bottom: 0; }

/* Column counts are per-element controls. */
.hrh .ins-grid__grid { grid-template-columns: repeat(var(--hrh-cols, 3), 1fr); }
.hrh .webinars__grid { grid-template-columns: repeat(var(--hrh-cols, 3), 1fr); }

/* The hero featured card stretches to match the side column. Let the body
   fill it so long copy uses the space instead of leaving a gap. */
.hrh .ins-featured__grid > .ins-card .ins-card__body { justify-content: flex-start; }

@media (max-width: 1000px) {
	.hrh .ins-grid__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.hrh .webinars__grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.hrh .ins-grid__grid { grid-template-columns: 1fr; }
}

/* =========================================================================
   WEBINAR LANDING PAGE
   Only used by the built-in single template.
   ====================================================================== */

.hrh-single .container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

.hrh-single .wb-hero {
	position: relative;
	overflow: hidden;
	padding: 72px 0;
	background: linear-gradient(150deg, var(--hrh-navy) 0%, #00407A 100%);
	background-size: cover;
	background-position: center;
}
.hrh-single .wb-hero__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(150deg, rgba(1,30,72,.92) 0%, rgba(0,64,122,.82) 100%);
}
.hrh-single .wb-hero__dots {
	position: absolute;
	top: -80px;
	right: -100px;
	width: 440px;
	height: 440px;
	background-image: radial-gradient(circle, rgba(255,255,255,.4) 1.4px, transparent 1.6px);
	background-size: 18px 18px;
	opacity: .12;
	pointer-events: none;
}
.hrh-single .wb-hero .container { position: relative; z-index: 1; }
.hrh-single .wb-hero__inner { display: grid; grid-template-columns: 1fr 140px; gap: 48px; align-items: center; }
.hrh-single .wb-hero h1 {
	font-family: var(--hrh-fd);
	font-size: 42px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -1px;
	line-height: 1.1;
	margin: 0 0 16px;
}
.hrh-single .wb-hero__lede {
	font-size: 17px;
	line-height: 1.7;
	color: rgba(255,255,255,.7);
	margin: 0 0 28px;
	max-width: 620px;
}
.hrh-single .wb-hero__past {
	font-size: 14px;
	color: rgba(255,255,255,.6);
	margin: 0;
}
.hrh-single .wb-hero__date {
	text-align: center;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: var(--hrh-radius);
	overflow: hidden;
	background: rgba(255,255,255,.06);
}
.hrh-single .wb-hero__date-mon {
	display: block;
	background: rgba(255,255,255,.12);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 8px 0;
}
.hrh-single .wb-hero__date-day {
	display: block;
	font-family: var(--hrh-fd);
	font-size: 46px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	padding: 14px 0 6px;
}
.hrh-single .wb-hero__date-yr {
	display: block;
	font-size: 12px;
	color: rgba(255,255,255,.5);
	padding-bottom: 12px;
}

.hrh-single .wb-body { padding: 72px 0; background: #fff; }
.hrh-single .wb-body__grid { display: grid; grid-template-columns: 1fr 340px; gap: 56px; align-items: start; }
.hrh-single .wb-body__main { font-size: 16px; line-height: 1.8; color: var(--hrh-text-mid); }
.hrh-single .wb-body__main h2,
.hrh-single .wb-body__main h3 {
	font-family: var(--hrh-fd);
	color: var(--hrh-navy);
	letter-spacing: -.4px;
	margin: 32px 0 12px;
}
.hrh-single .wb-body__main h2 { font-size: 26px; }
.hrh-single .wb-body__main h3 { font-size: 20px; }
.hrh-single .wb-body__main p { margin: 0 0 18px; }
.hrh-single .wb-body__main ul,
.hrh-single .wb-body__main ol { margin: 0 0 18px; padding-left: 22px; }
.hrh-single .wb-body__main li { margin-bottom: 8px; }
.hrh-single .wb-body__main a { color: var(--hrh-blue); text-decoration: underline; }

.hrh-single .wb-panel {
	border: 1px solid var(--hrh-border);
	border-radius: var(--hrh-radius);
	padding: 26px 24px;
	margin-bottom: 20px;
	background: #fff;
}
.hrh-single .wb-panel--cta { background: var(--hrh-blue-tint); border-color: var(--hrh-border-lt); }
.hrh-single .wb-panel--cta p { font-size: 14px; color: var(--hrh-text-mid); margin: 0 0 18px; line-height: 1.6; }
.hrh-single .wb-panel__title {
	font-family: var(--hrh-fd);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--hrh-blue);
	margin: 0 0 18px;
}
.hrh-single .wb-speaker { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.hrh-single .wb-speaker:last-child { margin-bottom: 0; }
.hrh-single .wb-speaker__avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	flex-shrink: 0;
	background: linear-gradient(135deg, var(--hrh-blue), var(--hrh-blue-lt));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
}
.hrh-single .wb-speaker__avatar--img { background: none; }
.hrh-single .wb-speaker__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.hrh-single .wb-speaker__name { font-size: 15px; font-weight: 600; color: var(--hrh-navy); line-height: 1.3; }
.hrh-single .wb-speaker__role { font-size: 13px; color: var(--hrh-text-lt); line-height: 1.4; margin-top: 2px; }

.hrh-single .wb-more { padding: 72px 0; background: var(--hrh-off-white); border-top: 1px solid var(--hrh-border-lt); }
.hrh-single .wb-more__title {
	font-family: var(--hrh-fd);
	font-size: 26px;
	font-weight: 800;
	color: var(--hrh-navy);
	letter-spacing: -.6px;
	margin: 0 0 28px;
}

@media (max-width: 900px) {
	.hrh-single .wb-hero__inner { grid-template-columns: 1fr; gap: 28px; }
	.hrh-single .wb-hero__date { max-width: 140px; }
	.hrh-single .wb-hero h1 { font-size: 32px; }
	.hrh-single .wb-body__grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 620px) {
	.hrh-single .container { padding: 0 20px; }
	.hrh-single .wb-hero, .hrh-single .wb-body, .hrh-single .wb-more { padding: 48px 0; }
}

/* =========================================================================
   SINGLE POST ELEMENTS
   Design defaults only. Every one is overridden by the element's own
   Elementor Style controls.
   ====================================================================== */

/* ── Category ── */
.hrh .hrh-pcat { display: flex; flex-wrap: wrap; gap: 8px; }
.hrh .hrh-pcat__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--hrh-blue);
	transition: color .15s;
}
.hrh .hrh-pcat__item:hover { color: var(--hrh-navy); }
.hrh .hrh-pcat__icon { font-size: 13px; line-height: 1; }

/* ── Title ── */
.hrh .hrh-ptitle {
	font-family: var(--hrh-fd);
	font-size: 40px;
	font-weight: 800;
	color: var(--hrh-navy);
	letter-spacing: -1.2px;
	line-height: 1.15;
	margin: 0;
}

/* ── Excerpt ── */
.hrh .hrh-pexcerpt p {
	font-size: 18px;
	line-height: 1.6;
	color: var(--hrh-text-mid);
	margin: 0 0 12px;
}
.hrh .hrh-pexcerpt p:last-child { margin-bottom: 0; }

/* ── Byline ── */
.hrh .hrh-pby { display: flex; align-items: center; gap: 12px; }
.hrh .hrh-pby__avatar { flex-shrink: 0; line-height: 0; }
.hrh .hrh-pby__avatar img { border-radius: 50%; display: block; }
.hrh .hrh-pby__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hrh .hrh-pby__line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.hrh .hrh-pby__author { font-size: 15px; font-weight: 600; color: var(--hrh-navy); transition: color .15s; }
a.hrh-pby__author:hover { color: var(--hrh-blue); }
.hrh .hrh-pby__meta { font-size: 13px; color: var(--hrh-text-lt); }
.hrh .hrh-pby__sep { opacity: .6; }

/* ── Action bar ── */
.hrh .hrh-pact {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0;
}
.hrh .hrh-pact__spacer { flex: 1; }
.hrh .hrh-pact__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	border: none;
	background: none;
	border-radius: 4px;
	cursor: pointer;
	color: var(--hrh-text-lt);
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	transition: color .15s, background-color .15s;
	-webkit-tap-highlight-color: transparent;
}
.hrh .hrh-pact__btn:hover { color: var(--hrh-navy); }
.hrh .hrh-pact__icon { display: inline-flex; line-height: 0; }
.hrh .hrh-pact__icon svg { display: block; }
.hrh .hrh-pact__count { font-variant-numeric: tabular-nums; }
.hrh .hrh-pact__label { display: none; }
.hrh .hrh-pact--labels .hrh-pact__label { display: inline; }

/* Clap */
.hrh .hrh-pact__clap.is-on { color: var(--hrh-navy); }
.hrh .hrh-pact__clap.is-pop .hrh-pact__icon { animation: hrh-pop .35s ease; }
.hrh .hrh-pact__clap.is-maxed { opacity: .65; cursor: default; }
@keyframes hrh-pop {
	0%   { transform: scale(1); }
	40%  { transform: scale(1.28) rotate(-8deg); }
	100% { transform: scale(1); }
}
.hrh .hrh-pact__bump {
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translate(-50%, 0);
	background: var(--hrh-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 4px 7px;
	border-radius: 100px;
	opacity: 0;
	pointer-events: none;
}
.hrh .hrh-pact__bump.is-show { animation: hrh-bump .7s ease forwards; }
@keyframes hrh-bump {
	0%   { opacity: 0; transform: translate(-50%, 0) scale(.7); }
	25%  { opacity: 1; transform: translate(-50%, -12px) scale(1); }
	75%  { opacity: 1; transform: translate(-50%, -18px) scale(1); }
	100% { opacity: 0; transform: translate(-50%, -26px) scale(.9); }
}

/* Bookmark */
.hrh .hrh-pact__mark.is-on { color: var(--hrh-blue); }
.hrh .hrh-pact__mark.is-on .hrh-pact__icon svg path { fill: currentColor; }

/* Listen */
.hrh .hrh-pact__listen.is-on { color: var(--hrh-blue); }

/* Toast */
.hrh .hrh-pact__toast {
	position: absolute;
	right: 0;
	bottom: calc(100% + 8px);
	background: var(--hrh-navy);
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 8px 12px;
	border-radius: 4px;
	opacity: 0;
	transform: translateY(4px);
	pointer-events: none;
	transition: opacity .2s, transform .2s;
	white-space: nowrap;
}
.hrh .hrh-pact__toast.is-on { opacity: 1; transform: translateY(0); }

@media (max-width: 620px) {
	.hrh .hrh-ptitle { font-size: 28px; letter-spacing: -.8px; }
	.hrh .hrh-pexcerpt p { font-size: 16px; }
	.hrh .hrh-pact__btn { padding: 7px 8px; }
	.hrh .hrh-pact--labels .hrh-pact__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.hrh .hrh-pact__clap.is-pop .hrh-pact__icon,
	.hrh .hrh-pact__bump.is-show { animation: none; }
}

/* =========================================================================
   RESPONSES
   Design defaults only; every one is overridable in the element's Style tab.
   ====================================================================== */

.hrh .hrh-cmts__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.hrh .hrh-cmts__title {
	font-family: var(--hrh-fd);
	font-size: 22px;
	font-weight: 700;
	color: var(--hrh-navy);
	letter-spacing: -.4px;
	margin: 0;
}

/* ── Form ── */
.hrh .hrh-cmts__form { margin-bottom: 28px; }
.hrh .hrh-cform__intro { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.hrh .hrh-cform__intro img { border-radius: 50%; display: block; }
.hrh .hrh-cform__label { font-size: 14px; font-weight: 500; color: var(--hrh-text-lt); }
.hrh .hrh-cform__field { margin: 0 0 12px; }
.hrh .hrh-cform__field textarea {
	width: 100%;
	border: 1px solid var(--hrh-border-lt);
	border-radius: var(--hrh-radius);
	background: var(--hrh-blue-tint);
	padding: 14px 16px;
	font-family: var(--hrh-fb);
	font-size: 14px;
	line-height: 1.6;
	color: var(--hrh-navy);
	resize: vertical;
	transition: border-color .15s, background-color .15s;
}
.hrh .hrh-cform__field textarea::placeholder { color: var(--hrh-text-lt); }
.hrh .hrh-cform__field textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--hrh-blue);
}
.hrh .hrh-cform .form-submit { margin: 0; display: flex; justify-content: flex-end; }
.hrh .hrh-cform__submit {
	border: none;
	background: var(--hrh-navy);
	color: #fff;
	font-family: var(--hrh-fb);
	font-size: 13px;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 100px;
	cursor: pointer;
	transition: background-color .15s;
}
.hrh .hrh-cform__submit:hover { background: var(--hrh-blue); }
.hrh .hrh-cform .comment-form-cookies-consent,
.hrh .hrh-cform .comment-notes { font-size: 12px; color: var(--hrh-text-lt); }
.hrh .hrh-cmts__closed,
.hrh .hrh-cmts__empty { font-size: 14px; color: var(--hrh-text-lt); margin: 0; }

/* ── A response ── */
.hrh .hrh-cmt { padding: 22px 0; border-top: 1px solid var(--hrh-border-lt); }
.hrh .hrh-cmts__list > .hrh-cmt:first-child { border-top: none; }
.hrh .hrh-cmt__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.hrh .hrh-cmt__avatar { flex-shrink: 0; line-height: 0; }
.hrh .hrh-cmt__avatar img { border-radius: 50%; display: block; }
.hrh .hrh-cmt__meta { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.hrh .hrh-cmt__author { font-size: 14px; font-weight: 600; color: var(--hrh-navy); line-height: 1.3; }
.hrh .hrh-cmt__author a { color: inherit; }
.hrh .hrh-cmt__author a:hover { color: var(--hrh-blue); }
.hrh .hrh-cmt__date { font-size: 12px; color: var(--hrh-text-lt); line-height: 1.3; }

.hrh .hrh-cmt__body { position: relative; margin-bottom: 12px; }
.hrh .hrh-cmt__text { font-size: 14px; line-height: 1.7; color: var(--hrh-text-mid); }
.hrh .hrh-cmt__text p { margin: 0 0 10px; }
.hrh .hrh-cmt__text p:last-child { margin-bottom: 0; }
.hrh .hrh-cmt__text a { color: var(--hrh-blue); text-decoration: underline; }
/* Clamp collapses long responses; the button only appears if truly cut off. */
.hrh .hrh-cmt__body.is-clamped .hrh-cmt__text {
	display: -webkit-box;
	-webkit-line-clamp: var(--hrh-clamp, 3);
	line-clamp: var(--hrh-clamp, 3);
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hrh .hrh-cmt__more {
	border: none;
	background: none;
	padding: 0;
	margin-top: 2px;
	font-family: inherit;
	font-size: 13px;
	color: var(--hrh-text-lt);
	text-decoration: underline;
	cursor: pointer;
}
.hrh .hrh-cmt__more:hover { color: var(--hrh-navy); }

.hrh .hrh-cmt__actions { display: flex; align-items: center; gap: 18px; }
.hrh .hrh-cmt__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: none;
	background: none;
	padding: 0;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	color: var(--hrh-text-lt);
	cursor: pointer;
	transition: color .15s;
	-webkit-tap-highlight-color: transparent;
}
.hrh .hrh-cmt__btn:hover { color: var(--hrh-navy); }
.hrh .hrh-cmt__icon { display: inline-flex; line-height: 0; }
.hrh .hrh-cmt__icon svg { width: 17px; height: 17px; display: block; }
.hrh .hrh-cmt__count { font-variant-numeric: tabular-nums; }
.hrh .hrh-cmt__clap.is-on { color: var(--hrh-navy); }
.hrh .hrh-cmt__clap.is-pop .hrh-cmt__icon { animation: hrh-pop .35s ease; }
.hrh .hrh-cmt__clap.is-maxed { opacity: .65; }
.hrh .hrh-cmt__replies.is-loading { opacity: .5; }
.hrh .hrh-cmt__bump {
	position: absolute;
	top: -4px;
	left: 6px;
	background: var(--hrh-navy);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 100px;
	opacity: 0;
	pointer-events: none;
}
.hrh .hrh-cmt__bump.is-show { animation: hrh-bump .7s ease forwards; }
.hrh .hrh-cmt__reply .comment-reply-link {
	font-size: 13px;
	font-weight: 500;
	color: var(--hrh-text-lt);
	transition: color .15s;
}
.hrh .hrh-cmt__reply .comment-reply-link:hover { color: var(--hrh-navy); }

/* Replies sit indented under their parent rather than nesting forever. */
.hrh .hrh-cmt__thread { margin: 16px 0 0 34px; border-left: 2px solid var(--hrh-border-lt); padding-left: 18px; }
.hrh .hrh-cmt--reply { padding: 14px 0; border-top: none; }
.hrh .hrh-cmt__thread > .hrh-cmt--reply + .hrh-cmt--reply { border-top: 1px solid var(--hrh-border-lt); }

/* ── See all responses ── */
.hrh .hrh-cmts__foot { margin-top: 24px; }
.hrh .hrh-cmts__load {
	border: 1px solid var(--hrh-border);
	background: none;
	border-radius: 100px;
	padding: 11px 22px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	color: var(--hrh-navy);
	cursor: pointer;
	transition: all .15s;
}
.hrh .hrh-cmts__load:hover { border-color: var(--hrh-navy); background: var(--hrh-blue-tint); }
.hrh .hrh-cmts__load.is-loading { opacity: .6; cursor: default; }

@media (max-width: 620px) {
	.hrh .hrh-cmt__actions { gap: 14px; }
	.hrh .hrh-cmt__thread { margin-left: 12px; padding-left: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.hrh .hrh-cmt__clap.is-pop .hrh-cmt__icon,
	.hrh .hrh-cmt__bump.is-show { animation: none; }
}
.hrh-single .wb-panel__form { font-size: 14px; }
.hrh-single .wb-panel__form input[type="text"],
.hrh-single .wb-panel__form input[type="email"],
.hrh-single .wb-panel__form input[type="tel"],
.hrh-single .wb-panel__form select,
.hrh-single .wb-panel__form textarea {
	width: 100%;
	border: 1px solid var(--hrh-border);
	border-radius: var(--hrh-radius);
	padding: 10px 12px;
	font-family: var(--hrh-fb);
	font-size: 14px;
	background: #fff;
}
.hrh-single .wb-panel__form input[type="submit"] {
	border: none;
	background: var(--hrh-blue);
	color: #fff;
	font-family: var(--hrh-fb);
	font-weight: 600;
	padding: 11px 22px;
	border-radius: 100px;
	cursor: pointer;
}

/* =========================================================================
   FACT PANEL
   ====================================================================== */
.hrh .hrh-facts { background: #fff; }
.hrh .hrh-facts__brand { margin-bottom: 22px; }
.hrh .hrh-facts__logo img { max-width: 100%; height: auto; display: block; }
.hrh .hrh-facts__initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--hrh-navy);
	color: #fff;
	font-family: var(--hrh-fd);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .5px;
}
.hrh .hrh-facts__title {
	font-family: var(--hrh-fd);
	font-size: 15px;
	font-weight: 700;
	color: var(--hrh-navy);
	margin: 0 0 16px;
}
.hrh .hrh-facts__list { margin: 0; }
.hrh .hrh-facts--stack .hrh-facts__row { padding: 14px 0; border-top: 1px solid var(--hrh-border-lt); }
.hrh .hrh-facts--stack .hrh-facts__row:first-child { border-top: none; padding-top: 0; }
.hrh .hrh-facts--grid .hrh-facts__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; }
.hrh .hrh-facts--grid .hrh-facts__row { padding: 0; }
.hrh .hrh-facts__label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--hrh-text-lt);
	margin: 0 0 4px;
}
.hrh .hrh-facts__value {
	font-size: 15px;
	font-weight: 600;
	color: var(--hrh-navy);
	line-height: 1.4;
	margin: 0;
}
@media (max-width: 620px) {
	.hrh .hrh-facts--grid .hrh-facts__list { grid-template-columns: 1fr; }
}

/* =========================================================================
   TABLE OF CONTENTS
   ====================================================================== */
.hrh .hrh-toc__title {
	font-family: var(--hrh-fd);
	font-size: 15px;
	font-weight: 700;
	color: var(--hrh-navy);
	margin: 0 0 14px;
}
.hrh .hrh-toc__list { list-style: none; margin: 0; padding: 0; }
.hrh .hrh-toc__link {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--hrh-navy);
	line-height: 1.4;
	transition: color .15s;
}
.hrh .hrh-toc__link:hover { color: var(--hrh-blue); }
.hrh .hrh-toc__link.is-active { color: var(--hrh-blue); }

/* Vertical: the boxed list */
.hrh .hrh-toc--vertical {
	border: 1px solid var(--hrh-border-lt);
	border-radius: var(--hrh-radius);
	padding: 22px 20px;
	background: #fff;
}
.hrh .hrh-toc--vertical .hrh-toc__item { border-top: 1px solid var(--hrh-border-lt); }
.hrh .hrh-toc--vertical .hrh-toc__item:first-child { border-top: none; }
.hrh .hrh-toc--vertical .hrh-toc__link { padding: 11px 0; }
.hrh .hrh-toc--vertical .hrh-toc__item--h3 .hrh-toc__link { padding-left: 14px; font-weight: 500; font-size: 13px; }

/* Horizontal: the section bar */
.hrh .hrh-toc--horizontal .hrh-toc__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px;
}
.hrh .hrh-toc--horizontal .hrh-toc__link {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--hrh-text-lt);
	padding: 16px 0;
	border-bottom: 2px solid transparent;
}
.hrh .hrh-toc--horizontal .hrh-toc__link:hover { color: var(--hrh-navy); }
.hrh .hrh-toc--horizontal .hrh-toc__link.is-active { color: var(--hrh-blue); border-bottom-color: var(--hrh-blue); }

/* Numbered */
.hrh .hrh-toc.is-numbered .hrh-toc__list { counter-reset: hrh-toc; }
.hrh .hrh-toc.is-numbered .hrh-toc__link::before {
	counter-increment: hrh-toc;
	content: counter(hrh-toc) ". ";
	color: var(--hrh-text-lt);
	font-weight: 600;
}
.hrh .hrh-toc__empty { font-size: 13px; color: var(--hrh-text-lt); margin: 0; }

@media (max-width: 620px) {
	.hrh .hrh-toc--horizontal .hrh-toc__list { gap: 18px; overflow-x: auto; flex-wrap: nowrap; }
	.hrh .hrh-toc--horizontal .hrh-toc__link { white-space: nowrap; }
}

/* =========================================================================
   WEBINAR DETAILS PANEL
   ====================================================================== */
.hrh .hrh-wbd { background: #fff; padding: 30px 28px; }
.hrh .hrh-wbd__badge {
	display: inline-block;
	background: var(--hrh-blue-pale);
	color: var(--hrh-blue);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 8px 14px;
	border-radius: 3px;
	margin-bottom: 22px;
}
.hrh .hrh-wbd__row { display: flex; align-items: flex-start; gap: 14px; padding: 16px 0; border-top: 1px solid var(--hrh-border-lt); }
.hrh .hrh-wbd__rows > .hrh-wbd__row:first-child { border-top: none; padding-top: 0; }
.hrh .hrh-wbd__icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--hrh-blue-pale);
	color: var(--hrh-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}
.hrh .hrh-wbd__icon svg { display: block; }
.hrh .hrh-wbd__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hrh .hrh-wbd__value {
	font-family: var(--hrh-fd);
	font-size: 16px;
	font-weight: 700;
	color: var(--hrh-navy);
	line-height: 1.35;
}
.hrh .hrh-wbd__note { font-size: 13px; color: var(--hrh-text-lt); line-height: 1.45; }
.hrh .hrh-wbd__btn {
	display: block;
	margin-top: 22px;
	background: var(--hrh-blue);
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 17px 24px;
	border-radius: 3px;
	transition: background-color .15s;
}
.hrh .hrh-wbd__btn:hover { background: var(--hrh-navy); color: #fff; }

/* =========================================================================
   WHO SHOULD ATTEND
   ====================================================================== */
.hrh .hrh-attend__title {
	font-family: var(--hrh-fd);
	font-size: 20px;
	font-weight: 700;
	color: var(--hrh-navy);
	letter-spacing: -.3px;
	margin: 0 0 12px;
}
.hrh .hrh-attend__intro { font-size: 15px; line-height: 1.6; color: var(--hrh-text-mid); margin: 0 0 16px; }
.hrh .hrh-attend__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(var(--hrh-attend-cols, 1), minmax(0, 1fr));
	gap: 10px 28px;
}
.hrh .hrh-attend__item { display: flex; align-items: flex-start; gap: 10px; }
.hrh .hrh-attend__icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--hrh-blue-pale);
	color: var(--hrh-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}
.hrh .hrh-attend__icon svg { display: block; }
.hrh .hrh-attend__text { font-size: 15px; line-height: 1.6; color: var(--hrh-text-mid); }
@media (max-width: 620px) {
	.hrh .hrh-attend__list { grid-template-columns: 1fr; }
}