/* The method map fills the page space below the measured navigation dock.
   Fullscreen bounds and their animation remain owned by graph_viewport. */
body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-atlas,
body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace {
  scroll-margin-top:var(--graph-page-top,90px);
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) {
  height:var(--graph-page-height,calc(100dvh - 100px))!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) > .mm-map-surface {
  display:flex!important;
  flex-direction:column;
  height:100%;
  min-height:0!important;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-map-toolbar {
  flex:0 0 auto;
  min-width:0;
  flex-wrap:wrap;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-graph-shell {
  flex:1 1 0;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) :is(.mm-graph,#mm-svg) {
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box;
}

/* A shrinking graph keeps the zoom rail fully within the visible canvas. */
body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-hex-zoom {
  top:12px;
  bottom:12px;
  justify-content:center;
  gap:8px;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-hex-zoom output {
  flex:none;
}

body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-hex-zoom input {
  flex:0 1 185px;
  min-height:24px;
  max-height:none;
}

@media(max-width:900px) {
  body.studio-d.experience[data-section="methods"] .mm-root.mm-explorer[data-graph-style="hex"] .mm-workspace:not(.graph-viewport-expanded):not(.graph-viewport-transitioning) .mm-hex-zoom input {
    flex-basis:145px;
  }
}