/* 1.36.33 — full responsive shell matched to the approved Club dashboard. */
body.hb-club-hub-page .hb-site-footer {
	display: none !important;
}

/* 1.36.33 — approved continuation beside and below the blue block. */
body.hb-club-hub-page .hb-dashboard-support-panel {
	display: grid;
	width: 100%;
	height: 100%;
	min-width: 0;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	background: #fff;
}

body.hb-club-hub-page .hb-dashboard-support-card {
	box-sizing: border-box;
	display: grid;
	min-width: 0;
	min-height: 0;
	grid-template-columns: 52px minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr) 44px;
	gap: 12px 14px;
	align-items: center;
	padding: 20px 22px;
	background: #fff;
}

body.hb-club-hub-page .hb-dashboard-support-card + .hb-dashboard-support-card {
	border-top: 1px solid #d2d9e0;
}

body.hb-club-hub-page .hb-dashboard-support-card__icon {
	display: grid;
	width: 52px;
	height: 52px;
	grid-column: 1;
	grid-row: 1;
	place-items: center;
	border: 1px solid #d2d9e0;
	border-radius: 50%;
	color: #f32936;
	font-size: 25px;
	line-height: 52px;
}

body.hb-club-hub-page .hb-dashboard-support-card > div {
	min-width: 0;
}

