/* Test-drive banner + view-only helpers (moxywebstudio.com/demo/). Kept self-contained so every demo site's own CSS wins elsewhere. */
.mxd-banner{position:relative;z-index:60;background:#14213d;color:#fff;font:600 14px/1.45 system-ui,"Segoe UI",Roboto,Arial,sans-serif;padding:9px 16px;text-align:center}
.mxd-banner a{color:#ffd29a;text-decoration:underline;font-weight:700}.mxd-banner a:focus-visible{outline:3px solid #f77f00;outline-offset:2px}
.mxd-banner .mxd-tag{display:inline-block;background:#f77f00;color:#14213d;border-radius:999px;padding:1px 9px;margin-right:6px;font-weight:800;font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.mxd-banner .mxd-extra{display:block;font-weight:400;margin-top:2px}.mxd-banner.mxd-live{background:#0f3d2e}
.mxd-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.mxd-gal img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.mxd-small{font-size:14px;color:#4b5563;margin:8px 0 0}
.mxd-locked{background:#fff7ed;border-left:4px solid #f77f00;border-radius:8px;padding:12px 14px;color:#14213d;font:16px/1.5 system-ui,sans-serif;margin:0}
.mxd-locked a{color:#14213d;font-weight:700}.mxd-formmsg{margin-top:12px;font-size:16px}.mxd-formmsg a{font-weight:700}
@media(max-width:520px){.mxd-banner{font-size:13px;padding:8px 12px}}