:root{--device-kind:desktop;--device-gutter:clamp(24px, 3vw, 48px);--device-content-max:1440px;--device-touch-target:40px;--device-viewport-height:100vh;--device-safe-top:env(safe-area-inset-top,0px);--device-safe-right:env(safe-area-inset-right,0px);--device-safe-bottom:env(safe-area-inset-bottom,0px);--device-safe-left:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}body{width:100%;min-width:320px;max-width:100%;min-height:var(--device-viewport-height);overflow-x:clip}body,main,section,article,aside,header,footer,nav,form,fieldset,[class*=grid],[class*=flex]{min-width:0}img,picture,video,canvas,svg,iframe,input,select,textarea,button{max-width:100%}dialog{max-width:calc(100vw - (2 * var(--device-gutter)));max-height:calc(var(--device-viewport-height) - (2 * var(--device-gutter)))}.device-shell{width:min(calc(100% - (2 * var(--device-gutter))), var(--device-content-max));margin-left:auto;margin-right:auto}.device-grid{grid-template-columns:repeat(var(--device-columns,4), minmax(0, 1fr));gap:var(--device-grid-gap,24px);display:grid}.device-scroll-region,.device-table-frame{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.device-table-frame>table{min-width:var(--device-table-min,720px)}.device-desktop-only,.device-tablet-only,.device-mobile-only{display:none!important}.device-desktop-only{display:revert!important}.recharts-responsive-container,.leaflet-container{min-width:0;max-width:100%}@media (min-width:1280px) and (pointer:fine){:root{--device-kind:desktop;--device-gutter:clamp(32px, 4vw, 64px);--device-columns:4;--device-grid-gap:24px}html[data-device=desktop] .device-desktop-only{display:revert!important}}@media (min-width:768px) and (max-width:1279px),(min-device-width:501px) and (max-device-width:1366px) and (pointer:coarse){:root{--device-kind:tablet;--device-gutter:clamp(20px, 3.2vw, 36px);--device-touch-target:44px;--device-columns:2;--device-grid-gap:clamp(16px, 2.2vw, 24px)}.device-desktop-only{display:none!important}.device-tablet-only{display:revert!important}.device-grid{grid-template-columns:repeat(min(var(--device-columns,2), 2), minmax(0, 1fr))}@media (pointer:coarse){button,[role=button],input[type=button],input[type=submit],summary{min-height:var(--device-touch-target)}}}@media (max-width:767px),(max-device-width:500px) and (pointer:coarse){:root{--device-kind:mobile;--device-gutter:clamp(16px, 4.5vw, 24px);--device-touch-target:44px;--device-columns:1;--device-grid-gap:16px}.device-desktop-only,.device-tablet-only{display:none!important}.device-mobile-only{display:revert!important}.device-grid{grid-template-columns:minmax(0,1fr)}.device-stack-mobile{flex-direction:column!important;align-items:stretch!important;display:flex!important}.device-full-mobile{width:100%!important}.device-fixed-bottom{right:max(var(--device-gutter), var(--device-safe-right));bottom:max(var(--device-gutter), var(--device-safe-bottom));left:max(var(--device-gutter), var(--device-safe-left))}dialog{width:calc(100vw - (2 * var(--device-gutter)));margin:auto}@media (pointer:coarse){button,[role=button],input[type=button],input[type=submit],summary{min-height:var(--device-touch-target)}input,select,textarea{font-size:16px}}}html[data-device=desktop]{--device-kind:desktop;--device-gutter:clamp(32px, 4vw, 64px);--device-columns:4;--device-grid-gap:24px}html[data-device=tablet]{--device-kind:tablet;--device-gutter:clamp(20px, 3.2vw, 36px);--device-touch-target:44px;--device-columns:2;--device-grid-gap:clamp(16px, 2.2vw, 24px)}html[data-device=mobile]{--device-kind:mobile;--device-gutter:clamp(16px, 4.5vw, 24px);--device-touch-target:44px;--device-columns:1;--device-grid-gap:16px}html[data-device=mobile] :-webkit-any(.device-desktop-only,.device-tablet-only){display:none!important}html[data-device=mobile] :-moz-any(.device-desktop-only,.device-tablet-only){display:none!important}html[data-device=mobile] :is(.device-desktop-only,.device-tablet-only){display:none!important}html[data-device=tablet] :-webkit-any(.device-desktop-only,.device-mobile-only){display:none!important}html[data-device=tablet] :-moz-any(.device-desktop-only,.device-mobile-only){display:none!important}html[data-device=tablet] :is(.device-desktop-only,.device-mobile-only){display:none!important}html[data-device=desktop] :-webkit-any(.device-tablet-only,.device-mobile-only){display:none!important}html[data-device=desktop] :-moz-any(.device-tablet-only,.device-mobile-only){display:none!important}html[data-device=desktop] :is(.device-tablet-only,.device-mobile-only){display:none!important}html[data-device=mobile] .device-mobile-only,html[data-device=tablet] .device-tablet-only,html[data-device=desktop] .device-desktop-only{display:revert!important}html[data-device=mobile] .device-grid{grid-template-columns:minmax(0,1fr)}html[data-device=tablet] .device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:932px) and (orientation:landscape),(max-device-width:932px) and (orientation:landscape) and (pointer:coarse){:root{--device-gutter:18px}dialog{max-height:calc(var(--device-viewport-height) - 24px)}}@media (display-mode:standalone){body{padding-bottom:var(--device-safe-bottom)}}@media print{:root{--device-gutter:0px}.device-mobile-only,.device-tablet-only{display:none!important}.device-desktop-only{display:revert!important}}
