.uhy-events { --uhy-events-accent: var(--uhy-mt-accent, var(--e-global-color-primary, #007a4d)); --uhy-events-accent-hover: var(--uhy-mt-accent-hover, var(--uhy-events-text)); --uhy-events-button-text: var(--uhy-mt-button-text, #fff); --uhy-events-button-hover-text: var(--uhy-mt-button-hover-text, #fff); --uhy-events-surface: var(--uhy-mt-surface, #f4f9f6); --uhy-events-text: var(--uhy-mt-text, var(--e-global-color-text, #17251f)); --uhy-events-muted: var(--uhy-mt-muted, #5d6e65); --uhy-events-border: var(--uhy-mt-border, color-mix(in srgb, var(--uhy-events-text) 16%, transparent)); color: var(--uhy-events-text); font-family: var(--e-global-typography-text-font-family, inherit); }
.uhy-events__intro { max-width: 780px; margin: 0 0 24px; }
.uhy-events__intro h2 { margin: 0 0 8px; color: var(--uhy-events-text); font-family: var(--e-global-typography-primary-font-family, inherit); font-size: clamp(26px, 3.2vw, 42px); font-weight: var(--e-global-typography-primary-font-weight, 700); line-height: 1.12; }
.uhy-events__intro p { margin: 0; color: var(--uhy-events-muted); font-size: 16px; line-height: 1.55; }
.uhy-events__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.uhy-events__card { display: grid; grid-template-columns: minmax(190px, 25%) minmax(0, 1fr); gap: clamp(24px, 4vw, 44px); align-items: stretch; padding: clamp(22px, 3vw, 30px); border: 1px solid var(--uhy-events-border); border-radius: 0; background: var(--uhy-events-surface); box-shadow: 0 5px 18px rgba(12, 38, 25, .045); }
.uhy-events__card[hidden], .uhy-events__more[hidden] { display: none !important; }
.uhy-events__meta { display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; padding: 18px; border: 1px solid color-mix(in srgb, var(--uhy-events-accent) 20%, transparent); border-radius: 0; background: color-mix(in srgb, #fff 72%, var(--uhy-events-surface)); }
.uhy-events__date { color: var(--uhy-events-text); font-family: var(--e-global-typography-primary-font-family, inherit); font-size: 1.35rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.15; }
.uhy-events__time { margin-top: 7px; color: var(--uhy-events-accent); font-size: .9em; font-weight: 800; line-height: 1.3; }
.uhy-events__location { display: grid; gap: 3px; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--uhy-events-border); color: var(--uhy-events-text); font-size: .88em; line-height: 1.45; }
.uhy-events__meta-label { color: var(--uhy-events-muted); font-size: .76em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.uhy-events__mode { display: inline-flex; margin-top: 15px; padding: 5px 9px; border-radius: 999px; background: color-mix(in srgb, var(--uhy-events-accent) 12%, #fff); color: var(--uhy-events-accent); font-size: .78em; font-weight: 800; line-height: 1.2; }
.uhy-events__cost { margin-top: 11px; color: var(--uhy-events-accent); font-size: .85em; font-weight: 800; line-height: 1.35; }
.uhy-events__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.uhy-events__card h3 { margin: 2px 0 12px; color: var(--uhy-events-text); font-family: var(--e-global-typography-primary-font-family, inherit); font-size: clamp(1.35rem, 2.3vw, 1.65rem); line-height: 1.2; }
.uhy-events__card p { max-width: 760px; margin: 0; color: var(--uhy-events-muted); font-size: .97em; line-height: 1.62; }
.uhy-events__card a { display: inline-flex; gap: 7px; align-items: center; margin-top: 20px; color: var(--uhy-events-accent); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.uhy-events__card a:hover, .uhy-events__card a:focus { color: var(--uhy-events-text); }
.uhy-events__more-wrap { margin: 22px 0 0; }
.uhy-events__more { min-height: 46px; padding: 11px 18px; border: 1px solid var(--uhy-events-accent); border-radius: 0; background: var(--uhy-events-accent); color: var(--uhy-events-button-text); font: inherit; font-weight: 800; line-height: 1.2; cursor: pointer; }
.uhy-events__more:hover, .uhy-events__more:focus { border-color: var(--uhy-events-accent-hover); background: var(--uhy-events-accent-hover); color: var(--uhy-events-button-hover-text); }
.uhy-events__more:focus-visible { outline: 3px solid color-mix(in srgb, var(--uhy-events-accent) 30%, transparent); outline-offset: 3px; }
@media (max-width: 680px) { .uhy-events__card { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 19px; } .uhy-events__meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-items: start; padding: 15px; } .uhy-events__time { align-self: center; margin-top: 0; text-align: right; } .uhy-events__location { grid-column: 1 / -1; margin-top: 14px; padding-top: 12px; } .uhy-events__mode, .uhy-events__cost { grid-column: 1 / -1; justify-self: start; margin-top: 12px; } .uhy-events__card h3 { margin-top: 0; } .uhy-events__card a { margin-top: 16px; } }