.site-header{position:relative;z-index:20;background:white;border-bottom:1px solid #d8e5fa;padding:16px 4vw;display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#12365d;font-family:Prompt,sans-serif}.site-header nav{display:flex;gap:14px;flex-wrap:wrap}.site-header a{font-size:14px}.site-credit{padding:18px 4vw;background:#f3f7ff;border-top:1px solid #d8e5fa}.keyboard-help{padding:8px 4vw;background:#eaf2ff;font-size:13px;margin:0}.mobile-preview{max-width:700px;margin:24px auto;padding:24px;text-align:center}.mobile-preview img{display:block;width:100%;height:auto;border-radius:16px}.mobile-preview[hidden]{display:none!important}body:not(.viewer-active)>.panel,body:not(.viewer-active)>three-d-stage,body:not(.viewer-active)>.info{display:none!important}.viewer-active>.panel{top:122px;max-height:calc(100vh - 200px)}.viewer-active>.panel h1{font-size:24px;line-height:1.35}.panel>section{border:0;background:transparent;padding:0;margin:0}.viewer-active>three-d-stage{width:calc(100% - 420px);height:calc(100vh - 110px)}.viewer-active>.site-credit{font-size:12px}.viewer-active>.info{top:122px}body{background:#f3f7ff!important;color:#12365d!important}button,.btn-primary{background:#145bbc}.btn-secondary{background:#eaf2ff;color:#145bbc}[hidden]{display:none!important}@media(max-width:760px){.site-header{padding:14px 18px;gap:8px}.site-header b{font-size:15px}.site-header nav{gap:8px 14px}.mobile-preview{margin:16px;padding:16px}.mobile-preview h1{font-size:24px}body.viewer-active{display:flex;flex-direction:column}.viewer-active>.site-header{order:0}.viewer-active>.keyboard-help{order:1}.viewer-active>three-d-stage{order:2;width:100%;height:56vh;margin-left:0}.viewer-active>.panel{order:3;position:relative;top:auto;bottom:auto;left:auto;width:100%;max-width:100%;max-height:none;border-radius:0;margin:0;padding:18px;box-sizing:border-box}.viewer-active>.site-credit{order:4}.viewer-active>.info{top:145px;right:10px}.viewer-active>.panel h1{font-size:22px}.keyboard-help{line-height:1.6}main{padding:16px!important}main>section{padding:20px!important}table{min-width:480px}}
.viewer-active>three-d-stage{flex-shrink:0}@media(max-width:760px){body.viewer-active{height:auto!important;min-height:100vh}.viewer-active>.panel{flex-shrink:0}}