/**
 * Hubase — Events archive & single (v2 redesign).
 *
 * Reference: designer mockups
 *   - Events – archive.pdf
 *   - Single Event – 1.pdf
 *
 * Design tokens (scoped to v2) — mapped to the SITE tokens; no warm/cream:
 *   --hubase-ev-bg         var(--hubase-box)   light neutral sub-surface
 *   --hubase-ev-surface    #FFFFFF             white card surface
 *   --hubase-ev-ink        var(--hubase-text)  titles + register button
 *   --hubase-ev-body       #4B4B4F             body copy (neutral gray)
 *   --hubase-ev-muted      #9E9E9E             date column + "(03)" counter
 *   --hubase-ev-chip       var(--hubase-box)   neutral chip background
 *   --hubase-ev-chip-ink   #2A2A33             chip text color
 *   --hubase-ev-bar        var(--hubase-box)   section-title strip
 *   --hubase-ev-border     var(--hubase-border) neutral border
 *   font                   var(--hubase-font-primary-family)
 *
 * All rules are scoped behind `.hubase-event-archive--v2` or
 * `.hubase-event-single` so the redesign doesn't leak into other CPTs
 * sharing `.hubase-service-archive` / `.hubase-guide` markup.
 */

.hubase-event-archive--v2,
.hubase-event-single {
	/* No warm/cream palette — events use the site's design tokens so they
	   match the rest of the site (and the designer mockup, which has no
	   beige/cream). Neutral fallbacks only apply when a token is unset. */
	--hubase-ev-bg: var(--hubase-box, #f2f2f4);
	--hubase-ev-surface: #ffffff;
	--hubase-ev-ink: var(--hubase-text, #141829);
	--hubase-ev-body: #4b4b4f;
	--hubase-ev-muted: #9e9e9e;
	--hubase-ev-chip: var(--hubase-box, #f2f2f4);
	--hubase-ev-chip-ink: #2a2a33;
	--hubase-ev-bar: var(--hubase-box, #ececef);
	--hubase-ev-border: var(--hubase-border, #e6e6ea);
	--hubase-ev-font-display: var(--hubase-font-primary-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
}

/* =========================================================================
 * Header — left-aligned, huge display title, tight tracking
 * ========================================================================= */

/* The shared `.hubase-header` part is center-aligned by some themes. Force
 * left alignment locally using high-specificity selectors so the mockup's
 * horizontal rhythm reads correctly even in otherwise centered themes. */
.hubase-event-archive--v2 .hubase-header,
.hubase-event-single .hubase-header {
	text-align: start;
	max-width: 100%;
	margin-bottom: 1.25rem;
}

.hubase-event-archive--v2 .hubase-header .hubase-breadcrumbs,
.hubase-event-single .hubase-header .hubase-breadcrumbs {
	margin: 0 0 0.75rem;
	padding: 0;
	font-size: 0.85rem;
	color: var(--hubase-ev-ink);
}

.hubase-event-archive--v2 .hubase-breadcrumbs__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
}

.hubase-event-archive--v2 .hubase-breadcrumbs__item {
	margin: 0;
	padding: 0;
}

.hubase-event-archive--v2 .hubase-breadcrumbs__item a {
	color: var(--hubase-ev-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hubase-event-archive--v2 .hubase-breadcrumbs__sep {
	color: var(--hubase-ev-ink);
	padding: 0 0.35em;
	font-weight: 500;
	letter-spacing: -0.05em;
}

.hubase-event-archive--v2 .hubase-breadcrumbs__item [aria-current="page"] {
	color: var(--hubase-ev-ink);
	font-weight: 500;
}

/* Display title — very heavy, tight tracking, larger than the theme h1.
 * `clamp()` scales down on smaller screens without needing breakpoints. */
.hubase-event-archive--v2 .hubase-subtitle,
.hubase-event-single .hubase-subtitle {
	font-family: var(--hubase-ev-font-display);
	font-size: clamp(1.05rem, 1.6vw, 1.25rem);
	font-weight: 500;
	color: var(--hubase-ev-ink);
	margin: 0 0 0.75rem;
	text-align: start;
}

.hubase-event-archive--v2 .hubase-intro,
.hubase-event-single .hubase-intro {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--hubase-ev-body);
	max-width: 62ch;
	margin: 0 0 1.5rem;
	text-align: start;
}

/* Category pill bar */
.hubase-event-archive--v2 .hubase-service-archive__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.75rem;
	justify-content: flex-start;
}

.hubase-event-archive--v2 .hubase-service-archive__cat-link {
	padding: 0.5rem 1.1rem;
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--hubase-ev-chip-ink);
	background: var(--hubase-ev-chip);
	border: 1px solid transparent;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.hubase-event-archive--v2 .hubase-service-archive__cat-link:hover {
	background: var(--hubase-ev-bar);
}

.hubase-event-archive--v2 .hubase-service-archive__cat-link.is-active {
	background: var(--hubase-ev-ink);
	color: #fff;
}

/* =========================================================================
 * Section title strip — gray bar with inline title + muted counter
 * ========================================================================= */

.hubase-event-archive--v2 .hubase-event-section {
	margin: 0 0 2.5rem;
}

.hubase-event-archive--v2 .hubase-event-section__title-bar {
	background: var(--hubase-ev-bar);
	border-radius: 10px;
	padding: 0.9rem 1.5rem;
	margin: 0 0 1.5rem;
}

.hubase-event-archive--v2 .hubase-event-section-title {
	font-family: var(--hubase-ev-font-display);
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--hubase-ev-ink);
	letter-spacing: -0.01em;
	margin: 0;
	display: inline-flex;
	align-items: baseline;
	gap: 0.5rem;
}

.hubase-event-archive--v2 .hubase-event-section-title__count {
	font-weight: 500;
	color: var(--hubase-ev-muted);
	font-size: 0.95rem;
}

/* =========================================================================
 * Event card — vertical stack of full-width cards (not a grid)
 * ========================================================================= */

.hubase-event-archive--v2 .hubase-event-list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.hubase-event-archive--v2 .hubase-event-card {
	display: grid;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	gap: 1.5rem;
	align-items: center;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 16px;
	box-shadow: none;
	transition: background 0.15s ease;
}

/* Cards with a featured image expand to three columns: date | image | body.
 * The image column is flexible so landscape and portrait thumbnails behave. */
.hubase-event-archive--v2 .hubase-event-card--has-thumb {
	grid-template-columns: 6.5rem minmax(12rem, 20rem) minmax(0, 1fr);
}

.hubase-event-archive--v2 .hubase-event-card:hover {
	background: rgba(255, 255, 255, 0.5);
}

/* --- Date column — plain text, no background, centered --- */
.hubase-event-archive--v2 .hubase-event-card__date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: transparent;
	padding: 0;
	line-height: 1.15;
}

.hubase-event-archive--v2 .hubase-event-card__date-dow {
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--hubase-ev-body);
	margin-bottom: 0.45rem;
}

.hubase-event-archive--v2 .hubase-event-card__date-day {
	display: block;
	font-family: var(--hubase-ev-font-display);
	font-size: 3rem;
	font-weight: 800;
	line-height: 1;
	color: var(--hubase-ev-ink);
	letter-spacing: -0.04em;
	margin-bottom: 0.45rem;
}

.hubase-event-archive--v2 .hubase-event-card--featured .hubase-event-card__date-day {
	font-size: 5rem;
}

.hubase-event-archive--v2 .hubase-event-card__date-my {
	display: block;
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--hubase-ev-body);
}

/* --- Image column --- */
.hubase-event-archive--v2 .hubase-event-card__thumb {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--hubase-ev-bar);
}

