.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
	vertical-align: middle;
	line-height: 1;
}

/* Small decorative bits that aren't worth a custom block (DESIGN.md: Badges & Category Chips) */
.hg-badge-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 9999px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: var(--wp--preset--color--fairway-soft);
	color: var(--wp--preset--color--fairway-deep);
}

.hg-bar-red {
	width: 6px;
	height: 24px;
	border-radius: 9999px;
	background: var(--wp--preset--color--union-red);
	margin: 0;
}

.hg-stat-ribbon.wp-block-columns { margin-bottom: 0; }

/* Event & News card treatment for Query Loop output (DESIGN.md: Event & News Cards).
   The 4-column grid itself comes from WordPress (ul.wp-block-post-template.is-layout-grid);
   only the gap and the breakpoints are set here. */
.hg-query-wrap .wp-block-post-template { gap: 24px; }

.hg-query-wrap .wp-block-post {
	background: var(--wp--preset--color--surface-container-lowest);
	border: 1px solid var(--wp--preset--color--parchment-border);
	border-radius: 12px;
	padding: 20px;
	min-width: 0;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.hg-query-wrap .wp-block-post-title { overflow-wrap: anywhere; }

.hg-query-wrap .wp-block-post:hover {
	box-shadow: 0 10px 15px -3px rgba(20, 77, 52, 0.08), 0 4px 6px -2px rgba(20, 77, 52, 0.04);
	transform: translateY(-2px);
	border-color: #cbd5e1;
}

.hg-query-wrap .wp-block-post-title { margin: 0 0 4px !important; }
.hg-query-wrap .wp-block-post-title a { color: var(--wp--preset--color--primary); text-decoration: none; }
.hg-query-wrap .wp-block-post-title a:hover { color: var(--wp--preset--color--fairway-core); }
.hg-query-wrap .wp-block-post-date { display: block; margin-bottom: 8px; }
.hg-query-wrap .wp-block-post-excerpt { color: var(--wp--preset--color--on-surface-variant); }

@media (max-width: 1000px) {
	.hg-query-wrap .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.hg-query-wrap .wp-block-post-template.is-layout-grid { grid-template-columns: minmax(0, 1fr); }
	.hg-stat-ribbon.wp-block-columns { flex-wrap: wrap; }
	.hg-stat-ribbon.wp-block-columns > .wp-block-column { flex-basis: 50% !important; }
}

/* ==========================================================================
   Inner-page design system (Stitch "British Sporting Dignity"; DESIGN.md)
   Block styles registered in functions.php — selectable in the editor's
   Styles panel; content stays plain, editable core blocks.
   ========================================================================== */

/* Card: DESIGN.md Level 1 → Level 2 elevation */
.wp-block-group.is-style-hg-card {
	background: var(--wp--preset--color--surface-container-lowest);
	border: 1px solid var(--wp--preset--color--parchment-border);
	border-radius: 12px;
	padding: var(--wp--preset--spacing--lg);
	box-shadow: 0 2px 4px -1px rgba(20, 77, 52, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.03);
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
	height: 100%;
	box-sizing: border-box;
}
.wp-block-group.is-style-hg-card:hover {
	box-shadow: 0 10px 15px -3px rgba(20, 77, 52, 0.08), 0 4px 6px -2px rgba(20, 77, 52, 0.04);
	transform: translateY(-2px);
	border-color: #cbd5e1;
}
.wp-block-group.is-style-hg-card > :first-child { margin-top: 0; }
.wp-block-group.is-style-hg-card > :last-child { margin-bottom: 0; }

/* Dark card (fairway green) */
.wp-block-group.is-style-hg-card-dark {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-primary);
	border-radius: 12px;
	padding: var(--wp--preset--spacing--lg);
	box-sizing: border-box;
}
.wp-block-group.is-style-hg-card-dark > :first-child { margin-top: 0; }
.wp-block-group.is-style-hg-card-dark > :last-child { margin-bottom: 0; }
.wp-block-group.is-style-hg-card-dark :where(h1, h2, h3, h4, h5, p, li) { color: inherit; }

/* Footer strip inside a card: label + value (DESIGN.md card meta rows) */
.wp-block-group.is-style-hg-strip {
	background: var(--wp--preset--color--sand-50);
	border-radius: 8px;
	padding: 12px 16px;
	margin-top: var(--wp--preset--spacing--md);
}
.wp-block-group.is-style-hg-strip > * { margin: 0; }

/* Badges & eyebrow (DESIGN.md: Badges & Category Chips) */
.wp-block-paragraph.is-style-hg-badge,
.wp-block-paragraph.is-style-hg-badge-navy,
.wp-block-paragraph.is-style-hg-badge-red {
	display: inline-block;
	margin: 0;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	width: fit-content;
}
.wp-block-paragraph.is-style-hg-badge { background: var(--wp--preset--color--fairway-soft); color: var(--wp--preset--color--fairway-deep); }
.wp-block-paragraph.is-style-hg-badge-navy { background: var(--wp--preset--color--surface-container); color: var(--wp--preset--color--navy-core); }
.wp-block-paragraph.is-style-hg-badge-red { background: var(--wp--preset--color--union-red-soft); color: var(--wp--preset--color--union-red); }

