/**
 * Loporail Boards Hub — hub tile grid.
 *
 * The Signal Black design system (theme rail.css) owns all tokens and the
 * tile/filter/code components this markup reuses. This file carries only the
 * hub's own structure and the live country-filter behaviour.
 *
 * @package LoporailBoardsHub
 */

.loporail-boards-hub {
	margin: var( --gap-lg ) auto;
	max-width: var( --container, 1220px );
	padding-inline: var( --gutter, 32px );
	width: 100%;
	box-sizing: border-box;
}

.loporail-boards-hub-title {
	margin: 0 0 6px;
}

.loporail-boards-hub-subtitle {
	margin: 0 0 var( --gap-lg );
}

.loporail-boards-hub-search {
	margin: 0 0 var( --gap-lg );
}

.loporail-boards-hub-search-label {
	display: block;
	color: var( --muted );
	font-size: 13px;
	margin-bottom: 8px;
}

.loporail-boards-hub .el-tile__head {
	margin-bottom: 10px;
}

.loporail-boards-hub-card.is-hidden {
	display: none;
}

.loporail-boards-hub-cta {
	margin-top: 14px;
	color: var( --muted );
	font-size: 13px;
	font-weight: 600;
	transition: color 0.14s ease;
}

.el-tile:hover .loporail-boards-hub-cta {
	color: var( --accent );
}

.loporail-boards-hub-no-match {
	margin: var( --gap-md ) 0 0;
	color: var( --muted );
	font-size: 14px;
}

.loporail-boards-hub-honesty {
	margin: calc( var( --gap-md ) * -1 ) 0 var( --gap-lg );
	padding: var( --gap-sm ) var( --gap-md );
	border: 1px solid color-mix( in srgb, var( --muted ) 25%, transparent );
	border-radius: 12px;
	font-size: 13px;
	color: var( --muted );
}

.loporail-boards-hub-honesty .lwrail-honesty-lead {
	margin: 0 0 4px;
	color: var( --text );
	font-weight: 600;
	font-size: 14px;
}

.loporail-boards-hub-honesty p {
	margin: 0;
}