.hubase-event-archive--v2 .hubase-event-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* --- Body column --- */
.hubase-event-archive--v2 .hubase-event-card__body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.hubase-event-archive--v2 .hubase-event-card__title {
	font-family: var(--hubase-ev-font-display);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.015em;
	margin: 0;
}

.hubase-event-archive--v2 .hubase-event-card--featured .hubase-event-card__title {
	font-size: 1.5rem;
}

.hubase-event-archive--v2 .hubase-event-card__title a {
	color: var(--hubase-ev-ink);
	text-decoration: none;
}

.hubase-event-archive--v2 .hubase-event-card__title a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Location row — pin icon + navy text, directly under title */
.hubase-event-archive--v2 .hubase-event-card__location {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--hubase-ev-ink);
	margin: 0;
}

.hubase-event-archive--v2 .hubase-event-card__location-icon {
	display: inline-flex;
	color: var(--hubase-ev-ink);
}

.hubase-event-archive--v2 .hubase-event-card__excerpt {
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--hubase-ev-body);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* --- Actions row — Register + chips, no Details link --- */
.hubase-event-archive--v2 .hubase-event-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.6rem;
	align-items: center;
	margin-top: 0.4rem;
}

/* Register — dark navy pill, the card's only coloured CTA. */
.hubase-event-archive--v2 .hubase-event-card__register {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 1.4rem;
	font-size: 0.85rem;
	font-weight: 500;
	border-radius: 999px;
	text-decoration: none;
	background: var(--hubase-ev-ink);
	color: #fff;
	border: 1px solid var(--hubase-ev-ink);
	cursor: pointer;
	transition: filter 0.15s ease, transform 0.15s ease;
}

