
/* Marketly mobile hardening — desktop layouts unchanged */
html{ -webkit-text-size-adjust:100%; }
*,*::before,*::after{box-sizing:border-box}
body{min-width:0;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
img,video{height:auto}
.mk-container,.mk-header-inner,.mk-hero-inner,.mk-footer-inner,.mk-main{min-width:0;max-width:100%}
.mk-main,.mk-tool,.mk-guide-wrap,.mk-tool-card,.mk-guide-card{min-width:0}
.mk-tool p,.mk-guide-wrap p,.mk-tool-card p,.mk-guide-card p{overflow-wrap:anywhere}
.mk-tool input,.mk-tool select,.mk-tool textarea,.mk-tool button,.mk-search-wrap input{max-width:100%}
.mk-tool textarea,.mk-tool input:not([type=checkbox]):not([type=radio]),.mk-tool select{min-width:0}
.mk-tool pre,.mk-guide-wrap pre,.mk-output{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.mk-tool table,.mk-guide-wrap table{max-width:100%}
.mk-mobile-menu[hidden]{display:none!important}
.mk-menu-btn{touch-action:manipulation}
.mk-menu-btn:focus-visible,.mk-mobile-menu a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:767px){
 .mk-container{padding-left:16px!important;padding-right:16px!important}
 .mk-header-inner{padding-left:16px!important;padding-right:16px!important;gap:10px}
 .mk-logo-img{max-width:min(48vw,185px);height:auto;object-fit:contain}
 .mk-hero-inner{padding-left:16px!important;padding-right:16px!important}
 .mk-hero h1{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.12;overflow-wrap:break-word}
 .mk-hero p{font-size:clamp(1rem,3.8vw,1.125rem)}
 .mk-tool{padding:20px 16px!important;border-radius:14px}
 .mk-tool-title{font-size:clamp(1.55rem,6vw,2.1rem)!important;line-height:1.2}
 .mk-tool-desc{font-size:1rem}
 .mk-guide-wrap{padding:28px 16px 50px!important}
 .mk-guide-wrap h1{font-size:clamp(1.8rem,7vw,2.5rem)}
 .mk-guide-wrap h2{font-size:1.3rem}
 .mk-guide-card,.mk-guide-cta{padding:18px}
 .mk-guide-grid,.mk-related-grid,.mk-preview-grid{grid-template-columns:minmax(0,1fr)}
 .mk-footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px}
 .mk-footer-inner{padding-left:16px!important;padding-right:16px!important}
 .mk-footer-bottom{flex-wrap:wrap;gap:8px}
 .mk-filters{gap:8px}
 .mk-filter{min-height:44px;display:inline-flex;align-items:center}
 .mk-btn,.mk-tool button{min-height:44px}
 .mk-search-wrap{width:100%;min-width:0}
 .mk-search-wrap input{width:100%;font-size:16px}
 .mk-tool input,.mk-tool textarea,.mk-tool select{font-size:16px}
 .mk-tool [style*="grid-template-columns"]{max-width:100%}
 .mk-tool [style*="width: 600px"],.mk-tool [style*="width:600px"]{max-width:100%!important}
 .mk-dropzone{padding:24px 12px}
 .mk-output{font-size:12px}
 .mk-guide-wrap ul,.mk-guide-wrap ol{padding-left:22px}
}
@media(max-width:380px){
 .mk-container{padding-left:12px!important;padding-right:12px!important}
 .mk-tool{padding:16px 12px!important}
 .mk-hero h1{font-size:1.9rem!important}
}
@media(hover:none){.mk-related-card:hover{transform:none}}
