/**
 * ForeBranch Genealogy Frontend Styles
 */

/* Hide WordPress titles and fix spacing */
.entry-title,
.page-title,
.wp-block-post-title,
.wp-block-post-title h1,
.wp-block-post-title h2,
.wp-block-post-title h3,
.wp-block-post-title h4,
.wp-block-post-title h5,
.wp-block-post-title h6,
.wp-block-post-content h1:first-child,
.wp-block-post-content h2:first-child,
.wp-block-post-content h3:first-child,
h1.wp-block-post-title {
	display: none !important;
}

/* Fix spacing at the top of the page */
.wp-block-post-content,
.entry-content,
.wp-site-blocks .wp-block-post-content,
.wp-site-blocks main,
.wp-site-blocks .entry-content,
.wp-site-blocks .wp-block-post,
.alignfull.wp-block-post-content,
.has-global-padding,
.is-layout-constrained,
.wp-block-post-content-is-layout-constrained {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wp-block-spacer:first-child,
.wp-block-post-content > .wp-block-spacer:first-child,
.wp-block-post-content > *:first-child:not(.hp-genealogy-container) {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Container */
.hp-genealogy-container {
	margin: 0 auto !important;
	padding: 0 !important;
	font-family: var(--lp-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	font-size: var(--lp-font-size, medium);
	line-height: var(--lp-line-height, 1.3);
	color: var(--lp-text-color, inherit);
}

/* Header */
.hp-genealogy-header {
	margin-bottom: 15px;
}

.hp-genealogy-header h1 {
	margin-bottom: 10px;
	font-size: 24px;
	color: var(--lp-heading-color, inherit);
}

/* Breadcrumbs */
.hp-breadcrumbs {
	margin-bottom: 10px;
	font-size: medium;
}

.hp-breadcrumbs a {
	text-decoration: none;
	color: var(--lp-link-color, #004466);
}

.hp-breadcrumbs a:hover {
	text-decoration: underline;
}

/* Tree Selector */
.hp-tree-selector {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.hp-tree-selector label {
	margin-right: 10px;
	font-weight: bold;
}

.hp-tree-selector select {
	padding: 4px 6px;
	border: 1px solid #ddd;
	border-radius: 3px;
	min-width: 180px;
	font-size: medium;
}

.hp-tree-selector button {
	padding: 4px 10px;
	background-color: var(--lp-accent-color, #004466);
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 5px;
	font-size: medium;
}

.hp-tree-selector button:hover {
	background-color: #005177;
}

/* Alphabetical Index */
.hp-alphabetical-index {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #f5f5f5;
	border-radius: 4px;
	text-align: center;
}

.hp-letter-link {
	display: inline-block;
	padding: 3px 6px;
	margin: 1px;
	text-decoration: none;
	color: var(--lp-link-color, #004466);
	font-weight: bold;
	border-radius: 3px;
	font-size: medium;
}

.hp-letter-link:hover {
	background-color: #004466;
	color: white;
}

/* Surnames List */
.hp-surnames-container {
	margin-bottom: 15px;
}

.hp-letter-group {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
}

.hp-letter-group:last-child {
	border-bottom: none;
}

.hp-letter-heading {
	padding: 4px 12px;
	background-color: var(--lp-accent-color, #004466);
	color: white;
	border-radius: 3px;
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.hp-letter-heading:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 15px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #004466;
}

.hp-surnames {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
}

.hp-surname-item {
	padding: 2px 4px;
	border-bottom: 1px solid #eee;
	font-size: medium;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hp-surname-item a {
	text-decoration: none;
	color: var(--lp-link-color, #004466);
	font-weight: normal;
}

.hp-surname-item a:hover {
	text-decoration: underline;
}

.hp-surname-count {
	color: #666;
	font-size: 0.9em;
	margin-left: 5px;
}

/* Individuals List */
.hp-individuals-container {
	margin-bottom: 15px;
}

.hp-individuals-container h2 {
	margin-bottom: 10px;
	font-size: 20px;
}

.hp-individuals-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size: medium;
}

.hp-individuals-table th,
.hp-individuals-table td {
	padding: 6px;
	text-align: left;
	border-bottom: 1px solid #eee;
	font-size: medium;
}

.hp-individuals-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.hp-individuals-table tr:hover {
	background-color: #f9f9f9;
}

.hp-individuals-table .hp-person-link {
	color: var(--lp-link-color, #004466);
	text-decoration: none;
}

.hp-individuals-table .hp-person-link:hover {
	text-decoration: underline;
}

/* Pagination */
.hp-pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.hp-pagination-info {
	font-size: 14px;
	color: #666;
}

.hp-pagination-links {
	display: flex;
	gap: 5px;
}

.hp-pagination-link {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid var(--lp-border-color, #ddd);
	border-radius: 3px;
	text-decoration: none;
	color: var(--lp-link-color, #004466);
}

.hp-pagination-link:hover {
	background-color: #f5f5f5;
}

.hp-pagination-current {
	background-color: #004466;
	color: white;
	border-color: #004466;
}

/* Back to top button */
.hp-back-to-top {
	position: fixed !important;
	bottom: 20px !important;
	right: 20px !important;
	background-color: #004466 !important;
	color: white !important;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	text-align: center !important;
	line-height: 50px !important;
	font-size: 24px !important;
	cursor: pointer !important;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 9999 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hp-back-to-top.show {
	opacity: 1 !important;
	visibility: visible !important;
}

.hp-back-to-top:hover {
	background-color: #005177 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Compact styles */
.hp-genealogy-content {
	margin-top: 5px;
}

.hp-letter-group + .hp-letter-group {
	margin-top: 25px;
}

/* Responsive Styles */
@media (max-width: 768px) {
	.hp-surnames {
		grid-template-columns: repeat(3, 1fr);
	}

	.hp-pagination {
		flex-direction: column;
		gap: 15px;
	}

	.hp-tree-selector {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.hp-tree-selector select {
		width: 100%;
	}

	.hp-tree-selector button {
		margin-left: 0;
	}

	.hp-individuals-table,
	.hp-people-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}

	.hp-place-detail-page {
		padding: 12px;
	}

	.hp-place-detail-page .hp-page-title {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.hp-surnames {
		grid-template-columns: repeat(2, 1fr);
	}

	.hp-letter-link {
		padding: 3px 5px;
	}
}

/* Place Detail Page */
.hp-place-detail-page {
	margin: 0 auto;
	padding: 20px;
}

.hp-place-detail-page .hp-page-title {
	font-size: 28px;
	margin-bottom: 20px;
}

.hp-people-list h2 {
	font-size: 22px;
	margin-bottom: 15px;
}

.hp-people-table {
	width: 100%;
	border-collapse: collapse;
}

.hp-people-table th,
.hp-people-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.hp-people-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.hp-people-table tr:hover {
	background-color: #f9f9f9;
}

.hp-people-table a {
	color: var(--lp-link-color, #004466);
	text-decoration: none;
}

.hp-people-table a:hover {
	text-decoration: underline;
}

/* ==========================================================================
	ForeBranch Genealogy Hub redesign
	Tokens + components scoped under .hp-statistics / .lp-shell so WP themes
	are not globally restyled. Design-system strip styles intentionally omitted.
	========================================================================== */

.hp-statistics,
.lp-shell {
	/* Brand / accent */
	--lp-color-accent: #004466;
	--lp-color-accent-hover: #003350;
	--lp-color-accent-soft: #e6f0f5;
	--lp-color-accent-muted: #4a7a94;

	/* Neutrals */
	--lp-color-text: #1a1f24;
	--lp-color-text-secondary: #5a6570;
	--lp-color-text-muted: #8a949e;
	--lp-color-bg: #f4f6f8;
	--lp-color-surface: #ffffff;
	--lp-color-surface-alt: #f8f9fa;
	--lp-color-border: #e1e5e9;
	--lp-color-border-strong: #c5ccd3;

	/* Semantic (Today's events) */
	--lp-color-birth: #27AE60;
	--lp-color-birth-bg: #eaf7ef;
	--lp-color-marriage: #004466;
	--lp-color-marriage-bg: #e6f0f5;
	--lp-color-death: #6b7280;
	--lp-color-death-bg: #f0f1f3;

	/* Radius */
	--lp-radius-sm: 4px;
	--lp-radius: 8px;
	--lp-radius-lg: 12px;
	--lp-radius-pill: 999px;

	/* Shadows */
	--lp-shadow-sm: 0 1px 2px rgba(26, 31, 36, 0.04);
	--lp-shadow: 0 1px 3px rgba(26, 31, 36, 0.06), 0 1px 2px rgba(26, 31, 36, 0.04);
	--lp-shadow-hover: 0 4px 12px rgba(26, 31, 36, 0.08);

	/* Type scale */
	--lp-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--lp-text-xs: 0.75rem;
	--lp-text-sm: 0.875rem;
	--lp-text-base: 1rem;
	--lp-text-lg: 1.125rem;
	--lp-text-xl: 1.375rem;
	--lp-text-2xl: 1.75rem;
	--lp-text-3xl: 2rem;
	--lp-leading-tight: 1.25;
	--lp-leading: 1.5;
	--lp-weight-normal: 400;
	--lp-weight-medium: 500;
	--lp-weight-semibold: 600;
	--lp-weight-bold: 700;

	/* Spacing */
	--lp-space-1: 0.25rem;
	--lp-space-2: 0.5rem;
	--lp-space-3: 0.75rem;
	--lp-space-4: 1rem;
	--lp-space-5: 1.25rem;
	--lp-space-6: 1.5rem;
	--lp-space-8: 2rem;
	--lp-space-10: 2.5rem;
	--lp-space-12: 3rem;

	/* Layout */
	--lp-max-width: 1200px;
	--lp-focus-ring: 0 0 0 3px rgba(0, 68, 102, 0.35);
}

.hp-statistics {
	box-sizing: border-box;
	max-width: var(--lp-max-width);
	width: 100%;
	margin: 0 auto;
	padding: var(--lp-space-6) var(--lp-space-4) var(--lp-space-12);
	background-color: var(--lp-color-bg);
	color: var(--lp-color-text);
	font-family: var(--lp-font-family, var(--lp-font));
	min-height: auto;
}

.hp-statistics *,
.hp-statistics *::before,
.hp-statistics *::after {
	box-sizing: border-box;
}

.hp-statistics a {
	color: var(--lp-link-color, var(--lp-color-accent));
	text-decoration: none;
}

.hp-statistics a:hover {
	text-decoration: underline;
}

.hp-statistics a:focus-visible {
	outline: none;
	box-shadow: var(--lp-focus-ring);
	border-radius: var(--lp-radius-sm);
}

.lp-shell {
	max-width: var(--lp-max-width);
	margin: 0 auto;
}

/* Breadcrumb */
.lp-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--lp-space-2);
	font-size: var(--lp-text-sm);
	color: var(--lp-color-text-secondary);
	margin: 0 0 var(--lp-space-5);
	list-style: none;
	padding: 0;
}

.lp-breadcrumb li + li::before {
	content: "›";
	margin-right: var(--lp-space-2);
	color: var(--lp-color-text-muted);
}

.lp-breadcrumb a {
	color: var(--lp-color-text-secondary);
}

.lp-breadcrumb [aria-current="page"] {
	color: var(--lp-color-text);
	font-weight: var(--lp-weight-medium);
}

/* Legacy breadcrumb class still used in hub */
.hp-statistics .breadcrumbs,
.hp-statistics nav.breadcrumbs {
	margin-bottom: var(--lp-space-5);
	font-size: var(--lp-text-sm);
	color: var(--lp-color-text-secondary);
}

.hp-statistics .breadcrumbs a {
	color: var(--lp-color-text-secondary);
}

/* Page header */
.lp-page-header {
	margin-bottom: var(--lp-space-6);
}

.lp-page-title {
	margin: 0 0 var(--lp-space-2);
	font-size: clamp(1.5rem, 4vw, var(--lp-text-3xl));
	font-weight: var(--lp-weight-bold);
	line-height: var(--lp-leading-tight);
	letter-spacing: -0.02em;
	color: var(--lp-heading-color, var(--lp-color-text));
}

.lp-page-context {
	margin: 0;
	font-size: var(--lp-text-lg);
	color: var(--lp-color-text-secondary);
	max-width: 40rem;
}

/* Chip */
.lp-chip-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--lp-space-2);
	margin-bottom: var(--lp-space-6);
}

.lp-chip-group__label {
	font-size: var(--lp-text-sm);
	font-weight: var(--lp-weight-medium);
	color: var(--lp-color-text-secondary);
	margin-right: var(--lp-space-1);
}

.lp-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--lp-space-2);
	min-height: 2.25rem;
	padding: var(--lp-space-2) var(--lp-space-4);
	font-family: inherit;
	font-size: var(--lp-text-sm);
	font-weight: var(--lp-weight-medium);
	line-height: 1.2;
	color: var(--lp-color-accent);
	background: var(--lp-color-surface);
	border: 1px solid var(--lp-color-border);
	border-radius: var(--lp-radius-pill);
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.lp-chip:hover {
	background: var(--lp-color-accent-soft);
	border-color: var(--lp-color-accent-muted);
	text-decoration: none;
	color: var(--lp-color-accent);
}

.lp-chip:focus-visible {
	outline: none;
	box-shadow: var(--lp-focus-ring);
}

.hp-statistics a.lp-chip--active,
.lp-chip--active {
	color: #fff !important;
	background: var(--lp-color-accent);
	border-color: var(--lp-color-accent);
	text-decoration: none;
}

.lp-chip--active:hover {
	background: var(--lp-color-accent-hover);
	border-color: var(--lp-color-accent-hover);
	color: #fff;
}

.lp-chip:disabled,
.lp-chip[aria-disabled="true"] {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

/* Stat card */
.lp-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--lp-space-3);
	margin-bottom: var(--lp-space-5);
}

@media (min-width: 640px) {
	.lp-stat-grid {
	grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 900px) {
	.lp-stat-grid {
	grid-template-columns: repeat(5, 1fr);
	gap: var(--lp-space-4);
	}
}

.lp-stat-card {
	display: flex;
	flex-direction: column;
	gap: var(--lp-space-1);
	padding: var(--lp-space-4);
	background: var(--lp-color-surface);
	border: 1px solid var(--lp-color-border);
	border-radius: var(--lp-radius);
	box-shadow: var(--lp-shadow-sm);
	color: inherit;
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
	min-height: 5.5rem;
}

.lp-stat-card:hover {
	border-color: var(--lp-color-accent-muted);
	box-shadow: var(--lp-shadow-hover);
	text-decoration: none;
	transform: translateY(-1px);
	color: inherit;
}

.lp-stat-card:focus-visible {
	outline: none;
	box-shadow: var(--lp-focus-ring), var(--lp-shadow);
}

.lp-stat-card__icon {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--lp-color-accent-muted);
	margin-bottom: var(--lp-space-1);
	flex-shrink: 0;
}

.lp-stat-card__value {
	font-size: var(--lp-text-xl);
	font-weight: var(--lp-weight-bold);
	line-height: var(--lp-leading-tight);
	letter-spacing: -0.02em;
	color: var(--lp-color-text);
	font-variant-numeric: tabular-nums;
}

.lp-stat-card__label {
	font-size: var(--lp-text-sm);
	font-weight: var(--lp-weight-medium);
	color: var(--lp-color-text-secondary);
}

.lp-stat-card__meta {
	font-size: var(--lp-text-xs);
	color: var(--lp-color-text-muted);
	margin-top: auto;
}

/* Buttons / CTAs */
.lp-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lp-space-3);
	margin-bottom: var(--lp-space-8);
}

.lp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--lp-space-2);
	min-height: 2.5rem;
	padding: var(--lp-space-2) var(--lp-space-5);
	font-family: inherit;
	font-size: var(--lp-text-sm);
	font-weight: var(--lp-weight-semibold);
	line-height: 1.2;
	border-radius: var(--lp-radius);
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.lp-btn:focus-visible {
	outline: none;
	box-shadow: var(--lp-focus-ring);
}

.hp-statistics a.lp-btn--primary,
.lp-btn--primary {
	background: var(--lp-color-accent);
	color: #fff !important;
	border-color: var(--lp-color-accent);
	text-decoration: none;
}

.lp-btn--primary:hover {
	background: var(--lp-color-accent-hover);
	border-color: var(--lp-color-accent-hover);
	color: #fff;
	text-decoration: none;
}

.lp-btn--secondary {
	background: var(--lp-color-surface);
	color: var(--lp-color-accent);
	border-color: var(--lp-color-border);
}

.lp-btn--secondary:hover {
	background: var(--lp-color-accent-soft);
	border-color: var(--lp-color-accent-muted);
	color: var(--lp-color-accent);
	text-decoration: none;
}

.lp-btn--ghost {
	background: transparent;
	color: var(--lp-color-accent);
	border-color: transparent;
	padding-inline: var(--lp-space-3);
}

.lp-btn--ghost:hover {
	background: var(--lp-color-accent-soft);
	text-decoration: none;
}

/* Panel / Section */
.lp-section {
	margin-bottom: var(--lp-space-8);
}

.lp-section__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--lp-space-3);
	margin-bottom: var(--lp-space-4);
	flex-wrap: wrap;
}

.lp-section__title {
	margin: 0;
	font-size: var(--lp-text-xl);
	font-weight: var(--lp-weight-semibold);
	letter-spacing: -0.01em;
	color: var(--lp-color-text);
}

.lp-section__subtitle {
	margin: var(--lp-space-1) 0 0;
	font-size: var(--lp-text-sm);
	color: var(--lp-color-text-secondary);
	width: 100%;
}

.lp-panel {
	background: var(--lp-color-surface);
	border: 1px solid var(--lp-color-border);
	border-radius: var(--lp-radius);
	box-shadow: var(--lp-shadow-sm);
	overflow: hidden;
}

.lp-panel__body {
	padding: var(--lp-space-4);
}

@media (min-width: 640px) {
	.lp-panel__body {
	padding: var(--lp-space-5);
	}
}

/* Today's events */
.lp-events-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--lp-space-4);
}

@media (min-width: 700px) {
	.lp-events-grid {
	grid-template-columns: repeat(3, 1fr);
	}
}

.lp-event-col {
	display: flex;
	flex-direction: column;
	min-height: 11rem;
	background: var(--lp-color-surface-alt);
	border-radius: var(--lp-radius);
	border: 1px solid var(--lp-color-border);
	padding: var(--lp-space-4);
}

.lp-event-col__head {
	display: flex;
	align-items: center;
	gap: var(--lp-space-2);
	margin-bottom: var(--lp-space-3);
	padding-bottom: var(--lp-space-2);
	border-bottom: 2px solid transparent;
}

.lp-event-col--birth .lp-event-col__head {
	border-bottom-color: var(--lp-color-birth);
}

.lp-event-col--marriage .lp-event-col__head {
	border-bottom-color: var(--lp-color-marriage);
}

.lp-event-col--death .lp-event-col__head {
	border-bottom-color: var(--lp-color-death);
}

.lp-event-col__marker {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	flex-shrink: 0;
}

.lp-event-col--birth .lp-event-col__marker {
	background: var(--lp-color-birth);
}

.lp-event-col--marriage .lp-event-col__marker {
	background: var(--lp-color-marriage);
}

.lp-event-col--death .lp-event-col__marker {
	background: var(--lp-color-death);
}

.lp-event-col__title {
	margin: 0;
	font-size: var(--lp-text-sm);
	font-weight: var(--lp-weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--lp-color-text-secondary);
}

.lp-event-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--lp-space-2);
	flex: 1;
}

.lp-event-list li {
	font-size: var(--lp-text-sm);
	color: var(--lp-color-text);
}

.lp-event-list a {
	color: var(--lp-color-text);
	font-weight: var(--lp-weight-medium);
}

.lp-event-list a:hover {
	color: var(--lp-color-accent);
}

.lp-event-list__meta {
	display: block;
	font-size: var(--lp-text-xs);
	color: var(--lp-color-text-muted);
	font-weight: var(--lp-weight-normal);
}

/* Empty state */
.lp-empty {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: var(--lp-space-4) var(--lp-space-2);
	color: var(--lp-color-text-muted);
	min-height: 5.5rem;
}

.lp-empty__icon {
	width: 1.75rem;
	height: 1.75rem;
	margin-bottom: var(--lp-space-2);
	opacity: 0.5;
}

.lp-empty__text {
	margin: 0;
	font-size: var(--lp-text-sm);
}


/* Secondary hub layout */
.lp-hub-secondary {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--lp-space-6);
}

@media (min-width: 960px) {
	.lp-hub-secondary {
	grid-template-columns: 1.6fr 1fr;
	align-items: start;
	}
}

.lp-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.lp-icon {
	display: block;
	flex-shrink: 0;
}

/* Filled controls: beat .hp-statistics a link color */
.hp-statistics a.lp-chip,
.hp-statistics a.lp-stat-card,
.hp-statistics a.lp-btn {
	text-decoration: none;
}
.hp-statistics a.lp-chip:hover,
.hp-statistics a.lp-stat-card:hover,
.hp-statistics a.lp-btn:hover {
	text-decoration: none;
}
.hp-statistics a.lp-chip--active:hover,
.hp-statistics a.lp-btn--primary:hover {
	color: #fff !important;
}

.lp-pagination .page-numbers {
	display: inline-block;
	min-width: 36px;
	padding: 6px 10px;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	background: #fff;
	color: #004466;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}
.lp-pagination a.page-numbers:hover {
	background: #f0f5f9;
}
.lp-pagination .page-numbers.current {
	background: #004466;
	border-color: #004466;
	color: #fff;
}
.lp-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}