.hubase-event-archive--v2 .hubase-event-card__register:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

/* All chips share one treatment — unified gray pill, slim typography, no
 * icons. Category/Price/Services differ only in their label, which matches
 * the mockup's flat indicator vibe. */
.hubase-event-archive--v2 .hubase-event-card__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1rem;
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--hubase-ev-chip-ink);
	background: var(--hubase-ev-chip);
	border: 1px solid transparent;
	border-radius: 999px;
	white-space: nowrap;
}

/* =========================================================================
 * Single event page — header, share row, tags, meta row, sidebar cards
 * ========================================================================= */

.hubase-event-single .hubase-card {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Share row — compact icon strip, aligned to the end of the header. */
.hubase-event-single__share-row {
	display: flex;
	justify-content: flex-end;
	margin: 0.25rem 0 1rem;
}

.hubase-event-single__share-row .hubase-share__links--compact {
	display: inline-flex;
	gap: 0.35rem;
	padding: 0.35rem;
	border-radius: 999px;
	background: var(--hubase-ev-chip);
	border: 1px solid transparent;
}

.hubase-event-single__share-row .hubase-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: #fff;
	border: 1px solid transparent;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.hubase-event-single__share-row .hubase-share__link:hover {
	border-color: var(--hubase-ev-ink);
	transform: translateY(-1px);
}

.hubase-event-single__share-row .hubase-share__icon svg {
	display: block;
	width: 16px;
	height: 16px;
}

/* Tag pills — same treatment as archive category chips (flat gray). */
.hubase-event-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.25rem 0 1rem;
}

.hubase-event-single__tag {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 1rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 500;
	text-decoration: none;
	color: var(--hubase-ev-chip-ink);
	background: var(--hubase-ev-chip);
	border: 1px solid transparent;
	transition: background 0.15s ease, color 0.15s ease;
}

.hubase-event-single__tag:hover {
	background: var(--hubase-ev-ink);
	color: #fff;
}

/* Location + date row — icons in navy, text in ink. */
.hubase-event-single .hubase-event-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	align-items: center;
	margin: 0 0 1.25rem;
	font-size: 0.95rem;
	color: var(--hubase-ev-body);
}

.hubase-event-single__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-weight: 500;
	color: var(--hubase-ev-ink);
}

.hubase-event-single__meta-icon {
	display: inline-flex;
	color: var(--hubase-ev-ink);
}

/* Featured image — full-bleed inside the card. */
.hubase-event-single .hubase-section--media {
	margin: 0 0 1.5rem;
	border-radius: 12px;
	overflow: hidden;
}

.hubase-event-single .hubase-featured-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}

/* Excerpt */
.hubase-event-single .hubase-excerpt {
	font-size: 1.1rem;
	line-height: 1.6;
	color: var(--hubase-ev-body);
	margin: 0 0 1.5rem;
}

/* Highlights */
.hubase-event-single .hubase-event-highlights {
	background: var(--hubase-ev-bg);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0;
}

.hubase-event-single .hubase-event-highlights h2 {
	font-family: var(--hubase-ev-font-display);
	margin: 0 0 0.75rem;
	font-size: 1.15rem;
	color: var(--hubase-ev-ink);
}

.hubase-event-single .hubase-event-highlights ul {
	margin: 0;
	padding-inline-start: 1.25rem;
}

.hubase-event-single .hubase-event-highlights ul li {
	margin-bottom: 0.4rem;
	color: var(--hubase-ev-body);
}

