body.mgx-site{margin:0;background:#181818;color:#f4f2ef;font-family:Arial,Helvetica,sans-serif;min-width:0}
.mgx-site #main-content{display:block;min-height:30vh}
.mgx-site .mgx-skip{position:absolute;left:-9999px;top:8px;z-index:100001;background:#fff;color:#171717;padding:12px 18px}
.mgx-site .mgx-skip:focus{left:12px}
.mgx .mgx-footer-info{margin-top:28px;padding-top:24px;border-top:1px solid #383735}
.mgx .mgx-footer-info nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:11px;color:#aaa6a0}
.mgx-site .mgx-inventory-wrap{max-width:1280px;width:calc(100% - 96px);margin:0 auto 80px}
.mgx-site .mgx-inventory-wrap .mgi-inventory{max-width:none;width:100%;padding:0}
.mgx-contact-form{width:min(calc(100% - 96px),800px);margin:70px auto 90px}
.mgx-contact-form .mgx h1{font-size:clamp(32px,4vw,50px)}
.mgx-contact-form .fluentform{margin-top:32px;color:#eee}
.mgx-contact-form .fluentform label{color:#e8e5df}
.mgx-contact-form .fluentform .ff-el-form-control{background:#252525;color:#f4f2ef;border:1px solid #666;border-radius:0;min-height:44px}
.mgx-contact-form .fluentform .ff-btn-submit{background:#f4f2ef;color:#171717;border:1px solid #f4f2ef;border-radius:0;padding:14px 24px}
.mgx-contact-form .fluentform .ff-el-is-error .ff-el-form-control{border-color:#ff948d}
.mgx-contact-form .fluentform .error{color:#ffaaa4}
.mgx-site .mgx-page-content{max-width:1180px}
.mgx-site .mgx-page-content .mgx-article-content{max-width:100%}
.mgx-site .mgx-page-content .mgx-article-header h1{font-size:clamp(32px,4.4vw,60px)}
@media(max-width:1000px){.mgx-site .mgx-inventory-wrap{width:calc(100% - 64px)}}
@media(max-width:640px){.mgx-site .mgx-inventory-wrap{width:calc(100% - 28px);margin-bottom:48px}.mgx-contact-form{width:calc(100% - 40px);margin-block:44px 54px}.mgx-site .mgx-page-content{width:calc(100% - 40px)}}
.mgx-contact-form #fluentform_3 .ff-btn-submit { background:#f4f2ef; color:#171717; border:1px solid #f4f2ef; border-radius:0; padding:14px 24px; }
.mgx-contact-form #fluentform_3 .ff-btn-submit:hover { background:#ddd9d2; color:#171717; }
.mgx-site > .skip-link { display:none; }

/* Generous touch targets and a full-width mobile navigation panel. */
@media(max-width:820px){
 .mgx .header{position:relative;gap:16px}
 .mgx .header .brand{width:clamp(158px,50vw,230px);max-width:calc(100% - 112px)}
 .mgx .header .mobile-nav{position:static;margin-left:auto;flex-shrink:0}
 .mgx .mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:96px;padding:12px 14px;border:1px solid #77736e;border-radius:3px;color:#f4f2ef;font-size:14px;line-height:20px;font-weight:500;list-style:none;cursor:pointer}
 .mgx .mobile-nav summary::marker{content:''}
 .mgx .mobile-nav summary::-webkit-details-marker{display:none}
 .mgx .mobile-nav[open] summary{background:#f4f2ef;color:#181818;border-color:#f4f2ef}
 .mgx .mgx-menu-icon{position:relative;display:block;flex:0 0 20px;width:20px;height:20px}
 .mgx .mgx-menu-icon::before,.mgx .mgx-menu-icon::after{content:'';position:absolute;left:0;width:20px;height:1.5px;top:6px;background:currentColor;transition:transform .15s ease,top .15s ease}
 .mgx .mgx-menu-icon::after{top:13px}
 .mgx .mobile-nav[open] .mgx-menu-icon::before{top:9px;transform:rotate(45deg)}
 .mgx .mobile-nav[open] .mgx-menu-icon::after{top:9px;transform:rotate(-45deg)}
 .mgx .mobile-nav[open] nav{display:flex;position:absolute;z-index:50;left:0;right:0;top:calc(100% - 4px);width:auto;min-width:0;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;margin:0;padding:10px 22px;background:#202020;border:1px solid #484643;border-radius:3px;box-shadow:0 16px 32px #0006;gap:0;align-items:stretch;text-align:left}
 .mgx .mobile-nav nav a{display:flex;align-items:center;min-height:52px;padding:12px 0;border-bottom:1px solid #383735;font-size:17px;line-height:1.4;color:#d4d0c9}
 .mgx .mobile-nav nav a:last-child{border-bottom:0}
 .mgx .mobile-nav nav a[aria-current=page]{color:#fff;border-bottom-color:#383735}
 .mgx .mobile-nav nav a[aria-current=page]::after{content:'';width:5px;height:5px;margin-left:auto;background:currentColor;border-radius:50%}
 .mgx .mobile-nav nav a:focus-visible{outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.mgx .mgx-menu-icon::before,.mgx .mgx-menu-icon::after{transition:none}}