/* Shared interaction finish. Component layout and artwork stay page-owned. */
:root{--ui-copper:#8b4719;--ui-focus:#97602d;--ui-fast:160ms;--ui-ease:cubic-bezier(.2,.7,.2,1)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}
:where(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
:where(button,summary){touch-action:manipulation}
:where(button:disabled,[aria-disabled=true]){cursor:not-allowed}
:where(input,textarea,select){accent-color:var(--ui-copper)}
:where(input:not([type=radio]):not([type=checkbox]),textarea):focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px #97602d16}
:where(input,textarea)[aria-invalid=true]{border-color:#a34132}
.field-error{display:block;color:#923b2e;line-height:1.5;margin-top:6px}
:where(.header-dropdown-panel,.select-options){scrollbar-width:thin;scrollbar-color:#b69a77 transparent}
.select-options{max-height:min(250px,var(--select-space,250px));scroll-padding:6px}
:where(.academy-card,.plan-card,.business-point,.trail-compact-list>li,.saloon-entry):focus-within{border-color:#a4784566;box-shadow:0 0 0 2px #a4784512}
:where(.saloon-tabs button,.trail-view-controls button)[aria-pressed=true]{box-shadow:inset 0 -2px #a4703d}
:where(.activity-answer,.branch-choice)[aria-pressed=true]{border-color:#8b4719;background:#f2e6d3}
:where(dialog){max-height:calc(100dvh - 32px);overscroll-behavior:contain}
:where(dialog)::backdrop{background:#112d40a6;backdrop-filter:blur(3px)}
:where(.dialog-close){min-width:40px;min-height:40px}
:where(.motion-toggle,.site-motion-control){font:500 12px/1.4 Inter,Arial,sans-serif;border:1px solid #9a74433b;border-radius:999px;padding:9px 13px;background:transparent;color:inherit;cursor:pointer}
.site-motion-control{margin:12px 0}
@media(hover:hover) and (pointer:fine){
 :where(.button,.text-button,.text-link,.select-trigger,.dialog-close):not(:disabled):hover{filter:brightness(1.04)}
 :where(.academy-card,.plan-card,.business-point,.trail-compact-list>li):hover{border-color:#a4784555}
}
@media(prefers-reduced-motion:no-preference){
 :where(.button,.text-button,.text-link,.select-trigger,.dialog-close,.activity-answer,.branch-choice){transition:background-color var(--ui-fast),border-color var(--ui-fast),box-shadow var(--ui-fast),filter var(--ui-fast),translate var(--ui-fast)}
 :where(.button,.select-trigger,.activity-answer,.branch-choice):not(:disabled):active{translate:0 1px}
 :where(input,textarea){transition:border-color var(--ui-fast),box-shadow var(--ui-fast)}
 .header-dropdown-panel:not([hidden]),.select-options:not([hidden]){animation:ui-menu-in 150ms var(--ui-ease)}
 dialog[open]{animation:ui-dialog-in 200ms var(--ui-ease)}
 dialog[open]::backdrop{animation:ui-backdrop-in 180ms ease-out}
 @keyframes ui-menu-in{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
 @keyframes ui-dialog-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
 @keyframes ui-backdrop-in{from{opacity:0}to{opacity:1}}
}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(pointer:coarse){:where(.select-trigger,.saved-filter,.feed-arrows button,.trail-view-controls button){min-height:44px}}

.account-footer-links{display:inline-flex;gap:16px;flex-wrap:wrap;font:400 12px/1.5 Inter,Arial,sans-serif}.account-footer-links a{text-decoration:none}footer{flex-wrap:wrap}