/* --- Sidebar --- */
.hubase-aside--event .hubase-event-sidebar-card {
	background: var(--hubase-ev-surface);
	border: 1px solid var(--hubase-ev-border);
	border-radius: 12px;
	padding: 1rem 1.1rem 1.1rem;
	margin-bottom: 1.25rem;
	box-shadow: none;
}

.hubase-aside--event .hubase-aside-section__title {
	font-family: var(--hubase-ev-font-display);
	margin: 0 0 0.75rem;
	padding: 0;
	background: transparent;
	font-size: 1rem;
	font-weight: 700;
	color: var(--hubase-ev-ink);
	letter-spacing: -0.005em;
}

.hubase-aside--event .hubase-event-sidebar-card__list {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.35rem 0.85rem;
	margin: 0;
	font-size: 0.9rem;
}

.hubase-aside--event .hubase-event-sidebar-card__list dt {
	font-weight: 600;
	color: var(--hubase-ev-body);
	margin: 0;
}

.hubase-aside--event .hubase-event-sidebar-card__list dd {
	margin: 0;
	color: var(--hubase-ev-ink);
}

.hubase-aside--event .hubase-event-sidebar-card__text {
	font-size: 0.9rem;
	color: var(--hubase-ev-body);
	margin-bottom: 0.9rem;
}

.hubase-aside--event .hubase-event-sidebar-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.6rem 1rem;
	border-radius: 999px;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none;
	background: var(--hubase-ev-ink);
	color: #fff;
	border: 1px solid var(--hubase-ev-ink);
	cursor: pointer;
	transition: filter 0.15s ease;
}

.hubase-aside--event .hubase-event-sidebar-card__cta:hover {
	filter: brightness(1.1);
}

.hubase-aside--event .hubase-event-sidebar-card__events {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hubase-aside--event .hubase-event-sidebar-card__event {
	margin: 0 0 0.6rem;
	padding: 0;
}

.hubase-aside--event .hubase-event-sidebar-card__event:last-child {
	margin-bottom: 0;
}

.hubase-aside--event .hubase-event-sidebar-card__event-link {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.5rem;
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
	transition: background 0.15s ease;
}

.hubase-aside--event .hubase-event-sidebar-card__event-link:hover {
	background: var(--hubase-ev-bar);
}

.hubase-aside--event .hubase-event-sidebar-card__event-date {
	flex-shrink: 0;
	width: 2.75rem;
	min-height: 2.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--hubase-ev-bg);
	border-radius: 8px;
	padding: 0.35rem 0;
	line-height: 1.1;
}

.hubase-aside--event .hubase-event-sidebar-card__event-date-day {
	font-family: var(--hubase-ev-font-display);
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--hubase-ev-ink);
}

.hubase-aside--event .hubase-event-sidebar-card__event-date-my {
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--hubase-ev-body);
}

.hubase-aside--event .hubase-event-sidebar-card__event-title {
	font-size: 0.85rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--hubase-ev-ink);
}

/* Sticky sidebar on desktop. */
@media (min-width: 1001px) {
	.hubase-event-single .hubase-layout aside.hubase-aside--event {
		position: sticky;
		top: 2rem;
		align-self: flex-start;
		max-height: calc(100vh - 3rem);
		overflow-y: auto;
		scrollbar-width: thin;
	}
}

/* =========================================================================
 * Responsive
 * ========================================================================= */

@media (max-width: 1000px) {
	.hubase-event-archive--v2 .hubase-event-card,
	.hubase-event-archive--v2 .hubase-event-card--has-thumb {
		grid-template-columns: 5rem minmax(0, 1fr);
	}

	.hubase-event-archive--v2 .hubase-event-card--has-thumb .hubase-event-card__thumb {
		grid-column: 1 / -1;
		order: 3;
		aspect-ratio: 16 / 9;
		margin-top: 0.5rem;
	}

	.hubase-event-archive--v2 .hubase-event-card__date-day {
		font-size: 2.4rem;
	}
}

