:root{--color-primary: #1F5D8B;--color-primary-dark: #14405F;--color-primary-light: #4E9FD1;--color-success: #3B6E47;--color-success-dark: #2A5233;--color-warning: #C85A3D;--color-warning-light: #E3A82B;--color-text: #263238;--color-text-secondary: #546E7A;--color-text-muted: #78909C;--color-background: #F7F6F3;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-border: #D9D9D9;--color-border-light: #E8E8E4;--color-centerline: #00E5FF;--color-focus: #1F5D8B;--color-error: #C62828;--breakpoint-mobile: 768px;--breakpoint-desktop: 1024px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--panel-gutter: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--sidebar-min-width: 280px;--sidebar-max-width: 360px;--nav-height: 48px;--border-radius: 6px;--border-radius-lg: 10px;--touch-target-min: 44px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--mapbox-ctrl-top-left-height: 100px;--mapbox-attribution-height: 24px;--focus-outline-width: 2px;--focus-outline-offset: 2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);-webkit-text-size-adjust:100%}#root{height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}html{overflow-x:hidden;max-width:100vw}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mapboxgl-ctrl button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mapboxgl-ctrl-top-left{top:var(--spacing-md);left:var(--spacing-md)}@media(max-width:767px){.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{bottom:80px}}.popup-content{color:#212121;font-size:.875rem;line-height:1.5}.popup-label{font-weight:600;font-size:.875rem}.popup-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#212121}.popup-type,.popup-river-mile,.popup-land-owner,.popup-amenities,.popup-severity,.popup-description{margin:.25rem 0;color:#333}.popup-trip-actions{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.popup-put-in-btn,.popup-take-out-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .875rem;min-height:36px;min-width:44px;background-color:#3b6e47;color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .15s}.popup-take-out-btn{background-color:#1f5d8b}.popup-put-in-btn:hover{background-color:#2a5233}.popup-take-out-btn:hover{background-color:#14405f}.popup-put-in-btn:focus-visible,.popup-take-out-btn:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.popup-directions-btn{display:inline-flex;align-items:center;margin-top:.5rem;padding:.4rem .75rem;min-height:36px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;font-size:.8125rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.popup-directions-btn:hover{background-color:#e0e0e0;border-color:#bbb;text-decoration:none}.popup-directions-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){button,[role=button],input[type=submit],input[type=checkbox],a{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}