/* quantex.com.sg global add-ons, one file for every page (22 Oct 2026). Body text is justified everywhere. */
html body .qx :is(main,footer) :is(p,li,dd,blockquote,figcaption){text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}
html body .qx main :is(td,th,button,label,nav,.card,.tag) :is(p,li){text-align:inherit}

/* Main menu: About dropdown with Join us and Contact (24 Oct 2026) */
.qx header nav .dd{position:relative;display:inline-flex;align-items:center}
.qx header nav .dd>a::after{content:"\25BE";font-size:11px;margin-left:5px}
.qx header nav .ddm{display:none;position:absolute;top:100%;left:-14px;z-index:60;min-width:150px;flex-direction:column;gap:2px;padding:10px 14px;background:#000;border:1px solid #2a2a2a}
.qx header nav .dd:hover .ddm,.qx header nav .dd:focus-within .ddm{display:flex}
.qx header nav .ddm a{padding:6px 0;white-space:nowrap}
.qx .moverlay .dd,.qx .moverlay .ddm{display:contents}
.qx .moverlay .ddm a{font-size:clamp(24px,6vw,34px);padding-left:24px;color:#ccc}

/* Paper layout (IMRaD) on research pages (24 Oct 2026) */
.qx article h2#highlights,.qx article h2[id^="s"],.qx article h2#appendix,.qx article h2#references,.qx article h2#declarations{font-family:"Newsreader",Georgia,serif;font-size:26px;letter-spacing:0;margin-top:1.6em;border-top:1px solid var(--line);padding-top:.6em}
.qx article h3{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:18px;font-weight:600;margin:1.3em 0 .4em}
.qx article h4{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;font-weight:600;margin:1em 0 .3em}