@media (max-width: 600px) {
	.hubase-event-archive--v2 .hubase-title {
		font-size: 2rem;
	}

	.hubase-event-archive--v2 .hubase-event-card,
	.hubase-event-archive--v2 .hubase-event-card--has-thumb {
		grid-template-columns: 1fr;
		padding: 1rem;
		gap: 1rem;
	}

	.hubase-event-archive--v2 .hubase-event-card__date {
		flex-direction: row;
		justify-content: flex-start;
		align-items: baseline;
		gap: 0.5rem;
		text-align: start;
	}

	.hubase-event-archive--v2 .hubase-event-card__date-day {
		font-size: 1.8rem;
		margin-bottom: 0;
	}

	.hubase-event-archive--v2 .hubase-event-card__date-dow,
	.hubase-event-archive--v2 .hubase-event-card__date-my {
		font-size: 0.8rem;
		margin-bottom: 0;
	}

	.hubase-event-archive--v2 .hubase-event-card--has-thumb .hubase-event-card__thumb {
		aspect-ratio: 16 / 10;
	}

	.hubase-event-archive--v2 .hubase-event-section__title-bar {
		padding: 0.75rem 1rem;
	}

	.hubase-event-single .hubase-event-single__share-row {
		justify-content: flex-start;
	}
}

.hubase-content.hubase-service-archive.hubase-event-archive .hubase-header h1.hubase-title {
    text-align: left;
}
.hubase-content.hubase-service-archive.hubase-event-archive .hubase-subtitle {
    text-align: left;
}
.hubase-content.hubase-service-archive.hubase-event-archive .hubase-intro {
    max-width: 800px;
    margin: 0;
    text-align: left;
}

/* =========================================================================
 * Single event — rebuilt layout (per explicit design spec):
 * hero → centered header/date/location/excerpt/CTA → two columns → author+share.
 * ========================================================================= */

.hubase-event-single__hero {
	margin: 0 0 30px;
}
.hubase-event-single__hero img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 7px;
}

/* Breadcrumbs + title, centered (overrides the shared left-aligned header). */
.hubase-event-single .hubase-header {
	max-width: 850px;
	margin: auto;
	text-align: center;
}

/* Date (bold) + location (icon + text), both centered. */
.hubase-event-single__datemeta {
	max-width: 850px;
	margin: 0 auto 20px;
	text-align: center;
}
.hubase-event-single__date {
	margin: 0 0 8px;
	font-weight: 700;
	color: var(--hubase-ev-ink);
}
.hubase-event-single__location {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-weight: 400;
	color: var(--hubase-ev-body);
}
.hubase-event-single__location-icon {
	display: inline-flex;
	color: var(--hubase-ev-ink);
}

.hubase-event-single__excerpt {
	max-width: 850px;
	margin: 0 auto 30px;
	text-align: center;
	color: var(--hubase-ev-body);
}

.hubase-event-single__cta {
	text-align: center;
	margin: 0 0 30px;
}

.hubase-event-single__register {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 1.4rem;
	font-size: 0.85rem;
	font-weight: 500;
	border-radius: 999px;
	text-decoration: none;
	background: var(--hubase-ev-ink);
	color: #fff;
	border: 1px solid var(--hubase-ev-ink);
	cursor: pointer;
	transition: filter 0.15s ease, transform 0.15s ease;
}
.hubase-event-single__register:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

/* Sidebar blocks — spacing between blocks (headings use the shared
 * .hubase-blog-single__sidebar-heading style). */
.hubase-aside--event .hubase-event-sidebar-block {
	margin: 0 0 25px;
}
.hubase-aside--event .hubase-event-sidebar-block:last-child {
	margin-bottom: 0;
}
.hubase-aside--event .hubase-event-sidebar-block__text {
	margin: 0 0 15px;
	color: var(--hubase-ev-body);
}

/* Event Details — each row split into two columns: label | value. */
.hubase-aside--event .hubase-event-detail-row {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 4px 12px;
	margin: 0 0 8px;
}
.hubase-aside--event .hubase-event-detail-row:last-child {
	margin-bottom: 0;
}
.hubase-aside--event .hubase-event-detail-row__label {
	font-weight: 600;
	color: var(--hubase-ev-body);
}
.hubase-aside--event .hubase-event-detail-row__value {
	color: var(--hubase-ev-ink);
}

/* Key Highlights — content tags as pills. */
.hubase-aside--event .hubase-event-sidebar-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hubase-aside--event .hubase-event-sidebar-tag {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 1rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 500;
	text-decoration: none;
	color: var(--hubase-ev-chip-ink);
	background: var(--hubase-ev-chip);
}

/* Registration disabled — one day after the event ends the button becomes
 * non-clickable (rendered as a <span>, greyed and pointer-locked). */
.hubase-event-single__register--disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.5;
}