/* JS Imaging approved brand 2.0. Source of truth: jsimaging.llc/standards */
@import url("https://use.typekit.net/aom3ark.css");
:root{--ink:#111418;--panel:#171b20;--paper:#f5f2ea;--muted:#aeb5bb;--line:#353b42;--gold:#d2a85e;--accent:#d2a85e;--jsi-brass:#d2a85e}
body,button,input,select,textarea,.leaflet-container{font-family:"neue-haas-unica","IBM Plex Sans",system-ui,sans-serif!important}
h1,h2,h3,.brand-copy strong{font-family:"ivypresto-display","Source Serif 4",Georgia,serif!important;font-weight:300!important}
button,a,input,select,textarea{border-radius:2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d2a85e!important;outline-offset:3px!important}
.brand-logo,.brand img{width:120px!important;height:80px!important;object-fit:contain!important;filter:none!important;transform:none!important}
.topbar{min-height:96px!important;box-shadow:none!important;gap:16px!important;background:#111418!important}
.field label{font-size:12px!important;letter-spacing:.06em!important}
.field select,.topbar .button{min-height:44px!important;font-size:14px!important}
.field select{max-width:200px}
.button,.quick-tools button,.general-toolbox button,.mobile-tools-toggle,.mobile-menu-toggle{min-height:44px;font-size:14px}
.planner-head h2,.modal-card h2{font-size:26px!important}
.planner-body,.modal-card{font-size:14px!important;line-height:1.5}
.quick-tools button,.toolbar .button{background:#171b20;color:#f5f2ea;border-color:#353b42}
.quick-tools #openPlanner,.mobile-menu-toggle{border-color:#d2a85e;color:#d2a85e}
.jsi-compliance-trigger{top:108px!important;font-family:"neue-haas-unica","IBM Plex Sans",system-ui,sans-serif!important;font-size:12px!important;letter-spacing:.02em!important;border-width:1px!important}
.jsi-elevation-disclaimer{font-size:12px!important;letter-spacing:0!important;border-width:1px!important}
.modal-note,.planner-hint,.jsi-context-notice{font-size:12px!important;line-height:1.5!important}
.date{font-size:12px!important}
#stage .topbar{height:auto;min-height:96px}
#stage .intro{top:112px}
.jsi-standards-link{display:inline-block;margin-top:16px;padding:12px 0;border-bottom:1px solid #d2a85e;color:#f5f2ea;font:500 14px/1.5 "neue-haas-unica","IBM Plex Sans",sans-serif}
/* Keep evidence labels and colored data layers intact; style their surrounding UI only. */
@media(max-width:720px){
  .topbar{min-height:80px!important;gap:8px!important;padding:4px 8px!important;flex-wrap:wrap!important}
  .brand-logo,.brand img{width:96px!important;height:64px!important}
  .controls{min-width:0!important;flex:1;gap:6px!important;justify-content:flex-end;flex-wrap:wrap}
  .field{min-width:0}.field label{display:none}
  .field select{font-size:13px!important;padding:0 22px 0 8px!important;width:auto;max-width:138px!important}
  #units{width:114px!important;max-width:114px!important}
  #reviewWorkspace{width:125px!important;max-width:125px!important}
  .copy-mode-badge{top:84px!important;min-height:44px;font-size:12px}
  .copy-mode-badge strong{font-size:11px!important;letter-spacing:.03em!important}
  .quick-tools.mobile-open button{font-size:13px!important;min-height:44px!important}
  .jsi-compliance-trigger{top:84px!important;right:190px!important;width:44px!important;height:44px!important;max-width:44px!important;font-size:0!important;line-height:1.3!important}
  .jsi-compliance-trigger span{line-height:42px!important}
  .copy-info-close,.jsi-compliance-close{min-width:44px;min-height:44px}
  .jsi-elevation-disclaimer{font-size:11px!important}
  .mobile-tools-toggle,.mobile-menu-toggle,.leaflet-control-layers-toggle{min-width:64px;min-height:44px}
  .leaflet-bar a{min-width:40px;min-height:44px;line-height:44px}
  .planner-head h2,.modal-card h2{font-size:23px!important}
  .planner-body{padding:16px!important}
  .brand-copy strong{font-size:18px!important}.brand-copy span{font-size:12px!important}
  #stage .brand{gap:8px;min-width:0;flex:1}
  #stage .brand-copy{padding-left:8px;min-width:0}
  #stage .brand-copy strong{font-size:16px!important}
  #stage .brand-copy span{display:none}
  #stage .topbar{flex-wrap:nowrap!important;height:auto;min-height:80px}
  #stage .topbar .button{font-size:0!important;width:44px;min-width:44px;padding:0}
  #stage .topbar #openTutorial{font-size:12px!important}
  #stage .intro{top:142px!important}
  #stage .intro .close{width:44px;height:44px;right:4px;top:4px}
  body:has(#stage) .jsi-compliance-trigger{right:12px!important;top:88px!important}
  .toolbar .button{font-size:12px!important;min-height:44px!important}
  .intro{top:112px!important;max-height:36dvh;overflow:auto}
  .intro h1{font-size:24px!important}.intro p{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}