/* Motion follows the action; layout and palette belong to the page components. */
body[data-ui-shell="community"] :is(button,.button,summary){touch-action:manipulation}
body[data-ui-shell="community"] :is(button,a,summary,input,textarea,select):focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
 body[data-ui-shell="community"] :is(button,.button,summary){transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 120ms cubic-bezier(.2,.8,.2,1)}
 body[data-ui-shell="community"] :is(button,.button):not(:disabled):active{transform:scale(.975)}
 body[data-ui-shell="community"] :is([aria-pressed],[aria-current]):not(input):not(textarea){transition:background-color 170ms ease,color 170ms ease,border-color 170ms ease,box-shadow 170ms ease}
 body[data-ui-shell="community"] details[open]>:not(summary){animation:community-expand 180ms cubic-bezier(.2,.8,.2,1) both}
 body[data-ui-shell="community"] details>summary svg{transition:transform 180ms ease}
 body[data-ui-shell="community"] details[open]>summary>svg:last-child{transform:rotate(90deg)}
 body[data-ui-shell="community"] :is(.form-feedback,.market-feedback,.gather-feedback,.activity-feedback,.space-feedback):not(:empty){animation:community-feedback 160ms ease-out both}
 body[data-ui-shell="community"] :is(.guide-help-entry,.message-personal-actions a,.life-stage-actions a,.life-launchpad a,.experience-results a){transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease}
 @media(hover:hover){body[data-ui-shell="community"] :is(.guide-help-entry,.message-personal-actions a,.experience-results a):hover{transform:translateY(-1px)}}
 @keyframes community-expand{from{opacity:.6;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
 @keyframes community-feedback{from{opacity:.5}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
 body[data-ui-shell="community"] :is(button,a,summary,details>*),body[data-ui-shell="community"] #dialog{animation:none!important;transition:none!important}
}
/* Leave the map's pan and zoom controls unobstructed. */
body:is([data-page="atlas"],[data-page="district"],[data-page="place"]) .experience-tools{display:none}