/* Event pages (website/events/*.html), generated by tools/events/publish.py.
   Based on the approved hand-built digital-sovereignty.html example. */

.event-main { max-width: 1120px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.event-back { display: inline-block; color: #476332; font-weight: 700; margin-bottom: 1.75rem; }
.event-back:hover, .event-link:hover { text-decoration: underline; }
.event-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.event-cover { width: 100%; height: auto; border-radius: 1rem; }
.event-label { color: #476332; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 1.75rem 0 .5rem; }
.event-title { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; font-weight: 700; margin-bottom: .75rem; }
.event-guest { color: #52604b; font-size: 1.2rem; margin-bottom: 1.5rem; }
.event-description { font-size: 1.1rem; line-height: 1.8; }
.event-details { padding: 1.75rem; background: white; border: 1px solid #dfe7d9; border-radius: 1rem; box-shadow: 0 8px 30px rgba(41,47,54,.04); }
.event-details h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem; }
.event-facts { margin: 0; }
.event-facts dt { color: #64705d; font-size: .85rem; margin-bottom: .25rem; }
.event-facts dd { font-size: 1.05rem; font-weight: 700; margin: 0 0 1.25rem; }
.event-timezone { display: block; font-size: .85rem; font-weight: 400; color: #64705d; margin-top: .25rem; }
.event-actions { border-top: 1px solid #e3e9df; padding-top: 1.5rem; }
.event-actions add-to-calendar-button { display: block; margin-bottom: 1rem; }
.event-join { display: block; text-align: center; background: #476332; color: white; border: 2px solid #476332; border-radius: .5rem; padding: .8rem 1rem; font-weight: 700; }
.event-join:hover { background: #364c26; border-color: #364c26; }
.event-note { color: #64705d; font-size: .9rem; line-height: 1.6; margin: .75rem 0 1.25rem; }
.event-link { color: #476332; font-weight: 700; }
.event-secondary { font-size: .9rem; line-height: 1.8; margin-top: 1.25rem; }
.event-secondary a { display: block; }
.event-finished { border-top: 1px solid #e3e9df; padding-top: 1.5rem; }
.event-finished[hidden] { display: none; }
.event-reminder { margin-top: 1.25rem; text-align: center; }
.event-reminder .event-note { margin: .5rem 0 0; }
.event-newsletter-button { display: block; width: 100%; box-sizing: border-box; padding: .7rem 1rem; border: 1px solid #476332; border-radius: .5rem; color: #476332; background: white; font-weight: 700; }
.event-newsletter-button:hover { background: #eef4e8; }
.event-community { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #dfe7d9; font-size: .95rem; line-height: 1.7; }
.event-main a:focus-visible { outline: 3px solid #476332; outline-offset: 4px; }
@media (max-width: 767px) {
    .event-main { padding-top: 1.5rem; }
    .event-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .event-details { padding: 1.5rem; }
}