.cogo-save{display:inline-flex;align-items:center;gap:7px;appearance:none;background:transparent;border:1px solid var(--border-strong, #d8c9aa);color:var(--brand, #0a4a6e);border-radius:999px;padding:9px 18px;min-height:40px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.cogo-save:hover{border-color:var(--brand, #0a4a6e);background:var(--bg-elev-1)}.cogo-save:active{transform:scale(.97)}.cogo-save-icon{width:17px;height:17px;flex:none}.cogo-save.is-saved{background:var(--brand, #0a4a6e);border-color:var(--brand, #0a4a6e);color:var(--fg-inverse, #fff)}.cogo-save.is-saved .cogo-save-icon{fill:currentColor}:root[data-theme=dark] .cogo-save,html.dark .cogo-save{color:var(--heading)}:root[data-theme=dark] .cogo-save.is-saved,html.dark .cogo-save.is-saved{background:var(--heading);border-color:var(--heading);color:var(--cream)}.event-detail-poll{margin-top:40px;padding-top:36px;border-top:1px solid var(--border)}.event-detail-hero{position:relative;min-height:56vh;min-height:56svh;background:linear-gradient(135deg,var(--cat-tint, var(--brand)) 0%,var(--brand) 100%);color:#fff;display:grid;place-items:end start;overflow:hidden;isolation:isolate}.event-detail-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.event-detail-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#08293f2e,#08293fd9);z-index:0}.event-detail-hero-inner{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 48px}@media(min-width:768px){.event-detail-hero-inner{padding:40px 40px 72px}}@media(min-width:1024px){.event-detail-hero-inner{padding:64px 64px 96px}}.event-detail-category-icon{display:inline-flex;margin-right:6px;vertical-align:-2px}.event-detail-category-icon svg{width:14px;height:14px}.event-detail-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:12px 0 16px;color:#fff;font-weight:500;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.18)}.event-detail-meta{margin:0;font-family:var(--font-body);font-size:clamp(.95rem,1.2vw,1.05rem);color:#ffffffdb;font-variant-numeric:tabular-nums}.event-detail-meta time{font-variant-numeric:tabular-nums}.event-detail-status{padding:14px 24px;text-align:center;font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.event-detail-status strong{font-family:var(--font-display);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:12px;margin-right:8px}.status-cancelled{background:linear-gradient(90deg,#c53a2a,#9c2c1f)}.status-postponed{background:linear-gradient(90deg,#c77e1c,#a06515)}.status-rescheduled{background:linear-gradient(90deg,#1d7aa6,#155a7d)}.status-movedOnline{background:linear-gradient(90deg,#2b8a52,#1f6940)}.event-detail-body{margin-bottom:32px}.event-detail-body .lede{font-family:var(--font-body);font-size:1.15rem;line-height:1.6;color:var(--fg);margin:0}.event-detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:40px}.event-detail-share{appearance:none;border:1px solid var(--border-strong);background:transparent;color:var(--fg-soft);border-radius:var(--radius-full);padding:8px 16px 8px 12px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:36px;transition:background var(--dur-fast) var(--ease-out-soft),color var(--dur-fast) var(--ease-out-soft),transform var(--dur-base) var(--ease-spring);position:relative}.event-detail-share:hover{background:var(--bg-elev-2);color:var(--fg);transform:translateY(-1px)}.event-detail-share svg{width:16px;height:16px}.event-detail-share.is-copied span:after{content:attr(data-copied-suffix);color:var(--success)}.event-detail-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 48px;padding:0;border-top:1px solid var(--border)}.event-detail-grid-row{display:grid;grid-template-columns:1fr;padding:18px 0;border-bottom:1px solid var(--border);gap:4px}@media(min-width:600px){.event-detail-grid-row{grid-template-columns:140px 1fr;gap:24px;align-items:baseline}}.event-detail-grid dt{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0}.event-detail-grid dd{margin:0;font-size:16px;line-height:1.55;color:var(--fg)}.event-detail-related-head{text-align:center;margin-bottom:36px}.event-detail-related-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);margin:4px 0 0;color:var(--brand);font-weight:500}.event-detail-related{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:768px){.event-detail-related{grid-template-columns:repeat(3,1fr)}}.event-detail-related-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-soft),border-color var(--dur-fast) var(--ease-out-soft)}.event-detail-related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--brand)}.event-detail-related-date{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase}.event-detail-related-card h3{font-family:var(--font-display);font-size:1.15rem;margin:4px 0 2px;color:var(--brand);font-weight:500;line-height:1.2}.event-detail-related-card p{margin:0;font-size:13px;color:var(--fg-soft)}.event-detail-related-pill{align-self:flex-start;margin-top:6px;background:var(--bg-elev-2);color:var(--cat-tint);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}:root[data-theme=dark] .event-detail-related-head h2,html.dark .event-detail-related-head h2,:root[data-theme=dark] .event-detail-related-card h3,html.dark .event-detail-related-card h3{color:var(--heading)}
