.section-header {
    font-size: var(--fs-h2);
    margin-bottom: var(--space-sm);
}

.date-label {
    margin-bottom: var(--space-huge);
}

.event-blocks {
    margin-bottom: var(--space-huge);
}

.event-block {
    margin-bottom: var(--space-huge);
    padding: var(--space-lg);
    background-color: var(--color-off-white);
    border-radius: 8px;
}

.event-title {
    font-size: var(--fs-h3);
    margin-bottom: var(--space-md);
}

.event-meta {
    margin-bottom: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.meta-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--fs-body);
}

.icon-placeholder {
    font-size: 1.25rem;
}

.event-description {
    margin-bottom: var(--space-md);
    color: var(--color-grey-dark);
}

.event-links {
    display: flex;
    gap: var(--space-lg);
}

.text-link {
    font-size: var(--fs-micro);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-bottom: 1px solid var(--color-charcoal);
    padding-bottom: 2px;
}

.map-container {
    width: 100%;
    height: 300px;
    background-color: var(--color-slate);
    border-radius: 8px;
    overflow: hidden;
}

.static-map {
    width: 100%;
    height: 100%;
    background-image: url('https://images.pexels.com/photos/1054218/pexels-photo-1054218.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=300&w=600');
    background-size: cover;
    background-position: center;
    position: relative;
    filter: grayscale(1);
}

.map-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    padding: var(--space-sm) var(--space-md);
    border-radius: 4px;
}

.map-pin {
    font-size: 2rem;
    display: block;
}

.map-text {
    font-size: var(--fs-body);
}