body.hb-club-hub-page .hb-dashboard-support-card small {
	display: block;
	color: #c91f2d;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .09em;
	line-height: 1.15;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-support-card time {
	display: block;
	margin-top: 5px;
	color: #64778a;
	font-size: 9px;
	font-weight: 800;
	line-height: 1.15;
}

body.hb-club-hub-page .hb-dashboard-support-card h2 {
	margin: 5px 0 !important;
	color: #082d5a !important;
	font: 800 18px/1.05 Arial, Helvetica, sans-serif !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
}

body.hb-club-hub-page .hb-dashboard-support-card p {
	margin: 0;
	color: #64778a;
	font-size: 9px;
	line-height: 1.35;
}

body.hb-club-hub-page .hb-dashboard-support-card > a {
	display: flex;
	min-width: 0;
	min-height: 44px;
	grid-column: 1 / -1;
	grid-row: 2;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.15;
	text-decoration: none;
}

body.hb-club-hub-page .hb-dashboard-support-card > a.is-primary {
	background: #082d5a;
	color: #fff !important;
}

body.hb-club-hub-page .hb-dashboard-support-card > a .dashicons {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: #f32936;
	font-size: 18px;
	line-height: 18px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities {
	box-sizing: border-box;
	margin-top: 12px;
	padding: 0 16px 16px;
	border: 1px solid #d2d9e0;
	background: #fff;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header {
	display: flex;
	min-height: 40px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header > div {
	display: flex;
	min-width: 0;
	align-items: baseline;
	gap: 7px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header small {
	color: #082d5a;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header h2 {
	margin: 0 !important;
	color: #082d5a !important;
	font: 400 10px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header h2::before {
	content: "— ";
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header > a {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	gap: 9px;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__header > a .dashicons {
	color: #f32936;
	font-size: 17px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__table {
	border: 1px solid #d5dce3;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__labels,
body.hb-club-hub-page .hb-dashboard-recent-activity {
	display: grid;
	grid-template-columns: minmax(190px, 1.45fr) minmax(68px, .58fr) minmax(76px, .62fr) minmax(92px, .72fr) minmax(98px, .78fr) minmax(54px, .42fr) minmax(242px, 1.5fr);
	align-items: center;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__labels {
	min-height: 32px;
	background: #f3f6f8;
	color: #64778a;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__labels > span,
body.hb-club-hub-page .hb-dashboard-recent-activity > :not(.hb-dashboard-recent-activity__actions) {
	min-width: 0;
	padding: 0 12px;
}

body.hb-club-hub-page .hb-dashboard-recent-activity {
	min-height: 62px;
	border-top: 1px solid #e0e5ea;
	color: #082d5a;
	font-size: 10px;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__identity {
	display: grid;
	gap: 4px;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__identity time {
	color: #64778a;
	font-size: 8px;
	font-weight: 800;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__identity strong {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	padding: 8px 10px;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__actions :is(a, button) {
	box-sizing: border-box;
	display: flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	cursor: pointer;
	font: 900 9px/1.15 Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__actions .is-primary {
	background: #082d5a;
	color: #fff !important;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__empty {
	display: grid;
	min-height: 96px;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 14px;
	border: 1px dashed #cbd5dd;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__empty > .dashicons {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	color: #f32936;
	font-size: 25px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__empty strong {
	font-size: 13px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__empty p {
	margin: 4px 0 0;
	color: #64778a;
	font-size: 9px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities__empty > a {
	display: flex;
	min-height: 42px;
	align-items: center;
	gap: 12px;
	padding: 0 14px;
	border: 1px solid #082d5a;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
}

body.hb-club-hub-page .hb-dashboard-dialog__context {
	margin: -4px 0 2px !important;
	padding: 10px 12px;
	border-left: 3px solid #f32936;
	background: #f3f6f8;
	color: #082d5a !important;
	font-size: 10px !important;
}

body.hb-club-hub-page .hb-dashboard-dialog__context[hidden] {
	display: none !important;
}

@media (min-width: 1181px) {
	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__support {
		height: 430px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave {
		grid-template-columns: 108px minmax(140px, 1fr) minmax(300px, auto) !important;
		overflow: hidden;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > span {
		justify-content: center;
		padding: 0 14px;
		background: #f32936;
		color: #fff;
		letter-spacing: .09em;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button {
		display: inline-flex;
		min-height: 36px;
		align-items: center;
		justify-content: flex-end;
		gap: 9px;
		padding: 0 16px;
		border: 0;
		border-left: 1px solid #d5dce3;
		background: #fff;
		color: #082d5a;
		cursor: pointer;
		font: 800 10px/1 Arial, Helvetica, sans-serif;
		white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button .dashicons {
		width: 18px;
		height: 18px;
		color: #f32936;
		font-size: 18px;
		line-height: 18px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time {
		display: grid;
		min-width: 118px;
		gap: 2px;
		text-align: right;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time small {
		color: #c91f2d;
		font-size: 8px;
		font-weight: 900;
		letter-spacing: .1em;
		line-height: 1;
		text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time strong {
		font-size: 12px;
		line-height: 1.1;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	body.hb-club-hub-page .hb-dashboard-support-panel {
		height: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: minmax(188px, auto);
	}

	body.hb-club-hub-page .hb-dashboard-support-card + .hb-dashboard-support-card {
		border-top: 0;
		border-left: 1px solid #d2d9e0;
	}
}

@media (max-width: 900px) {
	body.hb-club-hub-page .hb-dashboard-support-panel {
		height: auto;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: repeat(2, auto);
	}

	body.hb-club-hub-page .hb-dashboard-support-card {
		min-height: 176px;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) {
		display: grid !important;
		height: auto !important;
		min-height: 68px;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > div {
		display: grid !important;
		grid-template-columns: 108px minmax(0, 1fr);
		align-items: center;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > div > small {
		display: flex;
		min-height: 32px;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
		background: #f32936;
		color: #fff !important;
		letter-spacing: .08em;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > div > strong {
		padding-left: 12px;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > button {
		display: flex;
		min-height: 36px;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 0 11px;
		border: 0;
		border-top: 1px solid rgba(201, 31, 45, .28);
		background: #fff0f1;
		color: #c91f2d;
		font-size: 9px;
		font-weight: 900;
	}

	body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > button .dashicons {
		color: #f32936;
		font-size: 15px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities {
		padding: 0 16px 16px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities__table {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		border: 0;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities__labels {
		display: none;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity {
		min-height: 0;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 14px;
		border: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity__identity {
		grid-column: 1 / -1;
		padding: 0 0 12px !important;
		border-bottom: 1px solid #e0e5ea;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity > span {
		display: grid;
		min-height: 50px;
		align-content: center;
		gap: 4px;
		padding: 10px 6px 4px !important;
		font-weight: 800;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity > span::before {
		color: #64778a;
		content: attr(data-label);
		font-size: 7px;
		font-weight: 900;
		letter-spacing: .04em;
		text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity__actions {
		grid-column: 1 / -1;
		padding: 10px 0 0;
	}
}

@media (max-width: 680px) {
	body.hb-club-hub-page .hb-dashboard-recent-activities__header h2 {
		display: none;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities__table {
		grid-template-columns: minmax(0, 1fr);
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities__empty {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities__empty > a {
		grid-column: 1 / -1;
	}
}

@media (max-width: 420px) {
	body.hb-club-hub-page .hb-dashboard-support-card {
		padding-right: 14px;
		padding-left: 14px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities {
		padding-right: 8px;
		padding-left: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activity {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.hb-club-hub-page .hb-dashboard-v5__context {
	display: none;
}

/* Newspaper assigns its editorial serif to nested strong, paragraph and link
   elements. The approved dashboard is consistently Arial in every module. */
body.hb-club-hub-page .hb-dashboard-v5,
body.hb-club-hub-page .hb-dashboard-v5 :is(a, button, h1, h2, h3, p, small, strong, b, time, em) {
	font-family: Arial, Helvetica, sans-serif !important;
}

body.hb-club-hub-page .hb-dashboard-v5 {
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
}

body.hb-club-hub-page .hb-dashboard-v5 .dashicons {
	font-family: dashicons !important;
}

@media (min-width: 901px) {
	body.hb-club-hub-page {
	overflow-x: hidden;
	background: #f5f7f8;
	}

	/* The approved dashboard owns the page canvas. Remove the Newspaper and
	   WooCommerce account widths that otherwise offset the 1420px shell. */
	body.hb-club-hub-page :is(
		.td-main-content-wrap,
		.td-main-content-wrap > .td-container,
		.td-main-content-wrap .td-pb-row,
		.td-main-content-wrap .td-pb-span8,
		.td-main-content-wrap .td-ss-main-content,
		.td-main-content-wrap .td-page-content,
		.td-main-content-wrap .woocommerce,
		.td-main-content-wrap .woocommerce-MyAccount-content
	) {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float: none !important;
	background: #f5f7f8 !important;
	}

	/* This exact container is restyled again by a late Newspaper inline block.
	   Keep the Club canvas authoritative after that rule as well. */
	body.hb-club-hub-page.woocommerce-account .td-main-content-wrap > .td-container.tdc-content-wrap {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	background: #f5f7f8 !important;
	}

	body.hb-club-hub-page #hb-global-desktop-header,
	body.hb-club-hub-page .hb-global-desktop-header__inner,
	body.hb-club-hub-page .hb-global-desktop-nav {
	height: 66px !important;
	min-height: 66px !important;
	}

	body.hb-club-hub-page .hb-global-desktop-header__inner {
	width: min(1420px, calc(100% - 40px)) !important;
	margin: 0 auto !important;
	}

	body.hb-club-hub-page .hb-global-desktop-logo {
	width: 215px !important;
	margin-right: 42px !important;
	}

	body.hb-club-hub-page .hb-global-desktop-listen {
	min-height: 44px !important;
	}

	body.hb-club-hub-page .hb-global-desktop-nav > a {
	height: 66px !important;
	min-height: 66px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 {
	box-sizing: border-box;
	width: min(1420px, calc(100vw - 40px));
	max-width: 1420px;
	margin: 0 auto;
	padding: 0;
	color: var(--hb-approved-navy);
	}

	body.hb-club-hub-page .hb-dashboard-world-nav {
	display: flex;
	width: 100vw;
	height: 45px;
	min-height: 45px;
	align-items: stretch;
	justify-content: center;
	margin: 0 0 0 calc(50% - 50vw);
	border: 0;
	border-top: 1px solid #edf0f2;
	border-bottom: 1px solid var(--hb-approved-line);
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links {
	display: flex;
	width: min(1420px, calc(100% - 40px));
	align-items: stretch;
	justify-content: center;
	gap: clamp(28px, 5vw, 72px);
	margin: 0 auto;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a {
	position: relative;
	display: flex;
	min-height: 43px;
	align-items: center;
	padding: 0 6px;
	border: 0;
	background: transparent;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a.is-current {
	color: #c91f2d !important;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a.is-current::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #f32936;
	content: "";
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro {
	display: grid;
	min-height: 38px;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px;
	margin: 14px 0 12px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > .hb-dashboard-v5__wave {
	display: grid;
	min-height: 38px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #d5dce3;
	border-left: 3px solid #f32936;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > span {
	align-self: stretch;
	display: flex;
	align-items: center;
	padding: 0 20px;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > strong {
	display: flex;
	min-height: 22px;
	align-items: center;
	padding-left: 20px;
	border-left: 1px solid #d5dce3;
	color: #082d5a;
	font-size: 11px;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > a {
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	gap: 9px;
	padding: 0 16px;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > a :is(i, .dashicons) {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time {
	color: #082d5a;
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-overview-primary {
	display: grid;
	grid-template-columns: minmax(0, 2.42fr) minmax(340px, 1fr);
	align-items: start;
	gap: 12px;
	margin: 0;
	}

	body.hb-club-hub-page .hb-overview-primary__lead {
	display: block;
	height: auto;
	min-width: 0;
	}

	body.hb-club-hub-page .hb-overview-primary__lead > .hb-dashboard-blue-block {
	height: 424px;
	min-height: 424px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__lead > .hb-dashboard-blue-block {
	height: 430px;
	min-height: 430px;
	}

	body.hb-club-hub-page .hb-overview-primary__support {
	display: grid;
	height: 424px;
	min-width: 0;
	gap: 0;
	border: 1px solid #d2d9e0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__support {
	grid-template-rows: 57% 43%;
	}

	body.hb-club-hub-page .hb-overview-plan-choice,
	body.hb-club-hub-page .hb-overview-upload-card {
	box-sizing: border-box;
	display: grid;
	min-height: 0;
	align-items: center;
	border: 0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-overview-plan-choice {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 11px 15px;
	padding: 20px 22px;
	border-bottom: 1px solid #d2d9e0;
	}

	body.hb-club-hub-page .hb-overview-support-icon {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid #d2d9e0;
	border-radius: 50%;
	color: #f32936;
	font-size: 25px;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) small {
	display: block;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) h2 {
	margin: 5px 0 6px !important;
	color: #082d5a !important;
	font: 800 20px/1.05 Arial, Helvetica, sans-serif !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) p {
	margin: 0;
	color: #64778a;
	font-size: 10px;
	line-height: 1.4;
	}

	body.hb-club-hub-page .hb-overview-plan-choice > a,
	body.hb-club-hub-page .hb-overview-upload-card > a {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 15px;
	border: 1px solid #082d5a;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-plan-choice > a {
	grid-column: 1 / -1;
	background: #082d5a;
	color: #fff !important;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) > a .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) > a :is(i, .dashicons) {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-overview-upload-card {
	grid-template-columns: minmax(0, 1fr) 142px;
	gap: 15px;
	padding: 18px 22px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-primary__support {
	grid-template-rows: 1fr;
	padding: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities {
	box-sizing: border-box;
	display: grid;
	height: 100%;
	min-height: 0;
	grid-template-rows: 42px 60px minmax(0, 1fr) !important;
	align-content: stretch;
	padding: 18px 22px 20px;
	border: 0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header {
	display: flex;
	grid-row: 1;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #dce2e7;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header > span {
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: normal;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header > a {
	color: #708093 !important;
	font-size: 9px;
	font-weight: 800;
	line-height: normal;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header > small {
	color: #708093;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: normal;
	text-transform: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload {
	display: flex;
	grid-row: 2;
	min-height: 44px;
	align-self: center;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #082d5a;
	color: #fff !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item {
	display: grid;
	min-height: 0;
	grid-row: 3;
	grid-template-columns: 54px minmax(0, 1fr);
	grid-template-rows: auto 44px;
	align-content: center;
	gap: 46px 13px;
	align-items: center;
	margin: 0;
	padding: 8px 0 0;
	color: #082d5a;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item > .dashicons {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid #d2d9e0;
	border-radius: 50%;
	color: #f32936;
	font-size: 25px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item small {
	display: block;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .05em;
	line-height: normal;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item strong {
	display: block;
	margin: 7px 0 5px;
	font-size: 17px;
	line-height: 1.12;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item p {
	margin: 0;
	color: #64778a;
	font-size: 10px;
	line-height: normal;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions {
	display: grid;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions > a {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__empty {
	grid-row: 3;
	min-height: 0;
	padding: 14px 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar {
	box-sizing: border-box;
	display: grid;
	height: 150px;
	grid-template-columns: minmax(0, 1fr) 290px !important;
	grid-template-rows: 36px 112px;
	gap: 0;
	margin: 12px 0 0;
	padding: 0;
	border: 1px solid #d2d9e0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header {
	display: flex;
	grid-column: 1 / -1;
	grid-row: 1;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0 16px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > div {
	display: flex;
	align-items: baseline;
	gap: 7px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small {
	color: #082d5a;
	font-size: 10px !important;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small::after {
	content: " —";
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header h2 {
	margin: 0 !important;
	color: #082d5a !important;
	font: 700 10px/1 Arial, Helvetica, sans-serif !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > a .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week {
	display: grid;
	grid-column: 1;
	grid-row: 2;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	margin: 0 0 0 16px;
	border: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a {
	box-sizing: border-box;
	display: grid;
	min-width: 0;
	min-height: 110px;
	grid-template-rows: 13px 19px 20px 1fr 14px;
	align-content: center;
	justify-items: center;
	gap: 1px;
	padding: 8px 6px;
	border: 0;
	border-right: 1px solid #d5dce3;
	background: #fff;
	color: #082d5a !important;
	text-align: center;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a:last-child {
	border-right: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > span {
	font-size: 8px;
	font-weight: 900;
	text-transform: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > strong {
	font-size: 17px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > i {
	display: grid;
	width: 18px;
	height: 18px;
	margin: 0;
	place-items: center;
	border: 1px solid #c5ced7;
	border-radius: 50%;
	background: #eef1f4;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-complete > i {
	border-color: #65b83a;
	background: #65b83a;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-planned > i,
	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-note > i {
	border: 1px solid #0b3762;
	background: #0b3762;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-today {
	margin: -1px;
	border: 1px solid #f32936;
	box-shadow: none;
	color: #082d5a !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-today > i {
	border-color: #f32936;
	background: #f32936;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b,
	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b {
	align-self: end;
	font-size: 9px;
	line-height: 1.14;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	color: #65778a;
	font-size: 8px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar.is-without-plan .hb-dashboard-calendar__week > a > b,
	body.hb-club-hub-page .hb-dashboard-calendar.is-without-plan .hb-dashboard-calendar__week > a > em {
	visibility: visible;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own,
	body.hb-club-hub-page .hb-dashboard-calendar__events,
	body.hb-club-hub-page .hb-dashboard-calendar__empty {
	box-sizing: border-box;
	grid-column: 2;
	grid-row: 2;
	width: auto;
	height: 112px;
	margin: 0 16px 0 0;
	border: 1px solid #d5dce3;
	border-left: 0;
	background: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own {
	display: grid;
	grid-template-rows: 1fr auto;
	gap: 6px;
	padding: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > div {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > div > .dashicons {
	color: #f32936;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own p {
	display: grid;
	gap: 3px;
	margin: 0;
	font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own p strong {
	color: #082d5a;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own p span {
	color: #65778a;
	font-size: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > a,
	body.hb-club-hub-page .hb-dashboard-calendar__own > button {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	padding: 0 12px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own :is(a, button) .dashicons {
	color: #f32936;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	justify-self: stretch !important;
	overflow: hidden;
	padding: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a {
	box-sizing: border-box;
	display: grid;
	min-height: 0;
	grid-template-columns: 44px minmax(0, 1fr) 14px;
	align-items: center;
	gap: 8px;
	padding: 5px 10px;
	border: 0;
	border-bottom: 1px solid #d5dce3;
	color: #082d5a !important;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a:nth-child(2) {
	border-bottom: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a:nth-child(n+3) {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events time {
	display: grid;
	text-align: center;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events time small {
	font-size: 7px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events time strong {
	font-size: 11px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a > span {
	display: grid;
	min-width: 0;
	gap: 2px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a > span small {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a > span strong {
	overflow: hidden;
	font-size: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events p {
	margin: 0;
	color: #65778a;
	font-size: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a > i {
	width: 14px;
	height: 14px;
	color: #f32936;
	font-size: 14px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__empty {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding: 12px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__empty > a {
	grid-column: 1 / -1;
	color: #082d5a !important;
	font-size: 9px;
	font-weight: 900;
	text-align: right;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar > footer:not(.hb-dashboard-calendar__plan-footer) {
	display: none;
	}

	/* Legacy dashboard rules also target the plan/no-plan modifiers and used to
	   win the cascade: 180px days and a 54% event rail overflowed into Klubovna.
	   Keep the approved compact 36 + 112px calendar authoritative. */
	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) {
	height: 150px !important;
	grid-template-columns: minmax(0, 1fr) 290px !important;
	grid-template-rows: 36px 112px !important;
	padding: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week {
	box-sizing: border-box;
	width: auto !important;
	height: 112px !important;
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin: 0 0 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a {
	box-sizing: border-box;
	height: auto !important;
	min-height: 110px !important;
	grid-template-rows: 13px 19px 20px 1fr 14px !important;
	align-content: center !important;
	gap: 1px !important;
	padding: 8px 6px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > span {
	font-size: 8px !important;
	text-transform: uppercase !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > strong {
	font-size: 17px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > i {
	box-sizing: border-box;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	border: 1px solid #c5ced7 !important;
	background: #eef1f4 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > i .dashicons {
	width: 14px;
	height: 14px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-rest > i .dashicons {
	color: #5f7081;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-today > i .dashicons {
	color: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-complete > i {
	border-color: #65b83a !important;
	background: #65b83a !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a:is(.is-planned, .is-note) > i {
	border-color: #0b3762 !important;
	background: #0b3762 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-today > i {
	border-color: #f32936 !important;
	background: #f32936 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-today {
	background: #fff !important;
	color: #082d5a !important;
	box-shadow: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > :is(b, em) {
	display: block !important;
	visibility: visible !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > b {
	font-size: 9px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > em {
	font-size: 8px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) :is(
		.hb-dashboard-calendar__own,
		.hb-dashboard-calendar__events,
		.hb-dashboard-calendar__empty
	) {
	box-sizing: border-box;
	width: auto !important;
	height: 112px !important;
	grid-column: 2 !important;
	grid-row: 2 !important;
	justify-self: stretch !important;
	margin: 0 16px 0 0 !important;
	border: 1px solid #d5dce3 !important;
	border-left: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar.is-with-plan .hb-dashboard-calendar__events {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar.is-with-plan .hb-dashboard-calendar__events > a {
	box-sizing: border-box;
	min-height: 0 !important;
	padding: 5px 10px !important;
	border: 0 !important;
	border-bottom: 1px solid #d5dce3 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar.is-with-plan .hb-dashboard-calendar__events > a:nth-child(2) {
	border-bottom: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	box-sizing: border-box;
	display: grid;
	width: auto;
	height: 112px;
	grid-column: 2;
	grid-row: 2;
	grid-template-rows: minmax(0, 1fr);
	align-items: stretch;
	gap: 0;
	margin: 0 16px 0 0;
	padding: 0;
	border: 1px solid #d5dce3;
	border-left: 0;
	background: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer:has(> a:nth-of-type(2)) {
	grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a {
	box-sizing: border-box;
	display: grid;
	min-width: 0;
	min-height: 0;
	align-content: center;
	gap: 2px;
	padding: 6px 16px;
	border: 0;
	border-top: 1px solid #d5dce3;
	background: #fff;
	color: #082d5a !important;
	text-align: left;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:first-of-type {
	border-top: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > small {
	color: #c91f2d;
	font-size: 8px;
	font-weight: 900;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > strong {
	overflow: hidden;
	font-size: 9px;
	text-transform: none !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > span {
	overflow: hidden;
	color: #65778a;
	font-size: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-stories {
	box-sizing: border-box;
	height: 280px;
	margin: 12px 0 0 !important;
	padding: 0 0 16px !important;
	border: 1px solid #d2d9e0 !important;
	background: #fff !important;
	box-shadow: none !important;
	}

body.hb-club-hub-page .hb-dashboard-stories > header {
	display: flex;
	min-height: 42px;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0 16px;
	background: #fff !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header > div {
	display: block;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header small {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header h2 {
	margin: 0 !important;
	color: #082d5a !important;
	font: 900 10px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header > a {
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-stories__grid {
	display: grid !important;
	height: 220px;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	padding: 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story {
	position: relative;
	display: grid !important;
	height: 220px !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: 128px 92px !important;
	gap: 0 !important;
	align-items: stretch !important;
	overflow: hidden;
	padding: 0 !important;
	border: 1px solid #d5dce3 !important;
	background: #fff !important;
	color: #082d5a !important;
	text-decoration: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-wide .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-square .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-portrait .hb-dashboard-story__media {
	position: relative !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	height: 128px !important;
	aspect-ratio: auto !important;
	overflow: hidden;
	background: #edf1f4;
	}

	body.hb-club-hub-page .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-wide .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-square .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-portrait .hb-dashboard-story__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__media img {
	object-position: center 25%;
	}

	body.hb-club-hub-page .hb-dashboard-story__body,
	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__body {
	position: static !important;
	display: grid;
	min-width: 0;
	align-content: start;
	gap: 8px;
	padding: 12px 30px 14px 12px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__body small {
	overflow: hidden;
	color: #c91f2d !important;
	font-size: 7px !important;
	font-weight: 900;
	letter-spacing: .06em;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-story__body > strong {
	display: -webkit-box;
	min-height: 0;
	overflow: hidden;
	color: #082d5a !important;
	font-size: 13px !important;
	line-height: 1.17 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	}

	body.hb-club-hub-page .hb-dashboard-story__body p {
	display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__price {
	color: #082d5a !important;
	font-size: 13px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story > i {
	position: absolute;
	right: 10px;
	bottom: 10px;
	align-self: auto;
	padding: 0;
	color: #f32936 !important;
	font-size: 17px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__media::after,
	body.hb-club-hub-page .hb-dashboard-stories::after {
	display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-without-media {
	grid-template-rows: 1fr !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-without-media .hb-dashboard-story__body {
	grid-row: 1 !important;
	align-content: center !important;
	}

	body.hb-club-hub-page .hb-dashboard-help {
	box-sizing: border-box;
	display: grid;
	min-height: 76px;
	grid-template-columns: 54px minmax(0, 1fr) 190px;
	align-items: center;
	gap: 16px;
	margin: 12px 0 0;
	padding: 10px 16px;
	border: 1px solid #d2d9e0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-help > .dashicons,
	body.hb-club-hub-page .hb-dashboard-help__avatar {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 0;
	border-radius: 0;
	background: #082d5a;
	color: #fff;
	object-fit: cover;
	font-size: 25px;
	}

	body.hb-club-hub-page .hb-dashboard-help > div {
	display: block;
	line-height: 1;
	}

	body.hb-club-hub-page .hb-dashboard-help small {
	display: block;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1.1 !important;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-help h2 {
	margin: 4px 0 2px !important;
	color: #082d5a !important;
	font: 800 16px/1 Arial, Helvetica, sans-serif !important;
	line-height: 1 !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-help p {
	margin: 0;
	color: #65778a;
	font-size: 9px;
	line-height: 1.25 !important;
	}

	body.hb-club-hub-page .hb-dashboard-help > button {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a;
	font-size: 11px;
	font-weight: 900;
	cursor: pointer;
	}

	body.hb-club-hub-page .hb-dashboard-help > button :is(i, .dashicons) {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	}

	body.hb-club-hub-page .hb-dashboard-footer {
	box-sizing: border-box;
	width: 100vw;
	height: 220px;
	margin: 18px 0 0 calc(50% - 50vw);
	background: #061c34 !important;
	color: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner {
	box-sizing: border-box;
	display: grid;
	width: min(1220px, calc(100% - 48px));
	height: 220px;
	min-height: 220px;
	grid-template-columns: 1.2fr repeat(3, 1fr);
	gap: 70px;
	align-items: start;
	margin: 0 auto;
	padding: 40px 0;
	}

	body.hb-club-hub-page .hb-dashboard-footer__brand img {
	display: block;
	width: 195px;
	max-width: 100%;
	height: auto;
	filter: brightness(0) invert(1);
	}

	body.hb-club-hub-page .hb-dashboard-footer__brand p {
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .65);
	font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner > nav:not(.hb-dashboard-footer__legal) {
	display: grid;
	align-content: start;
	gap: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner > nav > strong {
	margin-bottom: 5px;
	color: #fff;
	font-size: 8px;
	letter-spacing: .1em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner > nav > a {
	color: rgba(255, 255, 255, .72) !important;
	font-size: 9px;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner > nav:first-of-type > a:last-of-type,
	body.hb-club-hub-page .hb-dashboard-footer__inner > nav:nth-of-type(2) > a:last-of-type,
	body.hb-club-hub-page .hb-dashboard-footer__inner > nav:nth-of-type(3) > a:nth-of-type(2),
	body.hb-club-hub-page .hb-dashboard-footer__contact,
	body.hb-club-hub-page .hb-dashboard-footer__legal {
	display: none !important;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	body.hb-club-hub-page .hb-dashboard-v5 {
	width: calc(100% - 40px);
	}

	body.hb-club-hub-page .hb-overview-primary {
	grid-template-columns: minmax(0, 1fr);
	}

	body.hb-club-hub-page .hb-overview-primary__support {
	height: auto;
	min-height: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__support {
	grid-template-columns: 1.3fr 1fr;
	grid-template-rows: minmax(170px, auto);
	}

	body.hb-club-hub-page .hb-overview-plan-choice {
	border-right: 1px solid #d2d9e0;
	border-bottom: 0;
	}

	body.hb-club-hub-page .hb-overview-upload-card {
	min-height: 170px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-primary__support {
	min-height: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities {
	min-height: 0;
	grid-template-columns: 180px 220px minmax(0, 1fr);
	grid-template-rows: minmax(122px, auto) !important;
	gap: 16px;
	align-items: center;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header {
	grid-column: 1;
	grid-row: 1;
	height: 100%;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	border-right: 1px solid #dce2e7;
	border-bottom: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload {
	grid-column: 2;
	grid-row: 1;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item {
	min-height: 104px;
	grid-column: 3;
	grid-row: 1;
	grid-template-columns: 54px minmax(0, 1fr) 240px;
	grid-template-rows: 1fr;
	padding: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item > .dashicons {
	width: 52px;
	height: 52px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions {
	grid-column: 3;
	grid-row: 1;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__empty {
	grid-column: 2 / -1;
	grid-row: 1;
	min-width: 0;
	padding: 0;
	}
}

@media (min-width: 901px) and (max-width: 920px) {
	body.hb-club-hub-page .hb-dashboard-v5 {
	width: calc(100% - 24px);
	}

	body.hb-club-hub-page .hb-overview-primary__lead > .hb-dashboard-blue-block {
	height: auto;
	min-height: 650px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__support {
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto;
	}

	body.hb-club-hub-page .hb-overview-plan-choice {
	min-height: 170px;
	border-right: 0;
	border-bottom: 1px solid #d2d9e0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities {
	height: auto !important;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: 46px 44px auto !important;
	gap: 16px;
	align-items: stretch;
	padding: 18px 22px 20px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header {
	grid-column: 1;
	grid-row: 1;
	height: auto;
	min-height: 46px;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	border-right: 0;
	border-bottom: 1px solid #dce2e7;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item {
	grid-column: 1;
	grid-row: 3;
	grid-template-columns: 54px minmax(0, 1fr);
	grid-template-rows: auto 44px;
	gap: 14px 13px;
	padding: 10px 0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item > .dashicons {
	width: 52px;
	height: 52px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions {
	grid-column: 1 / -1;
	grid-row: 2;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__empty {
	grid-column: 1;
	grid-row: 3;
	padding: 14px 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) {
	height: auto !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: 36px 112px auto !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week {
	width: auto !important;
	height: 112px !important;
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin: 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) :is(
		.hb-dashboard-calendar__own,
		.hb-dashboard-calendar__events,
		.hb-dashboard-calendar__empty
	),
	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	width: auto !important;
	height: auto !important;
	min-height: 112px;
	grid-column: 1 !important;
	grid-row: 3 !important;
	margin: 0 16px !important;
	border: 1px solid #d5dce3 !important;
	border-top: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: auto auto;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note {
	display: grid;
	min-height: 54px;
	grid-column: 1 / -1;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	padding: 0 20px 0 0;
	border-bottom: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note > .dashicons {
	color: #0b3762;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p {
	margin: 0;
	color: #65778a;
	font-size: 8px;
	line-height: 1.4;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p strong {
	display: block;
	margin-bottom: 2px;
	color: #082d5a;
	font-size: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p span {
	display: block;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a {
	min-height: 52px;
	border-top: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:nth-of-type(2) {
	border-left: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:only-of-type {
	grid-column: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-stories {
	height: auto;
	}

	body.hb-club-hub-page .hb-dashboard-stories__grid {
	height: auto;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* The public site switches to its legacy mobile header at 1018px. Keep the
   approved single Hackni beh header across the entire tablet range. */
@media (max-width: 1018px) {
	body.hb-club-hub-page:has(.hb-dashboard-v5) {
	padding-top: 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(#hb-mobile-header, .hb-mobile-header) {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) #hb-global-desktop-header {
	position: relative;
	z-index: 20;
	display: block !important;
	width: 100%;
	height: 66px !important;
	min-height: 66px !important;
	border: 0;
	border-bottom: 1px solid #edf0f2;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-header__inner {
	box-sizing: border-box;
	display: grid !important;
	width: calc(100% - 24px) !important;
	height: 66px !important;
	min-height: 66px !important;
	grid-template-columns: minmax(0, 1fr) 40px 40px;
	align-items: center;
	gap: 8px;
	margin: 0 auto !important;
	padding: 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-logo {
	position: relative;
	display: block !important;
	width: 155px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-logo > span {
	position: absolute;
	inset: 0;
	display: block;
	width: 155px;
	height: 24px;
	background: #0d2b50;
	-webkit-mask: url("https://www.bezec.eu/wp-content/uploads/2026/07/hackni-beh-logo-final-v1-transparent.png") center / contain no-repeat;
	mask: url("https://www.bezec.eu/wp-content/uploads/2026/07/hackni-beh-logo-final-v1-transparent.png") center / contain no-repeat;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-nav, .hb-global-desktop-listen, .hb-global-desktop-icon:last-child) {
	display: none !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-account, .hb-global-desktop-cart) {
	position: relative;
	display: flex !important;
	width: 38px !important;
	height: 38px !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	color: #082d5a !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart {
	grid-column: 2;
	grid-row: 1;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-account {
	grid-column: 3;
	grid-row: 1;
	border-radius: 50%;
	background: #082d5a;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-account, .hb-global-desktop-cart) svg {
	display: block;
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-account svg {
	color: #fff;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart-count {
	position: absolute;
	top: -2px;
	right: -2px;
	display: grid;
	width: 16px;
	height: 16px;
	place-items: center;
	border-radius: 50%;
	background: #f32936;
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart-count.is-empty {
	display: none !important;
	}
}

@media (max-width: 900px) {
	body.hb-club-hub-page {
	overflow-x: hidden;
	margin: 0 !important;
	padding: 0 !important;
	background: #f5f7f8;
	}

	/* The approved responsive shell owns the full content canvas. Newspaper and
	   WooCommerce otherwise add a second 24px margin and 16px padding per side. */
	body.hb-club-hub-page :is(
		.td-main-content-wrap,
		.td-main-content-wrap > .td-container,
		.td-main-content-wrap .td-pb-row,
		.td-main-content-wrap .td-pb-span8,
		.td-main-content-wrap .td-ss-main-content,
		.td-main-content-wrap .td-page-content,
		.td-main-content-wrap .woocommerce,
		.td-main-content-wrap .woocommerce-MyAccount-content
	) {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	background: #f5f7f8 !important;
	}

	body.hb-club-hub-page.woocommerce-account .td-main-content-wrap > .td-container.tdc-content-wrap {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #f5f7f8 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-mobile-app--mobile-only,
	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-mobile-dashboard-nav,
	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-mobile-dashboard-nav--standalone,
	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-mobile-account-nav,
	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-mobile-app__coach-launch {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) #hb-global-desktop-header {
	position: relative;
	z-index: 20;
	display: block !important;
	width: 100%;
	height: 66px !important;
	min-height: 66px !important;
	border: 0;
	border-bottom: 1px solid #edf0f2;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-header__inner {
	box-sizing: border-box;
	display: grid !important;
	width: calc(100% - 24px) !important;
	height: 66px !important;
	min-height: 66px !important;
	grid-template-columns: minmax(0, 1fr) 40px 40px;
	align-items: center;
	gap: 8px;
	margin: 0 auto !important;
	padding: 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-logo {
	position: relative;
	display: block !important;
	width: 155px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-logo > span {
	position: absolute;
	inset: 0;
	display: block;
	width: 155px;
	height: 24px;
	background: #0d2b50;
	-webkit-mask: url("https://www.bezec.eu/wp-content/uploads/2026/07/hackni-beh-logo-final-v1-transparent.png") center / contain no-repeat;
	mask: url("https://www.bezec.eu/wp-content/uploads/2026/07/hackni-beh-logo-final-v1-transparent.png") center / contain no-repeat;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-nav, .hb-global-desktop-listen, .hb-global-desktop-icon:last-child) {
	display: none !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-account, .hb-global-desktop-cart) {
	position: relative;
	display: flex !important;
	width: 38px !important;
	height: 38px !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	color: #082d5a !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart {
	grid-column: 2;
	grid-row: 1;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-account {
	grid-column: 3;
	grid-row: 1;
	border-radius: 50%;
	background: #082d5a;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) :is(.hb-global-desktop-account, .hb-global-desktop-cart) svg {
	display: block;
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-account svg {
	color: #fff;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart-count {
	position: absolute;
	top: -2px;
	right: -2px;
	display: grid;
	width: 16px;
	height: 16px;
	place-items: center;
	border-radius: 50%;
	background: #f32936;
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart-count.is-empty {
	display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 {
	box-sizing: border-box;
	display: block !important;
	width: calc(100% - 24px);
	max-width: none;
	margin: 0 auto;
	padding: 0 0 18px;
	background: #f5f7f8;
	color: var(--hb-approved-navy);
	}

	body.hb-club-hub-page .hb-dashboard-world-nav {
	display: flex;
	width: 100vw;
	height: 45px;
	min-height: 45px;
	align-items: stretch;
	margin: 0 0 0 calc(50% - 50vw);
	overflow: hidden;
	border: 0;
	border-bottom: 1px solid #d6dde4;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links {
	display: flex;
	width: 100%;
	align-items: stretch;
	justify-content: flex-start;
	gap: 28px;
	overflow-x: auto;
	padding: 0 12px;
	scrollbar-width: none;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links::-webkit-scrollbar {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a {
	position: relative;
	display: flex;
	min-height: 43px;
	flex: 0 0 auto;
	align-items: center;
	padding: 0 6px;
	border: 0;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a.is-current {
	color: #c91f2d !important;
	}

	body.hb-club-hub-page .hb-dashboard-world-nav__links > a.is-current::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #f32936;
	content: "";
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 3px;
	margin: 14px 0 12px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > .hb-dashboard-v5__wave {
	display: grid;
	height: 55px;
	min-height: 55px;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: 26px 29px;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 1px solid #d5dce3;
	border-left: 3px solid #f32936;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > span {
	padding: 0 10px;
	color: #c91f2d;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > strong {
	min-width: 0;
	padding-left: 10px;
	overflow: hidden;
	border-left: 1px solid #d5dce3;
	color: #082d5a;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > a {
	display: flex;
	min-width: 0;
	min-height: 29px;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0 10px;
	border-top: 1px solid #d5dce3;
	color: #082d5a !important;
	font-size: 9px;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > a :is(i, .dashicons) {
	color: #f32936;
	font-size: 15px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-v5__context {
	display: block;
	color: #64778a;
	font-size: 9px;
	font-weight: 700;
	line-height: 11px;
	text-align: right;
	}

	body.hb-club-hub-page .hb-overview-primary {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin: 0;
	}

	body.hb-club-hub-page .hb-overview-primary__lead,
	body.hb-club-hub-page .hb-overview-primary__support {
	display: grid;
	height: auto;
	min-width: 0;
	gap: 0;
	}

	body.hb-club-hub-page .hb-overview-primary__lead > .hb-dashboard-blue-block {
	width: 100%;
	height: auto;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-blue-block .hb-dashboard-corridor {
	display: grid !important;
	}

	body.hb-club-hub-page .hb-overview-primary__support {
	border: 1px solid #d2d9e0;
	background: #fff;
	}

	body.hb-club-hub-page .hb-overview-primary.is-without-plan .hb-overview-primary__support {
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto;
	}

	body.hb-club-hub-page .hb-overview-plan-choice,
	body.hb-club-hub-page .hb-overview-upload-card {
	box-sizing: border-box;
	display: grid;
	min-height: 170px;
	align-items: center;
	border: 0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-overview-plan-choice {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 11px 15px;
	padding: 20px 22px;
	border-bottom: 1px solid #d2d9e0;
	}

	body.hb-club-hub-page .hb-overview-support-icon {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid #d2d9e0;
	border-radius: 50%;
	color: #f32936;
	font-size: 25px;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) small {
	display: block;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) h2 {
	margin: 5px 0 6px !important;
	color: #082d5a !important;
	font: 800 20px/1.05 Arial, Helvetica, sans-serif !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) p {
	margin: 0;
	color: #64778a;
	font-size: 10px;
	line-height: 1.4;
	}

	body.hb-club-hub-page .hb-overview-plan-choice > a,
	body.hb-club-hub-page .hb-overview-upload-card > a {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 15px;
	border: 1px solid #082d5a;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-plan-choice > a {
	grid-column: 1 / -1;
	background: #082d5a;
	color: #fff !important;
	}

	body.hb-club-hub-page :is(.hb-overview-plan-choice, .hb-overview-upload-card) > a .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-overview-upload-card {
	grid-template-columns: minmax(0, 1fr) 142px;
	gap: 15px;
	padding: 18px 22px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-primary__support {
	border: 1px solid #d2d9e0;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities {
	box-sizing: border-box;
	display: grid;
	height: auto !important;
	min-height: 0;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: 46px 44px auto;
	gap: 16px;
	align-items: stretch;
	margin: 0;
	padding: 18px 22px 20px;
	border: 0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header {
	display: flex;
	min-height: 46px;
	grid-column: 1;
	grid-row: 1;
	align-items: center;
	justify-content: space-between;
	border: 0;
	border-bottom: 1px solid #dce2e7;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header > span {
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities > header > small {
	color: #708093;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload {
	display: flex;
	min-height: 44px;
	grid-column: 1;
	grid-row: 2;
	align-self: center;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #082d5a;
	color: #fff !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__upload .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item {
	display: grid;
	min-height: 0;
	grid-column: 1;
	grid-row: 3;
	grid-template-columns: 54px minmax(0, 1fr);
	grid-template-rows: auto 44px;
	gap: 14px 13px;
	align-items: center;
	margin: 0;
	padding: 10px 0;
	color: #082d5a;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item > .dashicons {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border: 1px solid #d2d9e0;
	border-radius: 50%;
	color: #f32936;
	font-size: 25px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item small {
	display: block;
	color: #c91f2d;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item strong {
	display: block;
	margin: 7px 0 5px;
	color: #082d5a;
	font-size: 17px;
	line-height: 1.12;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__item p {
	margin: 0;
	color: #64778a;
	font-size: 10px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions {
	display: grid;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions > a {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__actions .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities__empty {
	grid-column: 1;
	grid-row: 3;
	min-height: 112px;
	padding: 14px 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar {
	box-sizing: border-box;
	display: grid;
	height: auto !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: 36px auto auto !important;
	gap: 0;
	margin: 12px 0 0;
	padding: 0 !important;
	border: 1px solid #d2d9e0;
	background: #fff;
	box-shadow: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar::after {
	display: none !important;
	content: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header {
	display: flex;
	min-height: 36px;
	grid-column: 1;
	grid-row: 1;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0 16px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > div {
	display: flex;
	align-items: baseline;
	gap: 7px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small,
	body.hb-club-hub-page .hb-dashboard-calendar__header h2,
	body.hb-club-hub-page .hb-dashboard-calendar__header > a {
	font-size: 10px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small {
	color: #082d5a;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small::after {
	content: " —";
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header h2 {
	margin: 0 !important;
	color: #082d5a !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #082d5a !important;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > a .dashicons {
	width: 18px;
	height: 18px;
	color: #f32936;
	font-size: 18px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week {
	box-sizing: border-box;
	display: grid;
	width: auto !important;
	height: auto !important;
	grid-column: 1;
	grid-row: 2;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	margin: 0 16px !important;
	border: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a {
	box-sizing: border-box;
	display: grid;
	min-width: 0;
	height: auto !important;
	min-height: 110px !important;
	grid-template-rows: 13px 19px 20px 1fr 14px !important;
	align-content: center;
	justify-items: center;
	gap: 1px !important;
	padding: 8px 6px !important;
	border: 0;
	border-right: 1px solid #d5dce3;
	background: #fff;
	color: #082d5a !important;
	text-align: center;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a:last-child {
	border-right: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > span {
	font-size: 8px;
	font-weight: 900;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > strong {
	font-size: 17px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > i {
	box-sizing: border-box;
	display: grid;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	place-items: center;
	border: 1px solid #c5ced7 !important;
	border-radius: 50%;
	background: #eef1f4 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > span {
	font-size: 8px !important;
	text-transform: uppercase !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > strong {
	font-size: 17px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a > i .dashicons {
	width: 14px;
	height: 14px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-rest > i .dashicons {
	color: #5f7081;
	}

	body.hb-club-hub-page .hb-dashboard-calendar:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week > a.is-today > i .dashicons {
	color: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-complete > i {
	border-color: #65b83a !important;
	background: #65b83a !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-planned > i,
	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-note > i {
	border-color: #0b3762 !important;
	background: #0b3762 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-today {
	margin: -1px;
	border: 1px solid #f32936;
	background: #fff !important;
	color: #082d5a !important;
	box-shadow: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a.is-today > i {
	border-color: #f32936 !important;
	background: #f32936 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b,
	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	display: block !important;
	max-width: 100%;
	overflow: hidden;
	visibility: visible !important;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b {
	align-self: end;
	font-size: 9px !important;
	line-height: 1.14;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	color: #65778a;
	font-size: 8px !important;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own,
	body.hb-club-hub-page .hb-dashboard-calendar__events,
	body.hb-club-hub-page .hb-dashboard-calendar__empty,
	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	box-sizing: border-box;
	width: auto !important;
	height: auto !important;
	min-height: 112px;
	grid-column: 1 !important;
	grid-row: 3 !important;
	margin: 0 16px !important;
	border: 1px solid #d5dce3 !important;
	border-top: 0 !important;
	background: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own {
	display: grid;
	grid-template-rows: 1fr auto;
	gap: 8px;
	padding: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > div {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > div > .dashicons {
	color: #f32936;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own p {
	display: grid;
	gap: 3px;
	margin: 0;
	font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own p span {
	color: #65778a;
	font-size: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > :is(a, button) {
	display: flex;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	padding: 0 12px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	overflow: hidden;
	padding: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 14px;
	align-items: center;
	gap: 8px;
	min-height: 54px;
	padding: 6px 10px;
	border: 0;
	border-bottom: 1px solid #d5dce3;
	color: #082d5a !important;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a:nth-child(n+3) {
	display: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a:nth-child(2) {
	border-bottom: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__events > a > i {
	width: 14px;
	height: 14px;
	color: #f32936;
	font-size: 14px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: auto auto;
	align-items: stretch;
	gap: 0;
	padding: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note {
	display: grid;
	min-height: 54px;
	grid-column: 1 / -1;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	padding: 0 20px 0 0;
	border-bottom: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note > .dashicons {
	color: #0b3762;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p {
	margin: 0;
	color: #65778a;
	font-size: 8px;
	line-height: 1.4;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p strong {
	display: block;
	margin-bottom: 2px;
	color: #082d5a;
	font-size: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note p span {
	display: block;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a {
	box-sizing: border-box;
	display: grid;
	min-width: 0;
	min-height: 52px;
	align-content: center;
	gap: 2px;
	padding: 6px 16px;
	border: 0;
	background: #fff;
	color: #082d5a !important;
	text-align: left;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:nth-of-type(2) {
	border-left: 1px solid #d5dce3;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:only-of-type {
	grid-column: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > small {
	color: #c91f2d;
	font-size: 8px;
	font-weight: 900;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > strong {
	overflow: hidden;
	font-size: 9px;
	text-transform: none !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a > span {
	overflow: hidden;
	color: #65778a;
	font-size: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-stories {
	margin: 12px 0 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-help {
	margin: 12px 0 0;
	}

	body.hb-club-hub-page .hb-dashboard-footer {
	box-sizing: border-box;
	width: 100vw;
	height: auto;
	margin: 18px 0 -18px calc(50% - 50vw);
	background: #061c34 !important;
	color: #fff;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner {
	box-sizing: border-box;
	display: grid;
	width: calc(100% - 48px);
	height: auto;
	min-height: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px 28px;
	margin: 0 auto;
	padding: 34px 0;
	}

	body.hb-club-hub-page .hb-dashboard-footer__brand img {
	display: block;
	width: 170px;
	max-width: 100%;
	height: auto;
	filter: brightness(0) invert(1);
	}

	body.hb-club-hub-page .hb-dashboard-footer__brand p,
	body.hb-club-hub-page .hb-dashboard-footer__contact p {
	color: rgba(255, 255, 255, .66);
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner > nav,
	body.hb-club-hub-page .hb-dashboard-footer__contact {
	display: grid;
	align-content: start;
	gap: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner :is(strong, a, p, button) {
	font-size: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner a,
	body.hb-club-hub-page .hb-dashboard-footer__inner button {
	color: rgba(255, 255, 255, .76) !important;
	}

	body.hb-club-hub-page .hb-dashboard-footer__contact,
	body.hb-club-hub-page .hb-dashboard-footer__legal {
	grid-column: 1 / -1;
	}
}

@media (max-width: 680px) {
	body.hb-club-hub-page .hb-overview-upload-card {
	grid-template-columns: minmax(0, 1fr);
	}

	/* Keep the approved one-line calendar heading authoritative. Legacy mobile
	   CSS otherwise pushes the archive link into the week grid. */
	body.hb-club-hub-page .hb-dashboard-calendar {
	grid-template-rows: 40px auto auto !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header {
	min-height: 40px !important;
	align-items: center !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > div {
	min-width: 0;
	flex: 0 1 auto;
	margin: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header > a {
	min-height: 40px !important;
	align-self: center !important;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 0 0 16px !important;
	font: 800 10px/1 Arial, Helvetica, sans-serif !important;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small {
	font: 700 10px/1.15 Arial, Helvetica, sans-serif !important;
	letter-spacing: .04em;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header small::after {
	content: "";
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header h2 {
	font: 400 10px/1.15 Arial, Helvetica, sans-serif !important;
	letter-spacing: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header h2::before {
	content: "— ";
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week {
	grid-template-columns: minmax(0, 1fr);
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a {
	min-height: 58px !important;
	grid-template-columns: 34px 34px 28px minmax(0, 1fr) !important;
	grid-template-rows: 1fr 1fr !important;
	justify-items: start;
	align-items: center;
	gap: 0 7px !important;
	padding: 8px 6px !important;
	border-right: 0;
	border-bottom: 1px solid #d5dce3;
	text-align: left;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a:last-child {
	border-bottom: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > :is(span, strong, i) {
	grid-row: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b,
	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	display: block !important;
	max-width: 100%;
	grid-column: 4;
	justify-self: stretch;
	overflow: hidden;
	visibility: visible !important;
	text-align: left;
	text-overflow: ellipsis;
	white-space: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > b {
	align-self: center;
	font-size: 9px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week > a > em {
	align-self: center;
	color: #65778a;
	font-size: 8px;
	font-style: normal;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own,
	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	padding: 10px 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__own > div,
	body.hb-club-hub-page .hb-dashboard-calendar__own > :is(a, button) {
	margin-right: 0;
	margin-left: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a {
	min-height: 52px;
	grid-column: 1;
	border-top: 1px solid #d5dce3;
	border-left: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer > a:nth-of-type(2) {
	border-left: 0;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week-note {
	grid-column: 1;
	}

	/* The Clubroom follows the selected prototype: one real card per row,
	   130px media, content-driven height, and a visible 12px rhythm. */
	body.hb-club-hub-page .hb-dashboard-stories {
	height: auto !important;
	padding: 0 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header {
	display: flex !important;
	min-height: 40px !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 !important;
	padding: 0 16px !important;
	background: #fff !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header h2 {
	font: 900 10px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header > a {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	gap: 9px;
	padding: 0 0 0 16px;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-stories__grid {
	display: grid !important;
	height: auto !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 12px !important;
	overflow: visible !important;
	padding: 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story {
	display: grid !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 116px !important;
	flex: none !important;
	aspect-ratio: auto !important;
	grid-template-columns: 130px minmax(0, 1fr) !important;
	grid-template-rows: minmax(116px, auto) !important;
	gap: 0 !important;
	align-items: stretch !important;
	padding: 0 !important;
	border: 1px solid #d5dce3 !important;
	background: #fff !important;
	}

	body.hb-club-hub-page .hb-dashboard-story:last-child {
	border-bottom: 1px solid #d5dce3 !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-wide .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-square .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-story.is-portrait .hb-dashboard-story__media {
	position: relative !important;
	inset: auto !important;
	display: block !important;
	width: 130px !important;
	height: 100% !important;
	min-height: 116px;
	grid-column: 1;
	grid-row: 1;
	justify-self: stretch !important;
	aspect-ratio: auto !important;
	overflow: hidden;
	}

	body.hb-club-hub-page .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-wide .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-square .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-story.is-portrait .hb-dashboard-story__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__body,
	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__body {
	position: static !important;
	display: grid !important;
	min-width: 0;
	align-content: start !important;
	gap: 8px !important;
	padding: 12px 30px 14px 12px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__body > strong {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
	font-size: 12px !important;
	line-height: 1.17 !important;
	overflow-wrap: break-word !important;
	-webkit-box-orient: initial !important;
	-webkit-line-clamp: unset !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__body small {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	font-size: 7px !important;
	line-height: 1.15 !important;
	overflow: visible !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__body p {
	display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-story__price {
	color: #082d5a !important;
	font-size: 13px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__body small {
	color: #c91f2d !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__body > strong,
	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__price {
	color: #082d5a !important;
	}

	/* Preserve the exact source media proportions used by the approved cards.
	   Fixed rows also prevent intrinsic image dimensions from stretching a card. */
	body.hb-club-hub-page .hb-dashboard-story.is-square {
	height: auto !important;
	min-height: 132px !important;
	grid-template-rows: minmax(130px, auto) !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-square .hb-dashboard-story__media {
	height: 130px !important;
	min-height: 130px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-portrait {
	height: auto !important;
	min-height: 164.5px !important;
	grid-template-rows: minmax(162.5px, auto) !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-portrait .hb-dashboard-story__media {
	height: 162.5px !important;
	min-height: 162.5px !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-action .hb-dashboard-story__media img {
	object-position: center 25% !important;
	}

	body.hb-club-hub-page .hb-dashboard-story > i {
	position: absolute !important;
	right: 10px;
	bottom: 10px;
	align-self: auto !important;
	color: #f32936 !important;
	font-size: 17px;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-without-media {
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: minmax(116px, auto) !important;
	}

	body.hb-club-hub-page .hb-dashboard-story.is-without-media .hb-dashboard-story__body {
	grid-column: 1 !important;
	grid-row: 1 !important;
	align-content: center !important;
	}

	/* On phones the guide becomes a two-row component; the full CTA is a
	   deliberate part of the approved design, not an icon-only shortcut. */
	body.hb-club-hub-page .hb-dashboard-help {
	height: auto !important;
	min-height: 0 !important;
	grid-template-columns: 50px minmax(0, 1fr) !important;
	grid-template-rows: auto 44px !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 10px 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-help > .dashicons,
	body.hb-club-hub-page .hb-dashboard-help__avatar {
	display: grid !important;
	width: 52px !important;
	height: 52px !important;
	place-items: center;
	border: 0 !important;
	border-radius: 0 !important;
	background: #082d5a !important;
	color: #fff !important;
	font-size: 25px !important;
	box-shadow: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-help > div {
	display: block !important;
	line-height: 1 !important;
	}

	body.hb-club-hub-page .hb-dashboard-help small {
	display: block !important;
	color: #c91f2d;
	font-size: 9px !important;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1.1 !important;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-help h2 {
	margin: 4px 0 2px !important;
	color: #082d5a !important;
	font: 800 16px/1 Arial, Helvetica, sans-serif !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-help p {
	margin: 0;
	color: #65778a;
	font-size: 9px !important;
	line-height: 1.25 !important;
	}

	body.hb-club-hub-page .hb-dashboard-help > button {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 44px !important;
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	align-items: center;
	justify-content: space-between !important;
	gap: 16px;
	padding: 0 15px !important;
	border: 1px solid #082d5a !important;
	background: #fff !important;
	color: #082d5a !important;
	font-size: 11px !important;
	font-weight: 900;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-help > button :is(i, .dashicons) {
	color: #f32936;
	font-size: 15px;
	}

	body.hb-club-hub-page .hb-dashboard-footer__inner {
	grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 420px) {
	body.hb-club-hub-page .hb-dashboard-v5 {
	width: calc(100% - 12px);
	}

	body.hb-club-hub-page .hb-overview-primary.is-with-plan .hb-overview-activities,
	body.hb-club-hub-page .hb-overview-plan-choice,
	body.hb-club-hub-page .hb-overview-upload-card {
	padding-right: 14px;
	padding-left: 14px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__header {
	margin-right: 8px;
	margin-left: 8px;
	padding-right: 0;
	padding-left: 0;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header,
	body.hb-club-hub-page .hb-dashboard-stories__grid {
	margin-right: 8px !important;
	margin-left: 8px !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header {
	padding-right: 0 !important;
	padding-left: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-stories > header > a {
	padding-right: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar__week,
	body.hb-club-hub-page .hb-dashboard-calendar__own,
	body.hb-club-hub-page .hb-dashboard-calendar__events,
	body.hb-club-hub-page .hb-dashboard-calendar__empty,
	body.hb-club-hub-page .hb-dashboard-calendar__plan-footer {
	margin-right: 16px !important;
	margin-left: 16px !important;
	}
}

/* The approved 681–920px state is a tablet composition: horizontal calendar,
   two-column Clubroom and a full one-row guide. It must not fall back to the
   legacy compact-list presentation between phone and desktop. */
@media (min-width: 681px) and (max-width: 920px) {
	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-header__inner {
	grid-template-columns: minmax(0, 1fr) 130px 40px 40px !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-listen {
	display: inline-flex !important;
	box-sizing: border-box;
	width: 130px;
	min-width: 130px;
	min-height: 44px !important;
	grid-column: 2;
	grid-row: 1;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 12px;
	border: 0 !important;
	background: #e64048 !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-cart {
	grid-column: 3;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5) .hb-global-desktop-account {
	grid-column: 4;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar {
	grid-template-rows: 40px auto auto !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar__header {
	display: flex !important;
	min-height: 40px !important;
	align-items: center !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar__header > div {
	min-width: 0;
	flex: 1 1 auto;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar__header > a {
	min-height: 40px;
	align-self: center !important;
	flex: 0 0 auto;
	margin: 0 !important;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories {
	height: auto !important;
	padding: 0 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories > header {
	display: flex !important;
	min-height: 40px !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 !important;
	padding: 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories > header h2 {
	font: 900 10px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories > header > a {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	gap: 9px;
	color: #082d5a !important;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories__grid {
	display: grid !important;
	height: auto !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	overflow: visible !important;
	padding: 0 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story {
	display: grid !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 222px !important;
	aspect-ratio: auto !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: 128px minmax(92px, auto) !important;
	gap: 0 !important;
	align-items: stretch !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid #d5dce3 !important;
	background: #fff !important;
	color: #082d5a !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-wide .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-square .hb-dashboard-story__media,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-portrait .hb-dashboard-story__media {
	position: relative !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	height: 128px !important;
	min-height: 0 !important;
	grid-column: 1;
	grid-row: 1;
	justify-self: stretch !important;
	aspect-ratio: auto !important;
	overflow: hidden;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-wide .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-square .hb-dashboard-story__media img,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-portrait .hb-dashboard-story__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-action .hb-dashboard-story__media img {
	object-position: center 25% !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__body,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-action .hb-dashboard-story__body {
	position: static !important;
	display: grid !important;
	min-width: 0;
	grid-column: 1;
	grid-row: 2;
	align-content: start !important;
	gap: 8px !important;
	padding: 12px 30px 14px 12px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__body small,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-action .hb-dashboard-story__body small {
	overflow: visible !important;
	color: #c91f2d !important;
	font-size: 7px !important;
	line-height: 1.15 !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__body > strong,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-action .hb-dashboard-story__body > strong {
	display: block !important;
	overflow: visible !important;
	color: #082d5a !important;
	font-size: 13px !important;
	line-height: 1.17 !important;
	-webkit-box-orient: initial !important;
	-webkit-line-clamp: unset !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__body p {
	display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story__price,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story.is-action .hb-dashboard-story__price {
	color: #082d5a !important;
	font-size: 13px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-story > i {
	position: absolute !important;
	right: 10px;
	bottom: 10px;
	align-self: auto !important;
	color: #f32936 !important;
	font-size: 17px;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help {
	box-sizing: border-box;
	height: 76px !important;
	min-height: 76px !important;
	grid-template-columns: 54px minmax(0, 1fr) 190px !important;
	grid-template-rows: 54px !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 10px 16px !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help > .dashicons,
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help__avatar {
	display: grid !important;
	width: 54px !important;
	height: 54px !important;
	place-items: center;
	border: 0 !important;
	border-radius: 0 !important;
	background: #082d5a !important;
	color: #fff !important;
	font-size: 25px !important;
	box-shadow: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help small {
	display: block !important;
	color: #c91f2d;
	font-size: 9px !important;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1.1 !important;
	text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help h2 {
	margin: 4px 0 2px !important;
	color: #082d5a !important;
	font: 800 16px/1 Arial, Helvetica, sans-serif !important;
	text-transform: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help p {
	margin: 0;
	color: #65778a;
	font-size: 9px !important;
	line-height: 1.25 !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help > button {
	display: flex !important;
	width: 190px !important;
	min-width: 190px !important;
	min-height: 44px !important;
	grid-column: 3 !important;
	grid-row: 1 !important;
	align-items: center;
	justify-content: space-between !important;
	gap: 16px;
	padding: 0 15px !important;
	border: 1px solid #082d5a !important;
	background: #fff !important;
	color: #082d5a !important;
	font-size: 11px !important;
	font-weight: 900;
	white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-help > button :is(i, .dashicons) {
	color: #f32936;
	font-size: 15px;
	}
}

/* The approved calendar link already includes a real Dashicon. Prevent the
   older generated glyph from becoming a fourth grid item on narrow screens. */
body.hb-club-hub-page .hb-dashboard-calendar__events > a::before {
	display: none !important;
	content: none !important;
}

/* The dashboard has its own full-width Trainer entry point. The global floating
   launcher otherwise obscures the workout CTA on phones and the guide CTA on
   desktop. Keep the panel available everywhere else on the site. */
body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) :is(.hb-ai-launcher, .hb-ai-launcher-panel) {
	display: none !important;
}

body.hb-club-hub-page .hb-dashboard-story > i .dashicons {
	width: 1em;
	height: 1em;
	font-size: 1em;
	line-height: 1;
}

/* Newspaper paints section headers beige with a more specific legacy rule.
   The approved Clubroom header is white at every responsive breakpoint. */
body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-stories > header {
	background: #fff !important;
}

/* From 921px the approved reference returns to the desktop header. Newspaper
   still requests its legacy mobile header up to 1018px, so keep our global
   header visible while restoring the compact three-link desktop composition. */
@media (min-width: 921px) and (max-width: 1018px) {
	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner {
	display: flex !important;
	width: calc(100% - 40px) !important;
	grid-template-columns: none !important;
	align-items: center;
	gap: 0;
	position: relative;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-logo {
	width: 215px !important;
	min-width: 215px;
	height: 26px !important;
	margin: 0 14px 0 0 !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-logo > span {
	width: 215px;
	height: 24px;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-nav {
	display: flex !important;
	height: 66px !important;
	min-height: 66px !important;
	align-items: center;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-nav > a {
	display: flex;
	height: 66px !important;
	min-height: 66px !important;
	align-items: center;
	padding: 0 17px;
	border: 0;
	background: transparent;
	color: #142d4b !important;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-nav > a:nth-child(n + 4) {
	display: none !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-listen {
	display: flex !important;
	box-sizing: border-box;
	width: 126px;
	min-width: 126px;
	min-height: 44px !important;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 9px !important;
	padding-right: 12px;
	padding-left: 12px;
	border: 0;
	background: #e64048 !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-account {
	width: 38px !important;
	height: 38px !important;
	grid-column: auto;
	grid-row: auto;
	margin-left: auto !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-cart,
	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-icon:last-child {
	display: flex !important;
	width: 38px !important;
	height: 38px !important;
	grid-column: auto;
	grid-row: auto;
	margin-left: 8px !important;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-icon {
	position: relative;
	align-items: center;
	justify-content: center;
	border: 0;
	color: #142d4b !important;
	text-decoration: none;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-icon > svg {
	display: block;
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	}

	body.hb-club-hub-page:has(.hb-dashboard-v5[data-hb-dashboard]) .hb-global-desktop-header__inner > .hb-global-desktop-account > svg {
	color: #fff;
	}
}

/* Late authority for the desktop Newsbreak because the original shell rules
   intentionally come after the new component block above. */
@media (min-width: 901px) {
	body.hb-club-hub-page .hb-dashboard-v5__wave {
		grid-template-columns: 108px minmax(140px, 1fr) clamp(202px, calc(29.24% - 101px), 274px) !important;
		overflow: hidden;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > span {
		justify-content: center;
		padding: 0 14px;
		background: #f32936;
		color: #fff;
		letter-spacing: .09em;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button {
		display: inline-flex;
		min-height: 36px;
		align-items: center;
		justify-content: flex-end;
		gap: 9px;
		padding: 0 16px;
		border: 0;
		border-left: 1px solid rgba(201, 31, 45, .28);
		background: #fff0f1;
		color: #c91f2d;
		cursor: pointer;
		font: 900 10px/1 Arial, Helvetica, sans-serif;
		white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button .dashicons {
		width: 18px;
		height: 18px;
		color: currentColor;
		font-size: 18px;
		line-height: 18px;
	}
}

@media (min-width: 901px) and (max-width: 1350px) {
	body.hb-club-hub-page .hb-dashboard-v5__wave > button {
		gap: 7px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button .dashicons {
		width: 16px;
		height: 16px;
		font-size: 16px;
		line-height: 16px;
	}
}

/* Late mobile authority for the interactive Newsbreak action and visible date.
   Older shell rules targeted the former link and hid the date entirely. */
@media (max-width: 900px) {
	body.hb-club-hub-page .hb-dashboard-v5__intro {
		gap: 4px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button {
		display: flex;
		width: 100%;
		min-width: 0;
		min-height: 29px;
		grid-column: 1 / -1;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 0 10px;
		border: 0;
		border-top: 1px solid rgba(201, 31, 45, .28);
		background: #fff0f1;
		color: #c91f2d;
		cursor: pointer;
		font: 900 9px/1 Arial, Helvetica, sans-serif;
		text-align: left;
	}

	body.hb-club-hub-page .hb-dashboard-v5__wave > button .dashicons {
		width: 15px;
		height: 15px;
		flex: 0 0 15px;
		color: currentColor;
		font-size: 15px;
		line-height: 15px;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time {
		display: flex;
		min-height: 24px;
		align-items: center;
		gap: 7px;
		padding: 0 3px;
		color: #082d5a;
		font-family: Arial, Helvetica, sans-serif;
		white-space: nowrap;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time > small {
		color: #c91f2d;
		font-size: 8px;
		font-weight: 900;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	body.hb-club-hub-page .hb-dashboard-v5__intro > time > strong {
		font-size: 10px;
		font-weight: 900;
	}

	body.hb-club-hub-page .hb-dashboard-v5__context {
		display: none;
	}
}

body.hb-club-hub-page .hb-dashboard-v5__wave > button:hover,
body.hb-club-hub-page .hb-dashboard-v5__wave > button:focus-visible,
body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > button:hover,
body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > button:focus-visible {
	background: #f32936;
	color: #fff;
}

body.hb-club-hub-page .hb-dashboard-v5__wave > button:focus-visible,
body.hb-club-hub-page .hb-mobile-app__wave:not(.is-compact) > button:focus-visible {
	outline: 2px solid #082d5a;
	outline-offset: -2px;
}

/* 1.36.34 — threshold-first calendar and activity history.
   This late authority deliberately replaces the former fixed-height calendar
   without changing the approved navy/red/white dashboard language. */
body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar-v2:is(.is-with-plan, .is-without-plan) {
	display: grid !important;
	height: auto !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto auto auto !important;
	gap: 0 !important;
	padding: 0 16px 16px !important;
	overflow: hidden;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header {
	display: flex !important;
	min-height: 58px !important;
	grid-column: 1 !important;
	grid-row: 1 !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > div {
	display: flex !important;
	min-width: 0;
	align-items: baseline !important;
	gap: 7px !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > div > span {
	color: #64778a;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav {
	display: flex;
	align-items: center;
	gap: 6px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav :is(button, a) {
	box-sizing: border-box;
	display: inline-flex;
	min-width: 36px;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border: 1px solid #cbd4dc;
	background: #fff;
	color: #082d5a !important;
	cursor: pointer;
	font: 900 9px/1 Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav a {
	gap: 7px;
	border-color: #082d5a;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav .dashicons {
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav a .dashicons {
	color: #f32936;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav button:disabled {
	cursor: default;
	opacity: .35;
}

/* 1.36.36 — week-level calendar navigation. */
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-step {
	width: 36px;
	padding: 0;
	border-color: #cbd4dc;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-range {
	box-sizing: border-box;
	display: inline-flex;
	min-width: 116px;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 11px;
	border: 1px solid #cbd4dc;
	background: #f5f7f9;
	color: #082d5a;
	font: 900 10px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__today-link {
	border-color: #cbd4dc;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__today-link[aria-current="date"] {
	border-color: #082d5a;
	background: #082d5a;
	color: #fff !important;
}

body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar-v2.is-compact {
	display: none !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__viewport {
	min-width: 0;
	grid-column: 1;
	grid-row: 2;
	overflow: hidden;
}

body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar-v2.is-desktop:is(.is-with-plan, .is-without-plan) .hb-dashboard-calendar__week {
	display: grid !important;
	width: 100% !important;
	height: auto !important;
	grid-column: 1 !important;
	grid-row: 2 !important;
	grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
	margin: 0 !important;
	border: 1px solid #cbd4dc !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button {
	box-sizing: border-box;
	display: grid !important;
	min-width: 0;
	min-height: 128px !important;
	grid-template-rows: 14px 23px 22px minmax(24px, auto) 18px 7px !important;
	align-content: center;
	justify-items: center;
	gap: 2px !important;
	margin: 0 !important;
	padding: 10px 8px !important;
	border: 0 !important;
	border-right: 1px solid #d8dee4 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #082d5a !important;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button:last-child {
	border-right: 0 !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > span {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > strong {
	font-size: 19px;
	line-height: 1;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > i {
	box-sizing: border-box;
	display: grid;
	width: 20px !important;
	height: 20px !important;
	place-items: center;
	border: 1px solid #c5ced7 !important;
	border-radius: 50%;
	background: #eef1f4 !important;
	font-style: normal;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > i .dashicons {
	width: 14px;
	height: 14px;
	color: #5f7081;
	font-size: 14px;
	line-height: 14px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button.is-complete > i {
	border-color: #65b83a !important;
	background: #65b83a !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button:is(.is-planned, .is-note) > i {
	border-color: #082d5a !important;
	background: #082d5a !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button.is-missed > i {
	border-color: #f32936 !important;
	background: #f32936 !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button:is(.is-complete, .is-planned, .is-note, .is-missed) > i .dashicons {
	color: #fff;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > b,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > em {
	display: block !important;
	max-width: 100%;
	overflow: hidden;
	visibility: visible !important;
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > b {
	align-self: end;
	font-size: 9px;
	line-height: 1.2;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > em {
	color: #64778a;
	font-size: 8px;
	line-height: 1.2;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button.is-selected {
	position: relative;
	z-index: 1;
	margin: -1px !important;
	border: 2px solid #f32936 !important;
	background: #f8fafb !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button.is-today:not(.is-selected) {
	box-shadow: inset 0 -3px #f32936 !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 :is(button, a):focus-visible,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 :is(button, a):focus-visible {
	position: relative;
	z-index: 3;
	outline: 3px solid #f32936 !important;
	outline-offset: 2px;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip {
	display: grid;
	min-width: 0;
	gap: 5px;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track {
	display: flex;
	width: 100%;
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: #cbd4dc;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track > i {
	min-width: 2px;
	height: 100%;
	font-style: normal;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track > i.is-below {
	background: #63bdd3;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track > i.is-between {
	background: #e5c441;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track > i.is-above {
	background: #f32936;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip__track > i.is-neutral {
	background: #aebbc6;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip > small {
	display: flex;
	min-width: 0;
	align-items: baseline;
	gap: 8px;
	color: #64778a;
	font-size: 8px;
	line-height: 1.25;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip > small strong {
	color: #082d5a;
	font-size: 9px;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip.is-compact {
	width: 72%;
	align-self: end;
}

body.hb-club-hub-page .hb-dashboard-threshold-strip.is-compact .hb-dashboard-threshold-strip__track {
	height: 5px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-details {
	min-width: 0;
	grid-column: 1;
	grid-row: 3;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel {
	box-sizing: border-box;
	min-height: 112px;
	padding: 12px 14px 14px;
	border: 1px solid #cbd4dc;
	border-top: 0;
	background: #fff;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel[hidden] {
	display: none !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header {
	display: flex;
	min-height: 28px;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > div {
	display: flex;
	align-items: baseline;
	gap: 7px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header small {
	color: #f32936;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header strong {
	color: #082d5a;
	font-size: 11px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > span {
	padding: 5px 8px;
	background: #f0f3f5;
	color: #64778a;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > span.is-complete {
	background: #edf7e9;
	color: #468b24;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > span:is(.is-missed) {
	background: #fff0f1;
	color: #c91f2d;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items {
	display: grid;
	gap: 8px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article {
	box-sizing: border-box;
	display: grid;
	min-height: 64px;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid #dde3e8;
	border-left: 4px solid #aebbc6;
	background: #f7f9fa;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article.is-planned {
	border-left-color: #082d5a;
	background: #f1f4f6;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article.is-complete {
	border-left-color: #65b83a;
	background: #fff;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article.is-note {
	border-left-color: #e5c441;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > .dashicons {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	color: #082d5a;
	font-size: 19px;
	line-height: 30px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article.is-complete > .dashicons {
	color: #65b83a;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > div {
	display: grid;
	min-width: 0;
	gap: 3px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article small {
	color: #64778a;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article strong {
	overflow: hidden;
	color: #082d5a;
	font-size: 11px;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article p {
	margin: 0;
	color: #64778a;
	font-size: 9px;
	line-height: 1.3;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article .hb-dashboard-threshold-strip {
	max-width: 390px;
	margin-top: 3px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > :is(a, button),
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions > a {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 11px;
	border: 1px solid #082d5a;
	background: #fff;
	color: #082d5a !important;
	cursor: pointer;
	font: 900 9px/1.15 Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions > a:first-child {
	background: #082d5a;
	color: #fff !important;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 {
	padding-bottom: 16px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__header {
	min-height: 52px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes {
	display: inline-grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 12px;
	border: 1px solid #082d5a;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a {
	display: flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	background: #fff;
	color: #082d5a !important;
	font-size: 9px;
	font-weight: 900;
	text-decoration: none;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a + a {
	border-left: 1px solid #082d5a;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a[aria-current="page"] {
	background: #082d5a;
	color: #fff !important;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 :is(.hb-dashboard-recent-activities__labels, .hb-dashboard-recent-activity) {
	grid-template-columns: minmax(170px, 1.4fr) minmax(64px, .5fr) minmax(78px, .62fr) minmax(88px, .68fr) minmax(92px, .72fr) minmax(48px, .38fr) minmax(276px, 1.75fr);
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__identity small {
	color: #468b24;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions > :only-child {
	grid-column: 1 / -1;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity.is-planned {
	background: #f1f4f6;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity.is-planned .hb-dashboard-recent-activity__identity small {
	color: #64778a;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity.is-missed {
	box-shadow: inset 4px 0 #f32936;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group {
	display: flex;
	min-height: 36px;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 12px;
	border-top: 1px solid #d5dce3;
	background: #e9eef2;
	color: #082d5a;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group:first-of-type {
	border-top: 0;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group > span {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group > small {
	color: #64778a;
	font-size: 8px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__empty-row {
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	padding: 14px;
	color: #64778a;
	font-size: 10px;
	text-align: center;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination {
	display: grid;
	grid-template-columns: minmax(110px, 1fr) auto minmax(110px, 1fr);
	align-items: center;
	gap: 12px;
	margin-top: 12px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination :is(a, strong) {
	display: flex;
	min-height: 36px;
	align-items: center;
	font-size: 9px;
	font-weight: 900;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination a {
	justify-content: center;
	padding: 0 12px;
	border: 1px solid #082d5a;
	color: #082d5a !important;
	text-decoration: none;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination > :last-child {
	justify-self: end;
}

@media (max-width: 900px) {
	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group {
		grid-column: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 681px) and (max-width: 920px) {
	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button {
		min-height: 112px !important;
		padding-right: 4px !important;
		padding-left: 4px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > em {
		display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-threshold-strip.is-compact {
		width: 82%;
	}
}

@media (max-width: 680px) {
	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar-v2.is-desktop {
		display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-v5 .hb-dashboard-calendar-v2.is-compact {
		display: grid !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 {
		grid-template-rows: auto auto auto !important;
		padding: 0 8px 8px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header {
		display: grid !important;
		min-height: 0 !important;
		grid-template-columns: minmax(0, 1fr);
		gap: 8px !important;
		padding: 12px 0 10px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > div {
		min-height: 20px;
		flex-wrap: wrap;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header h2::before {
		content: "— ";
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav {
		display: grid;
		grid-template-columns: 42px minmax(104px, 1fr) 42px 58px;
		gap: 5px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav :is(button, a) {
		min-height: 42px;
		padding: 0 7px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-step {
		width: 42px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-range {
		min-width: 0;
		min-height: 42px;
		padding: 0 6px;
		font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__full-link {
		grid-column: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week {
		display: flex !important;
		grid-template-columns: none !important;
		align-items: stretch;
		overflow: hidden;
		border-color: #cbd4dc !important;
		touch-action: pan-y;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button {
		flex: 0 0 12%;
		min-width: 0;
		min-height: 142px !important;
		grid-template-rows: 15px 26px 24px !important;
		align-content: center;
		padding: 9px 3px !important;
		transition: flex-basis .18s ease, background-color .18s ease;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button.is-selected {
		flex-basis: 52%;
		grid-template-rows: 15px 26px 24px minmax(28px, auto) 19px 7px !important;
		padding-right: 9px !important;
		padding-left: 9px !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button.is-window-hidden {
		display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > :is(b, em, .hb-dashboard-threshold-strip) {
		display: none !important;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > span {
		font-size: 7px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > strong {
		font-size: 16px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel {
		padding: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header {
		align-items: flex-start;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 8px;
		padding: 10px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > .dashicons {
		width: 24px;
		height: 24px;
		font-size: 17px;
		line-height: 24px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > :is(a, button),
	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions {
		grid-column: 1 / -1;
		width: 100%;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > :is(a, button) {
		min-height: 42px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions > a {
		min-height: 42px;
		white-space: normal;
	}

	body.hb-club-hub-page .hb-dashboard-threshold-strip > small {
		display: grid;
		gap: 2px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 {
		padding-right: 8px;
		padding-left: 8px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__header {
		min-height: 48px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__header h2 {
		display: block;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__header > a {
		font-size: 9px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes {
		display: grid;
		width: 100%;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a {
		min-height: 42px;
		padding: 0 8px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group {
		min-height: 48px;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		gap: 3px;
		padding: 8px 12px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions {
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions > :is(a, button) {
		min-height: 42px;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination > strong {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-content: center;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination > :not(strong) {
		grid-row: 2;
	}
}

/* A mobile calendar is a five-card control by scope, including wide phones,
   tablets and the standalone app document. It must not depend on viewport
   width alone because the app can run inside a wider installed window. */
body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week {
	display: flex !important;
	grid-template-columns: none !important;
	align-items: stretch;
	overflow: hidden;
	border-color: #cbd4dc !important;
	touch-action: pan-y;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button {
	flex: 0 0 12%;
	min-width: 0;
	min-height: 142px !important;
	grid-template-rows: 15px 26px 24px !important;
	align-content: center;
	padding: 9px 3px !important;
	transition: flex-basis .18s ease, background-color .18s ease;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button.is-selected {
	flex-basis: 52%;
	grid-template-rows: 15px 26px 24px minmax(28px, auto) 19px 7px !important;
	padding-right: 9px !important;
	padding-left: 9px !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button.is-window-hidden {
	display: none !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > :is(b, em, .hb-dashboard-threshold-strip) {
	display: none !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > span {
	font-size: 7px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2.is-mobile .hb-dashboard-calendar__week > button:not(.is-selected) > strong {
	font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button {
		transition: none !important;
	}
}

/* 1.36.38 — first-wave UX and accessibility polish. */
body.hb-club-hub-page :is(.hb-dashboard-calendar-v2, .hb-dashboard-recent-activities-v2) {
	scroll-margin-top: 92px;
}

body.hb-club-hub-page .hb-dashboard-support-card__icon,
body.hb-club-hub-page .hb-dashboard-support-card > a .dashicons,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header small {
	color: #c91f2d;
}

body.hb-club-hub-page .hb-dashboard-support-card small {
	font-size: 10px;
}

body.hb-club-hub-page .hb-dashboard-support-card time {
	color: #52677a;
	font-size: 11px;
}

body.hb-club-hub-page .hb-dashboard-support-card p {
	color: #52677a;
	font-size: 11px;
	line-height: 1.4;
}

body.hb-club-hub-page .hb-dashboard-support-card.is-week-summary p strong {
	color: #082d5a;
	font-size: 14px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav :is(button, a),
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-range {
	min-height: 44px;
	font-size: 11px !important;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-step {
	width: 44px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > div > span,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__week > button > em,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > span,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article small,
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article p,
body.hb-club-hub-page .hb-dashboard-threshold-strip > small,
body.hb-club-hub-page .hb-dashboard-recent-activities__labels,
body.hb-club-hub-page .hb-dashboard-recent-activity__identity time,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__group > small,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__empty-row {
	color: #52677a;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-panel > header > span.is-complete,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__identity small {
	color: #2f7018;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > :is(a, button),
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions > a,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions > :is(a, button),
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination :is(a, strong) {
	min-height: 44px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > :is(a, button),
body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-actions > a,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__modes > a,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions > :is(a, button),
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activities__pagination :is(a, strong) {
	font-size: 10px;
}

body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions {
	grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
}

body.hb-club-hub-page .hb-dashboard-recent-activities__labels {
	font-size: 9px;
}

body.hb-club-hub-page .hb-dashboard-recent-activity__identity time,
body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__identity small {
	font-size: 9px;
}

body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__day-items > article > a {
	background: #082d5a;
	color: #fff !important;
}

@media (max-width: 680px) {
	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav {
		grid-template-columns: 44px minmax(104px, 1fr) 44px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > .hb-dashboard-calendar__week-step {
		width: 44px;
	}

	body.hb-club-hub-page .hb-dashboard-calendar-v2 .hb-dashboard-calendar__header > nav > :is(.hb-dashboard-calendar__today-link, .hb-dashboard-calendar__full-link) {
		grid-column: 1 / -1;
	}

	body.hb-club-hub-page .hb-dashboard-recent-activities-v2 .hb-dashboard-recent-activity__actions {
		grid-template-columns: minmax(0, 1fr);
	}
}