/* Homepage selector: outward desktop branches and a vertical mobile route. */
#navigator.may-side-tree .format-navigator__inner { width:100%;max-width:1800px;padding-inline:16px; }
#navigator.may-side-tree .format-tree__clip { overflow:visible;min-width:0; }
#navigator.may-side-tree .format-tree__toolbar { height:46px;min-height:46px;align-items:center; }
#navigator.may-side-tree .may-tree-viewport { min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(236,227,209,.5) transparent;touch-action:pan-x pan-y;padding:8px 0 16px; }
#navigator.may-side-tree .may-tree-pan-hint { margin:0 0 10px;color:rgba(255,255,255,.76);font-size:12px;text-align:center; }
#navigator.may-side-tree .may-tree-pan-hint[hidden] { display:none; }
#navigator.may-side-tree .format-tree__canvas { width:var(--may-canvas-width,100%);max-width:none;min-height:0;padding:0;margin:0; }
#navigator.may-side-tree #format-navigator-content { width:100%;min-height:0; }
#navigator.may-side-tree .format-level { position:relative;width:100%;margin:0;padding:0; }
#navigator.may-side-tree .format-choice-row { position:absolute;display:block;min-height:0;margin:0;padding:0;pointer-events:none;opacity:1 !important;transform:none !important;transition:none !important; }
body #navigator.may-side-tree #format-navigator-content .may-tree-button.mtc-button { position:absolute;grid-area:auto;align-self:auto;margin:0 !important;width:var(--may-node-width) !important;height:var(--may-node-height) !important;max-width:none;min-width:0;pointer-events:auto; }
body #navigator.may-side-tree #format-navigator-content .format-level--root > .format-choice-row > .may-tree-button.mtc-button,
body #navigator.may-side-tree #format-navigator-content .format-level--nested > .format-choice-row > .may-tree-button.mtc-button { width:var(--may-node-width) !important;height:var(--may-node-height) !important; }
#navigator.may-side-tree .format-branch-panel { position:absolute;display:block;grid-template-rows:none;margin:0 !important;opacity:0;transform:none !important;pointer-events:none;transition:none !important; }
#navigator.may-side-tree .format-branch-panel[hidden] { display:none; }
#navigator.may-side-tree .format-branch-panel.is-open { display:block;opacity:1;pointer-events:none; }
#navigator.may-side-tree .format-branch-panel__clip { overflow:visible;min-height:0; }
#navigator.may-side-tree .format-local-vine { overflow:visible; }
/* Reserve every node's final rectangle; reveal only its photograph on arrival. */
body #navigator.may-side-tree .may-path-pending .may-tree-button { opacity:0 !important;visibility:hidden !important;pointer-events:none !important; }
body #navigator.may-side-tree .may-path-pending .may-tree-button.may-node-arrived { opacity:1 !important;visibility:visible !important;pointer-events:auto !important; }
#navigator.may-side-tree .may-tree-button .mtc-visual { transition:opacity 110ms ease,transform 150ms ease,filter 150ms ease; }
#navigator.may-side-tree .may-path-pending .may-tree-button:not(.may-node-arrived) .mtc-visual { opacity:0; }
#navigator.may-side-tree .may-node-arrived .mtc-visual { opacity:1; }
#navigator.may-side-tree .format-trigger-roots { pointer-events:none; }
@media(max-width:768px) {
 #navigator.may-side-tree .format-navigator__inner { padding-inline:10px; }
 #navigator.may-side-tree .format-tree__toolbar { padding-right:2px; }
}
@media(prefers-reduced-motion:reduce) { #navigator.may-side-tree .may-tree-button .mtc-visual { transition:none; } }

/* Opening descendants changes the canvas bottom, never the desktop origin. */
html.may-tree-layout-open { overflow-anchor:none; }
#navigator.may-side-tree { overflow-anchor:none; }
#navigator.may-side-tree .may-tree-pan-hint { display:none; }
#navigator.may-side-tree.may-mobile-tree .may-tree-viewport { overflow:hidden;touch-action:pan-y; }
#navigator.may-side-tree.may-mobile-tree .format-navigator__inner { padding-inline:10px; }