/* Sample demo: touch targets and readable fields on phones. */
.training-chip{white-space:normal!important}
.demo-mobile-help{margin:0;padding:9px max(16px,env(safe-area-inset-left));background:#112435;color:#d6e6f0;border-bottom:1px solid #28485e;font-size:13px;line-height:1.5}
.demo-mobile-help summary{cursor:pointer;font-weight:650;color:#f2d555;min-height:28px}
.demo-mobile-help p{margin:5px 0;max-width:900px}
@media(max-width:760px){
 .training-app .chart-header{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-top:9px;padding-bottom:9px}
 .training-app .chart-header .brand{min-width:0;flex:1;gap:9px}
 .training-app .chart-header .brand b{font-size:19px}
 .training-app .chart-header .navimare-logo{max-width:83px;max-height:48px;object-fit:contain}
 .training-app .chart-header .training-chip{max-width:100px;font-size:10px;line-height:1.35;padding:5px 7px}
 .training-app input,.training-app select,.training-app textarea{font-size:16px;max-width:100%}
 .training-app .nav-tool .tool-fields>label{min-width:0}
 .training-app .nav-tool .tool-fields .unitfield{min-width:0}
 .training-app .nav-tool .tool-actions{flex-wrap:wrap}
 .training-app .nav-tool .tool-actions>button{min-height:46px}
 .training-app .header-actions #clock{display:none}
 .demo-mobile-help{font-size:12px}
}
@media print{.demo-mobile-help{display:none!important}}