
/* Mobile inspection: one highlighted part, full-size detail and touch controls. */
.mobile-part-picker,.mobile-part-nav{display:none}
@media screen and (max-width:680px){
html{scroll-padding-top:118px}body{font-size:16px;overflow-wrap:break-word;-webkit-text-size-adjust:100%}.wrap{padding:0 12px}.bar{min-height:60px;flex-wrap:wrap;gap:0;padding-top:10px;padding-bottom:6px}.brand{font-size:15px}.toplinks{width:100%;justify-content:space-between;gap:8px;margin-top:5px}.toplinks a{display:flex;align-items:center;min-height:40px;font-size:14px;padding:0 7px}.intro{padding:23px 2px 18px}h1{font-size:30px}.scope{font-size:14px;line-height:1.75}.workspace{display:block;min-width:0}.visual,.guide{min-width:0}.guide{padding:20px 16px;border-top:1px solid var(--line)}.view-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;gap:8px;padding:0 16px 12px}.view-tabs button{flex:none;min-height:44px;padding:8px 14px;font-size:14px}.map-top h2{font-size:21px}.map-top p{font-size:14px}.mobile-part-picker{display:block;padding:0 16px 12px}.mobile-part-picker label{display:block;font-size:14px;color:var(--muted);margin-bottom:5px}.mobile-part-picker select{display:block;width:100%;min-height:48px;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #adc2c6;border-radius:8px;padding:8px 12px;box-sizing:border-box}.map-scene .hotspot:not(.active){display:none}.hotspot.active{height:36px;width:36px;min-width:36px;pointer-events:none}.hotspot .spot-name{display:none!important}.spot-list{display:none}.mobile-part-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#edf3ef}.mobile-part-nav button{min-height:46px;min-width:90px;padding:8px 12px;background:#fff;border:1px solid #b6c9c3;border-radius:8px;color:var(--ink);font-size:15px}.mobile-part-nav button:last-child{background:var(--dark);color:white;border-color:var(--dark)}.mobile-part-nav span{font-size:14px;text-align:center;white-space:nowrap}.map-credit{font-size:12px;padding:10px 16px}.detail-head{flex-wrap:wrap;align-items:flex-start;gap:10px}.detail-head h3{font-size:22px}.tour{min-height:44px;font-size:14px;padding:8px 12px}.detail-stage{font-size:13px}.detail-visual{grid-template-columns:1fr;gap:12px}.zoom{width:100%;aspect-ratio:1.6}.zoom small,.action-diagram small{font-size:12px}.action-diagram svg{height:auto;max-height:210px}.action-diagram small{padding:5px}.how-row{display:block;font-size:16px;line-height:1.8;margin-top:18px}.how-row b{display:block;font-size:14px;margin-bottom:5px}.map-status{font-size:13px}.checkrow{font-size:16px;line-height:1.75;padding:9px 0;gap:10px}.checkrow input{width:23px;height:23px;flex-basis:23px;margin-top:3px}.checkrow>span{min-width:0}.locate{min-height:44px;font-size:14px;padding:8px 12px;margin-top:9px}.stepnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stepnav button{min-height:52px;font-size:14px}.stepnav small{display:inline;margin-right:7px;font-size:12px}.stepbottom{gap:8px}.btn,.control{min-height:44px;font-size:14px}.progressmeta{flex-direction:column;gap:2px;font-size:13px}.explain{display:block}.explain-art{min-height:0;height:155px}.explain p,.severity p,details p,.callout p{font-size:16px}.vinflow{flex-direction:row;gap:6px}.vinflow b{padding:7px 9px}.vinflow span{display:inline}.sources{display:grid;gap:10px;font-size:14px}.sources a{min-height:44px;display:flex;align-items:center}.section-title h2{font-size:23px}.section-title p{font-size:14px}.toolbelt{font-size:14px}.pause{min-height:44px;font-size:14px}.foot{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.foot p{font-size:13px}.quote{font-size:16px}.section{overflow-wrap:anywhere}
}
@media screen and (max-width:360px){.wrap{padding:0 8px}.map-top,.map-detail,.guide{padding-left:12px;padding-right:12px}.stepbottom .btn{padding:8px 12px}.counter{font-size:12px}.view-tabs{padding-left:12px}.mobile-part-picker,.mobile-part-nav{padding-left:12px;padding-right:12px}.mobile-part-nav button{min-width:82px}h1{font-size:28px}}
