/* MichiDoc V29 - mobile/tablet responsive enhancement */
html{overflow-x:clip;-webkit-text-size-adjust:100%}body{min-width:0;overflow-wrap:break-word}img,svg,video,canvas{max-width:100%}img{height:auto}input,select,textarea{max-width:100%;min-width:0}table{max-width:100%}pre,code{overflow-wrap:anywhere} .mobile-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch} .mobile-nav-toggle{display:none!important} .global-nav .nav-inner{min-width:0} .global-nav .nav-menu{max-height:min(75vh,640px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1024px){main{max-width:100%!important} .michi-hero{gap:12px!important} .michi-hero h1{font-size:clamp(29px,4.5vw,46px)!important} .michi-grid,.conversion-catalog{gap:12px!important} .nav-inner{gap:0!important} .global-nav a,.nav-trigger{padding:13px 9px!important;font-size:12px!important}}
@media(max-width:767px){
 header.site-header{padding:10px 14px!important;gap:8px;flex-wrap:wrap} .site-header .brand{font-size:22px!important;min-width:0} .site-header .brand-mark,.site-header .brand-mark img{width:42px!important;height:42px!important} .header-side{display:none!important}
 .global-nav{position:relative;z-index:70} .global-nav .nav-inner{padding:0 12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;justify-content:flex-start!important;max-height:0;overflow:hidden;transition:max-height .2s ease} .global-nav.mobile-open .nav-inner{max-height:80vh;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #e5eaf5;padding-bottom:12px!important}
 .mobile-nav-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 16px!important;margin:0!important;border-radius:0!important;background:#fff!important;color:#14324d!important;box-shadow:none!important;border:0!important;text-align:left;font-weight:800!important;cursor:pointer}
 .mobile-nav-toggle .mobile-menu-icon{font-size:23px;line-height:1} .global-nav .nav-inner>.nav-home,.global-nav .nav-inner>.nav-cta,.global-nav .nav-inner>.nav-dropdown{width:100%;margin:0!important} .global-nav .nav-inner a,.global-nav .nav-inner .nav-trigger{width:100%;min-height:44px;justify-content:flex-start!important;padding:11px 12px!important;font-size:14px!important;white-space:normal!important} .global-nav .nav-dropdown{position:static!important} .global-nav .nav-trigger{justify-content:space-between!important} .global-nav .nav-menu{position:static!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:1px solid #e8eef4!important;border-radius:12px!important;margin:2px 0 9px;padding:12px!important} .global-nav .menu-cols{grid-template-columns:1fr!important;gap:12px!important} .global-nav .menu-heading{margin-bottom:9px} .global-nav .nav-cta{display:flex!important}
 main{padding:0 14px!important;margin:16px auto 30px!important;min-width:0} .hero{padding:25px 18px!important;border-radius:18px!important} .hero h1{font-size:clamp(27px,7vw,38px)!important;letter-spacing:-.7px!important} .hero p{font-size:15px!important} .panel{padding:17px!important;border-radius:16px!important;margin:16px 0!important} .upload{padding:25px 14px!important} .toolbar{display:flex;flex-wrap:wrap;gap:9px!important} .toolbar>*{max-width:100%} .michi-hero{grid-template-columns:1fr!important;padding:24px 17px!important;gap:4px!important;min-height:0!important} .michi-hero h1{font-size:clamp(29px,8vw,40px)!important;letter-spacing:-.8px!important} .michi-hero-art{order:-1!important;height:155px!important} .michi-hero-art img{max-height:155px!important;object-fit:contain} .michi-hero-actions{gap:9px!important} .michi-hero-actions a{min-height:44px;justify-content:center} .michi-grid{grid-template-columns:1fr!important} .michi-conversion-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} .conversion-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important} .convert-options{grid-template-columns:repeat(2,minmax(0,1fr))!important} .convert-option{min-width:0!important;min-height:110px!important;padding:12px!important} .convert-option strong{font-size:13px!important;overflow-wrap:anywhere} .convert-option small{font-size:11px!important;overflow-wrap:anywhere} .editor-layout{grid-template-columns:1fr!important} .editor-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important} .topnav{padding:8px 12px!important;gap:4px!important} .topnav a{padding:9px 11px!important;font-size:13px!important} .cards{grid-template-columns:1fr!important} #michi-lang{margin-left:auto!important} #michi-lang select{min-height:40px!important;max-width:135px!important} button,input[type=button],input[type=submit],select{touch-action:manipulation} input,textarea,select{font-size:16px!important}
}
@media(max-width:420px){main{padding:0 10px!important} .michi-hero{padding:20px 14px!important} .michi-hero-actions{flex-direction:column} .michi-hero-actions a{width:100%} .michi-conversion-list,.conversion-catalog{grid-template-columns:1fr!important} .convert-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .convert-option{padding:10px!important} .editor-sidebar{grid-template-columns:1fr!important} .panel{padding:14px!important} .site-header .brand{font-size:19px!important}}
@media(min-width:768px) and (max-width:1100px){.michi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .conversion-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important} .michi-hero{grid-template-columns:1.15fr .85fr!important} .convert-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.global-nav .nav-inner{transition:none!important}}