/* Event interaction states shared by Home, the archive, stories and dialogs. */
:is(#event-teaser,#events,#event-story,#ace-info-dialog) :is(a,button,summary,[role=button]){cursor:pointer;transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,filter 220ms ease,translate 220ms cubic-bezier(.22,1,.36,1),scale 220ms ease}
:is(#event-teaser,#events,#event-story,#ace-info-dialog) :is(a,button,summary,[role=button]):focus-visible{outline:2px solid #ef763f;outline-offset:4px}
#events .event-update-card,#event-story .ace-gifts article[data-ace-modal]{transition:box-shadow 220ms ease,translate 220ms cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 1px transparent}
:is(#event-teaser .event-post-cover,#events .event-banner-media,#event-story .ace-gifts .ace-art) img{transition:scale 220ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
 :is(#event-teaser,#events,#event-story,#ace-info-dialog) .pill:hover{translate:0 -2px;filter:brightness(1.07);box-shadow:0 6px 16px #51352918,0 0 0 1px #ed986750}
 :is(#event-teaser,#events,#event-story,#ace-info-dialog) .pill.light:hover{background:#fff0df;border-color:#e5a17a;color:#513529;filter:none}
 :is(#event-teaser,#events,#event-story,#ace-info-dialog) a:not(.pill):not(.event-social-icon):not(.event-post-cover):not(.event-banner-media):hover{color:#d76834;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
 :is(#event-teaser,#events,#event-story) .event-social-icon:hover{translate:0 -2px;background:#fff0df;border-color:#e5a17a;box-shadow:0 5px 12px #51352912}
 #event-teaser :is([data-event-prev],[data-event-next]):hover{background:#fff0df;border-color:#e5a17a;color:#a44d29;scale:1.06;box-shadow:0 4px 12px #51352912}
 #event-teaser [data-event-dot]:hover>span{background:#e99061;scale:1.12}
 #events [data-event-filter]:hover{color:#a9532c;background:#fff0df}
 #events .event-update-card:hover{translate:0 -3px;box-shadow:0 8px 22px #51352912,0 0 0 1px #eaa77f70}
 #events .event-update-card:hover .event-banner-media img{scale:1.015}
 #event-teaser .event-post-cover:hover{scale:1.015;box-shadow:0 9px 24px #51352916}
 #event-story .ace-gifts article[data-ace-modal]:hover{translate:0 -3px;box-shadow:0 8px 18px #51352914,0 0 0 1px #e5a17a}
 #event-story .ace-gifts article[data-ace-modal]:hover img{scale:1.025}
 :is(#event-story,#ace-info-dialog) summary:hover{color:#a9532c;background:#fff0df;border-radius:8px}
 #ace-info-dialog :is([data-ace-close],[data-ace-day]):hover{background:#fff0df;color:#a9532c;border-color:#e5a17a;box-shadow:0 3px 10px #51352912}
 #event-story .line-preview-link:hover{color:#4f7b40;border-color:#4f7b40;translate:0 -1px}
}
/* Home scrapbook: restrained motion only on actionable elements. */
#event-story .ace-activities .ace-activity-action{display:block;height:100%;color:inherit;text-decoration:none!important;border-radius:inherit;transition:translate 220ms ease,box-shadow 220ms ease;background:inherit}
#event-story .ace-activities .ace-activity-action .pill{display:flex;align-items:center;justify-content:center}
@media(hover:hover) and (pointer:fine){#event-story .ace-activities .ace-activity-action:hover{color:inherit;translate:0 -4px;box-shadow:0 10px 22px #51352918,0 0 0 1px #efad83}#event-story .ace-activities .ace-activity-action:hover .pill{color:#b85b2c;background:#fff0df;border-color:#efad83}}
@media(max-width:760px){#event-story .ace-event .ace-activities .ace-grid article{display:block}#event-story .ace-event .ace-activities .ace-activity-action{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center}}
#event-story .ace-activities .ace-activity-action:active{scale:.985}
@media(prefers-reduced-motion:reduce){#event-story .ace-activities .ace-activity-action:hover{translate:none}}
#event-teaser.event-scrapbook :is(a,button){transition-duration:200ms}
#event-teaser.event-scrapbook .event-section-header .event-all-link span{display:inline-block;transition:translate 200ms ease}
#event-teaser.event-scrapbook .event-post-slide .event-post-cover{transition:translate 200ms ease,rotate 200ms ease,box-shadow 200ms ease;scale:1}
#event-teaser .event-home-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
#event-teaser .event-home-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;box-sizing:border-box;border:1px solid #51352920;border-radius:50%;color:inherit;background:#fffaf080;text-decoration:none}
#event-teaser .event-home-social svg{display:block;flex:none}
@media(hover:hover) and (pointer:fine){
 #event-teaser.event-scrapbook .event-section-header .event-all-link:hover{color:#e46e36}
 #event-teaser.event-scrapbook .event-section-header .event-all-link:hover span{translate:2px -2px}
 #event-teaser.event-scrapbook .event-detail-link:hover{background:#6d4b3c;filter:none;translate:0 -2px}
 #event-teaser.event-scrapbook :is([data-event-prev],[data-event-next]):hover{background:#f0e8db;border-color:#f08049;scale:1;color:#513529}
 #event-teaser.event-scrapbook .event-post-slide .event-post-cover:hover{translate:0 -4px;rotate:1deg;scale:1;box-shadow:0 18px 32px #5135291c}
 #event-teaser .event-home-social a:hover{color:#e46e36;background:#fff0df;border-color:#e5a17a;translate:0 -2px;text-decoration:none!important}
}
@media(prefers-reduced-motion:reduce){
 #event-teaser.event-scrapbook .event-section-header .event-all-link span{transition:none;translate:none!important}
 #event-teaser.event-scrapbook .event-post-slide .event-post-cover{transition:none;translate:none!important;rotate:none!important}
}
:is(#event-teaser,#events,#event-story,#ace-info-dialog) :is(.pill,button,[role=button]):active{scale:.975}
@media(hover:none){:is(#event-teaser,#events,#event-story,#ace-info-dialog) :is(.pill,button,[role=button]):active{filter:brightness(.97)}}
@media(prefers-reduced-motion:reduce){
 :is(#event-teaser,#events,#event-story,#ace-info-dialog) :is(a,button,summary,[role=button],img){transition:none!important}
 #events .event-update-card:hover,#event-story .ace-gifts article[data-ace-modal]:hover,:is(#event-teaser,#events,#event-story,#ace-info-dialog) .pill:hover{translate:none}
 :is(#event-teaser .event-post-cover,#events .event-banner-media,#event-story .ace-gifts .ace-art):hover,:is(#event-teaser .event-post-cover,#events .event-banner-media,#event-story .ace-gifts .ace-art) img{scale:1!important}
}