/* Shared compact layout at normal browser zoom. No scaling of interactive UI. */
html:root{--apex-harmony-width:1040px!important;--apex-harmony-gutter:24px!important}
html:root body.apex-dark{--apex-content:1040px!important}
html:root body.apex-dark #app>main#main,
html:root body.apex-dark #app>footer,
html:root body.apex-dark .apex-section-nav,
html:root body.apex-dark.ti-demo>main{width:min(1040px,calc(100% - 48px))!important;max-width:1040px!important;margin-inline:auto!important;box-sizing:border-box!important}
html:root body.apex-dark #apex-site-header#apex-site-header{position:relative!important;top:auto!important;width:min(1040px,calc(100% - 48px))!important;max-width:1040px!important;margin-inline:auto!important}
html:root body.apex-dark #apex-site-header#apex-site-header .apex-site-row{flex-wrap:wrap!important;justify-content:space-between!important}
html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav]{flex-wrap:wrap!important;gap:6px!important}
html:root body.apex-dark #main#main.rc-route{padding:20px 24px 48px!important}
html:root body.apex-dark #main#main.rc-route .rc-demo-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
html:root body.apex-dark #main#main.rc-route .rc-art{width:100%!important;max-width:510px!important;margin-inline:auto!important}
html:root body.apex-dark #main#main.rc-route .rc-heading{margin-bottom:30px}
html:root body.apex-dark #main#main.rc-route .rc-rock{width:64px}.rc-route .rc-rock-left{left:-64px}.rc-route .rc-rock-right{right:-40px}
@media(min-width:701px){html:root body.apex-dark #apex-site-header#apex-site-header nav[data-global-nav]{order:5;flex-basis:100%!important;justify-content:center!important}}
@media(max-width:700px){html:root{--apex-harmony-gutter:16px!important}html:root body.apex-dark #app>main#main,html:root body.apex-dark #app>footer,html:root body.apex-dark .apex-section-nav,html:root body.apex-dark.ti-demo>main,html:root body.apex-dark #apex-site-header#apex-site-header{width:calc(100% - 32px)!important;max-width:1040px!important}html:root body.apex-dark #main#main.rc-route{padding:20px 2px 40px!important}}
@media(max-width:650px){html:root body.apex-dark #main#main.rc-route .rc-demo-grid{grid-template-columns:minmax(0,1fr)}}