.wp-block-paragraph.is-style-hg-eyebrow {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--secondary);
}

.hg-breadcrumb { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; color: var(--wp--preset--color--secondary); }
.hg-breadcrumb a { color: var(--wp--preset--color--secondary); text-decoration: none; }
.hg-breadcrumb a:hover { color: var(--wp--preset--color--fairway-core); }
.hg-breadcrumb strong { color: var(--wp--preset--color--fairway-core); font-weight: 700; }
.hg-lead { max-width: 56rem; }
.hg-prose { max-width: 48rem; }

/* Stat ribbon (Columns) */
.wp-block-columns.is-style-hg-stats {
	background: var(--wp--preset--color--surface-container-lowest);
	border-radius: 12px;
	padding: 16px;
	gap: 8px;
	margin: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.wp-block-columns.is-style-hg-stats p { margin: 0; }

/* Leaderboard table (DESIGN.md: Lists & Tournament Leaderboards) */
.wp-block-table.is-style-hg-leaderboard { margin: 0; }
.wp-block-table.is-style-hg-leaderboard table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--wp--preset--color--parchment-border);
	border-radius: 12px;
	overflow: hidden;
	font-size: 14px;
}
.wp-block-table.is-style-hg-leaderboard th,
.wp-block-table.is-style-hg-leaderboard td {
	padding: 10px 14px;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--parchment-border);
	text-align: left;
}
.wp-block-table.is-style-hg-leaderboard thead th {
	background: var(--wp--preset--color--sand-100);
	color: var(--wp--preset--color--secondary);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.wp-block-table.is-style-hg-leaderboard tbody tr:nth-child(odd) { background: var(--wp--preset--color--surface-container-lowest); }
.wp-block-table.is-style-hg-leaderboard tbody tr:nth-child(even) { background: var(--wp--preset--color--sand-50); }
.wp-block-table.is-style-hg-leaderboard tbody tr:last-child td { border-bottom: 0; }
.wp-block-table.is-style-hg-leaderboard tbody td:first-child { font-weight: 700; color: var(--wp--preset--color--navy-core); white-space: nowrap; width: 6rem; }
.wp-block-table.is-style-hg-leaderboard figcaption { margin-top: 8px; font-size: 13px; color: var(--wp--preset--color--on-surface-variant); }

/* Accordion (core/accordion) for the meeting minutes */
.wp-block-accordion { display: flex; flex-direction: column; gap: 12px; }
.wp-block-accordion .wp-block-accordion-item {
	background: var(--wp--preset--color--surface-container-lowest);
	border: 1px solid var(--wp--preset--color--parchment-border);
	border-radius: 12px;
	padding: 0 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.wp-block-accordion .wp-block-accordion-item.is-open { border-color: var(--wp--preset--color--fairway-core); }
.wp-block-accordion .wp-block-accordion-heading { margin: 0; font-size: var(--wp--preset--font-size--headline-sm); line-height: 1.4; }
.wp-block-accordion .wp-block-accordion-heading__toggle { padding: 16px 0; font-weight: 700; color: var(--wp--preset--color--primary); }
.wp-block-accordion .wp-block-accordion-panel { padding-bottom: 16px; color: var(--wp--preset--color--on-surface-variant); }
.wp-block-accordion .wp-block-accordion-panel > :first-child { margin-top: 0; }
.wp-block-accordion .wp-block-accordion-panel > :last-child { margin-bottom: 0; }

/* Query Loop pagination (news / events lists) */
.wp-block-query-pagination { gap: 8px; align-items: center; }
.wp-block-query-pagination-numbers { display: flex; gap: 6px; align-items: center; }
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--navy-core);
}
.wp-block-query-pagination a:hover { background: var(--wp--preset--color--fairway-soft); color: var(--wp--preset--color--fairway-deep); }
.wp-block-query-pagination .page-numbers.current { background: var(--wp--preset--color--fairway-core); color: #fff; }
.wp-block-query-pagination .page-numbers.dots { padding-left: 0; padding-right: 0; }

/* Photo gallery */
.wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 8px; }

/* Organisation logo tiles (square brand images) */
.wp-block-image.is-style-hg-logo img { border-radius: 12px; }

/* Numbered requirement / step markers */
.wp-block-paragraph.hg-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0 0 12px;
	border-radius: 9999px;
	background: var(--wp--preset--color--fairway-soft);
	color: var(--wp--preset--color--fairway-core);
	font-weight: 800;
	font-size: 14px;
}

@media (max-width: 781px) {
	.wp-block-group.is-style-hg-card:hover { transform: none; }
}