/* Approved four-colour mind-map menu. Original art and lettering geometry. */
:root{--nav-home:#D2BBF2;--nav-work:#53E5FD;--nav-contact:#F519AF;--nav-toned:#FFF1A6}
body .hub-scene .hub-node[data-node=home],body .hub-scene .hub-threads path[data-branch=home]{--branch-accent:var(--nav-home);--branch-ink:#D2BBF2;--branch-edge:#655078}
body .hub-scene .hub-node[data-node=work],body .hub-scene .hub-threads path[data-branch=work]{--branch-accent:var(--nav-work);--branch-ink:#53E5FD;--branch-edge:#066D7A}
body .hub-scene .hub-node[data-node=contact],body .hub-scene .hub-threads path[data-branch=contact]{--branch-accent:var(--nav-contact);--branch-ink:#F519AF;--branch-edge:#A11673}
body .hub-scene .hub-node[data-node=toned],body .hub-scene .hub-threads path[data-branch=toned]{--branch-accent:var(--nav-toned);--branch-ink:#FFF1A6;--branch-edge:#8A7000}
body .hub-scene .hub-threads path[data-branch]{stroke:var(--branch-accent);stroke-width:1.15px;opacity:.78;filter:none}
body .hub-scene .hub-threads path[data-branch].is-current{stroke-width:1.55px;opacity:1}
body .hub-scene .hub-threads path[data-branch].is-intent{stroke-width:1.75px;opacity:1}
body .hub-scene .hub-threads path[data-branch].is-pressed{stroke-width:2px;opacity:1}
body .hub-scene .hub-node[data-node] .node-label,body .hub-scene .hub-node[data-node]:is([aria-current=page],.is-intent,.is-pressed,:active) .node-label{color:var(--page-ink);white-space:nowrap;max-width:100%;font-weight:400!important;transition:opacity 160ms ease-out}
body .hub-scene .hub-node .node-label::after{content:'';position:absolute;bottom:1px;left:25%;width:50%;height:1px;background:currentColor;opacity:0;transform:scaleX(.65);transition:opacity 160ms ease-out,transform 160ms ease-out}
body .hub-scene .hub-node.is-current .node-label::after,body .hub-scene .hub-node.is-intent .node-label::after{opacity:1;transform:scaleX(1)}
body .hub-scene .hub-node:focus-visible{outline:2px solid var(--branch-ink);outline-offset:3px;border-radius:2px}
body .hub-scene .envelope-art svg{stroke:#D2BBF2}
/* Keep the same hues readable against the white WERK canvas. */
body[data-theme=light] .hub-scene .hub-node[data-node],body[data-theme=light] .hub-scene .hub-threads path[data-branch]{--branch-ink:var(--branch-edge)}
body[data-theme=light] .hub-scene .hub-threads path[data-branch]{stroke:var(--branch-edge);opacity:.78;filter:none}
body[data-theme=light] .hub-scene .envelope-art svg{stroke:#655078}
html.nav-readable .hub-scene{height:var(--readable-scene-height,600px);--hub-logo-y:var(--readable-logo-y,430px)!important}
html.nav-readable .hub-scene .hub-node[data-node]{width:var(--readable-node-width,calc(50% - 28px))}
html.nav-readable body .hub-scene .hub-node[data-node] .node-label{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){body .hub-scene .hub-node[data-node]:focus-visible{outline-offset:-2px}}
@media(prefers-reduced-motion:reduce){body .hub-scene .hub-node .node-label,body .hub-scene .hub-node .node-label::after,body .hub-scene .hub-threads path{transition:none}}
@media(forced-colors:active){body .hub-scene .hub-threads path[data-branch]{stroke:LinkText}body .hub-scene .hub-node:focus-visible{outline-color:Highlight}}