/* Small, local feedback. Layout and touch targets keep their current sizes. */
.travel-overview .overview-square{position:relative;isolation:isolate;overflow:hidden;transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.travel-overview .overview-square:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--motion-x,50%) var(--motion-y,30%),#7fb28730,transparent 85%);transition:opacity .25s ease}
.travel-overview .overview-square[aria-expanded=true]{background:#eef6ec;border-color:#acc8ad;box-shadow:0 3px 12px #285b3a12}
.travel-overview .overview-square[aria-expanded=true] .square-icon{color:var(--teal-dark)}
.travel-overview .overview-square[aria-expanded=true]:after{opacity:.6}
.trip-nav-compact.motion-nav,.travel-sheet-tabs.motion-nav{position:relative;isolation:isolate}
.motion-indicator{display:block;position:absolute;left:0;top:0;z-index:-1;pointer-events:none;background:var(--teal-dark);border-radius:10px}
.motion-nav>.motion-indicator[hidden]{display:none}
.trip-nav-compact.motion-nav>button.active,.trip-nav-compact.motion-nav>.trip-nav-more.active>summary{background:transparent}
.trip-nav-compact.motion-nav>.trip-nav-more.active>summary:hover,.trip-nav-compact.motion-nav>.trip-nav-more.active[open]>summary{background:transparent;color:#fff}
.travel-sheet-tabs.motion-nav>.motion-indicator{background:#e5eee4}
.travel-sheet-tabs.motion-nav>button[aria-selected=true]{background:transparent}
.trip-nav-compact{touch-action:pan-y}
.trip-nav-compact>button,.trip-nav-more>summary,.travel-sheet-tabs>button,.day-add,.quick-add button,.personal-trip-tools>button,.trip-cover-link,.button{transition:transform .18s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.compact-day{transition:border-color .22s ease,box-shadow .22s ease}
.compact-day[open]{box-shadow:0 3px 14px #31543b08}
.compact-day .day-chevron{transition:transform .22s ease}
.compact-day>summary[aria-expanded=false] .day-chevron{transform:none}
.compact-day>summary[aria-expanded=true] .day-chevron{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){.travel-overview .overview-square:hover:after{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .travel-overview .overview-square:active,.trip-nav-compact>button:active,.trip-nav-more>summary:active,.travel-sheet-tabs>button:active,.day-add:active,.quick-add button:active,.personal-trip-tools>button:active,.trip-cover-link:active,.button:active{transform:scale(.978)}
}
@media(prefers-reduced-motion:reduce){
 .travel-overview .overview-square,.travel-overview .overview-square:after,.trip-nav-compact>button,.trip-nav-more>summary,.travel-sheet-tabs>button,.day-add,.quick-add button,.personal-trip-tools>button,.trip-cover-link,.button,.compact-day,.compact-day .day-chevron{transition:none}
}