/* Site-wide touch support. Print layouts keep their original styles. */
@media screen and (max-width:1366px),screen and (pointer:coarse){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
 button,[role=button],input[type=button],input[type=submit],select{min-height:44px;touch-action:manipulation}
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):not([type=color]),select,textarea{font-size:16px!important;line-height:1.4;max-width:100%;box-sizing:border-box}
 input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],input[type=url],select{min-height:44px}
 textarea{min-height:80px}
 input[type=checkbox],input[type=radio]{width:22px;height:22px;min-width:22px;min-height:22px;vertical-align:middle;accent-color:#25816c;touch-action:manipulation}
 input[type=range]{min-height:44px;max-width:100%;touch-action:pan-y}
 input[type=range]::-webkit-slider-thumb{min-width:22px;min-height:22px}
 label:has(>input[type=checkbox]),label:has(>input[type=radio]){min-height:44px;align-items:center;gap:8px}
 details>summary{min-height:44px;padding-top:10px;padding-bottom:10px;cursor:pointer;box-sizing:border-box}
 :focus-visible{outline:3px solid #7bc9b3;outline-offset:3px}
 img,video,svg{max-width:100%}
 dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
 .site-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:10px 0;border-radius:5px}
 .site-table-scroll:focus-visible{outline:3px solid #7bc9b3;outline-offset:3px}
 .site-table-scroll table{margin-bottom:0}
 [data-tablet-kind=article] .nav{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}
 [data-tablet-kind=article] .nav__links{flex-wrap:wrap;gap:8px 22px}
 [data-tablet-kind=article] .nav__links a,[data-tablet-kind=article] .back-link{display:inline-flex;align-items:center;min-height:44px}
 .atlas-bridge{gap:8px 16px!important}
 .atlas-bridge div{flex-wrap:wrap;gap:4px 18px!important}
 .atlas-bridge a{display:inline-flex;align-items:center;min-height:40px}
 [data-tablet-kind=article] .hero__grid{align-items:start}
 [data-tablet-kind=article] .hero__text,[data-tablet-kind=article] .hero__photo{min-width:0}
 [data-tablet-kind=article] .content,[data-tablet-kind=article] .projects,[data-tablet-kind=article] .doc{min-width:0;overflow-wrap:break-word}
 [data-tablet-kind=article] .log__row{min-height:64px}
 [data-tablet-kind=article] .sub-card,[data-tablet-kind=article] .tpl-card{min-height:60px}
 [data-tablet-kind=article] .dept-tabs{display:flex;flex-wrap:wrap;gap:6px}
 [data-tablet-kind=article] .dept-tab{padding:10px 14px;font-size:14px}
 [data-tablet-kind=article] .diagram-figure{min-width:0}
 [data-tablet-kind=article] .diagram-figure img{height:auto}
 [data-tablet-kind=portfolio] .portfolio-header nav a,[data-tablet-kind=portfolio] .detail-nav a{display:flex;align-items:center;min-height:44px}
 [data-tablet-kind=portfolio] .filters button{min-height:44px;font-size:12px;padding:10px 12px}
 [data-tablet-kind=portfolio] .search input{min-height:44px;font-size:16px;width:150px}
 [data-tablet-kind=portfolio] .text-link{min-height:44px;display:inline-flex;align-items:center}
 [data-tablet-kind=form]{max-width:1280px;min-width:0;box-sizing:border-box}
 [data-tablet-kind=form] .toolbar,[data-tablet-kind=form] .actions,[data-tablet-kind=form] .nav__links{flex-wrap:wrap;gap:8px}
 [data-tablet-kind=form] .toolbar button{padding:10px 14px}
 [data-tablet-kind=form] .sheet,[data-tablet-kind=form] .sheet-wrap,[data-tablet-kind=form] .paper,[data-tablet-kind=form] .page,[data-tablet-kind=form] main{max-width:100%;box-sizing:border-box;min-width:0}
 [data-tablet-kind=form] .fill{font-size:16px!important;min-height:44px;max-width:100%;box-sizing:border-box}
 [data-tablet-kind=form] .checkbox-list{gap:8px 12px;flex-wrap:wrap}
 [data-tablet-kind=form] .checkbox-list label{padding:6px 8px;line-height:1.5;flex-wrap:wrap}
 [data-tablet-kind=form] .label{white-space:normal}
 [data-tablet-kind=form] .two-col,[data-tablet-kind=form] .three-col,[data-tablet-kind=form] .row2,[data-tablet-kind=form] .row3,[data-tablet-kind=form] .candidatebar{gap:12px;min-width:0}
 [data-tablet-kind=form] .two-col>*,[data-tablet-kind=form] .three-col>*,[data-tablet-kind=form] .row2>*,[data-tablet-kind=form] .row3>*{min-width:0}
 [data-tablet-kind=form] .measure-table th,[data-tablet-kind=form] .measure-table td{padding:10px;line-height:1.4}
 [data-tablet-kind=form] .measure-table{min-width:520px}
 [data-tablet-kind=form] .tabs,[data-tablet-kind=form] .tabbar{flex-wrap:wrap;white-space:normal;height:auto;gap:5px}
 [data-tablet-kind=workspace] .header-actions,[data-tablet-kind=workspace] .study-actions,[data-tablet-kind=workspace] .app-header{flex-wrap:wrap}
 [data-tablet-kind=workspace] .toolrail button{min-height:52px}
 [data-tablet-kind=workspace] .tool-panel button,[data-tablet-kind=workspace] .inspector button{min-height:44px}
 [data-tablet-kind=workspace] .stage,[data-tablet-kind=workspace] #stage,[data-tablet-kind=workspace] #canvasWrap{min-width:0}
 [data-tablet-kind=workspace] .panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 [data-tablet-kind=simulator] .row,[data-tablet-kind=simulator] .tool-buttons,[data-tablet-kind=simulator] .topline{flex-wrap:wrap}
 [data-tablet-kind=simulator] button,[data-tablet-kind=simulator] select{font-size:14px;line-height:1.35}
 [data-tablet-kind=simulator] .side,[data-tablet-kind=simulator] .sidebar,[data-tablet-kind=simulator] .controls{min-width:0}
 [data-tablet-kind=simulator] .axis{grid-template-columns:28px minmax(0,1fr) 56px}
 [data-tablet-kind=simulator] .axis input{min-width:0;width:100%}
 [data-tablet-kind=simulator] .views,[data-tablet-kind=simulator] .panels{min-width:0}
 [data-tablet-kind=simulator] .view,[data-tablet-kind=simulator] .panel{min-width:0}
 [data-tablet-kind=report] .tabs .tab{min-height:44px}
 [data-tablet-kind=report] .tools{gap:8px;flex-wrap:wrap}
 [data-tablet-kind=report] .tb{min-width:44px}
}
@media screen and (max-width:1100px){
 [data-tablet-kind=article] .hero__grid{grid-template-columns:minmax(0,1fr);gap:24px}
 [data-tablet-kind=article] .hero__photo{max-width:600px}
 [data-tablet-kind=article] .hero__photo img{width:100%;height:auto}
 [data-tablet-kind=article] .sub-register{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
 [data-tablet-kind=article] .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-tablet-kind=article] .slip-pair,[data-tablet-kind=article] .flow{grid-template-columns:1fr}
 [data-tablet-kind=form] .three-col,[data-tablet-kind=form] .row3,[data-tablet-kind=form] .candidatebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .layout{grid-template-columns:240px minmax(0,1fr)}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .views{grid-template-columns:1fr}
 [data-tablet-kind=simulator][data-tablet-page*='pelvis-imaging'] main{grid-template-columns:240px minmax(0,1fr)}
 [data-tablet-kind=simulator][data-tablet-page*='pelvis-imaging'] .panels{grid-template-columns:1fr}
 [data-tablet-kind=simulator][data-tablet-page*='pelvis-3d'] .views{grid-template-columns:1fr}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .main{height:auto;min-height:0;grid-template-columns:64px minmax(0,1fr);overflow:visible}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .inspector{grid-column:1/-1;min-height:400px;max-height:none}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .canvas-panel{min-height:520px}
 [data-tablet-kind=workspace][data-tablet-page*='bone-planning'] .workspace{grid-template-columns:200px minmax(0,1fr)}
 [data-tablet-kind=workspace][data-tablet-page*='bone-planning'] .results-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:none;overflow:visible}
}
@media screen and (max-width:850px){
 [data-tablet-kind=portfolio] .hero{grid-template-columns:1fr;gap:30px}
 [data-tablet-kind=portfolio] .hero-art{max-width:650px;width:100%;justify-self:center}
 [data-tablet-kind=portfolio] .hero h1{font-size:74px}
 [data-tablet-kind=portfolio] .about-grid{gap:30px;grid-template-columns:1fr}
 [data-tablet-kind=form] .two-col,[data-tablet-kind=form] .row2{grid-template-columns:1fr}
 [data-tablet-kind=form] .sheet,[data-tablet-kind=form] .sheet-wrap{padding-left:16px!important;padding-right:16px!important}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .layout,[data-tablet-kind=simulator][data-tablet-page*='pelvis-imaging'] main{grid-template-columns:minmax(0,1fr)}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .main{position:static;max-height:none;overflow:visible}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 [data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .lab-layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
 [data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible}
 [data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .viewer-panel{min-height:650px}
 [data-tablet-kind=simulator][data-tablet-page*='radius'] .shell{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
 [data-tablet-kind=simulator][data-tablet-page*='radius'] aside{max-height:none;overflow:visible}
 [data-tablet-kind=simulator][data-tablet-page*='radius'] .stage{min-height:520px}
 [data-tablet-kind=workspace][data-tablet-page*='xray-3d'] .workspace{grid-template-columns:1fr}
 [data-tablet-kind=workspace][data-tablet-page*='fragment-studio'] .workspace{grid-template-columns:1fr}
}
@media screen and (max-width:600px){
 [data-tablet-kind=form] .three-col,[data-tablet-kind=form] .row3,[data-tablet-kind=form] .candidatebar{grid-template-columns:1fr}
 [data-tablet-kind=article] .tpl-grid{grid-template-columns:1fr}
 [data-tablet-kind=portfolio] .hero h1{font-size:clamp(55px,12vw,72px)}
 [data-tablet-kind=simulator][data-tablet-page*='acetabulum-fracture'] .side,[data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .sidebar{grid-template-columns:1fr}
 [data-tablet-kind=workspace][data-tablet-page*='bone-planning'] .workspace{grid-template-columns:1fr}
 [data-tablet-kind=workspace][data-tablet-page*='bone-planning'] .results-panel{grid-template-columns:1fr}
 [data-tablet-kind=report] .qr{width:min(300px,calc(100vw - 100px));height:auto;aspect-ratio:1}
}
@media print{.site-table-scroll{display:contents!important;overflow:visible!important}.atlas-bridge{display:none!important}}
@media screen and (max-width:1100px){
 [data-tablet-kind=form] .row4,[data-tablet-kind=form] .metabar,[data-tablet-kind=form] .grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-tablet-kind=form] .grid:not(.two):not(.four){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-tablet-kind=form] .fields-grid,[data-tablet-kind=form] .field-grid,[data-tablet-kind=form] .sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 [data-tablet-kind=form] #topbar,[data-tablet-kind=form] #subbar{height:auto;flex-wrap:wrap;gap:8px}
 [data-tablet-kind=form] #topbar button,[data-tablet-kind=form] #subbar button{min-height:44px}
 [data-tablet-kind=form] .conn-body.open{grid-template-columns:1fr 1fr}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .viewer-column{min-height:520px;min-width:0}
 [data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .workbench{min-width:0;min-height:600px}
}
@media screen and (max-width:850px){
 [data-tablet-kind=form][data-tablet-page*='radiology-report'] .layout{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 16px 40px}
 [data-tablet-kind=form] .voice-settings{grid-template-columns:1fr 1fr}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .casebar{flex-wrap:wrap;gap:12px}
 [data-tablet-kind=workspace][data-tablet-page*='orthoplan'] .workflow{flex-wrap:wrap;min-height:44px}
 [data-tablet-kind=simulator][data-tablet-page*='hip-fracture'] .workbench{min-height:650px}
 [data-tablet-kind=simulator][data-tablet-page*='shoulder-fracture'] .layout{grid-template-columns:minmax(0,1fr)}
 [data-tablet-kind=simulator][data-tablet-page*='shoulder-fracture'] .viewport{min-height:480px}
}
@media screen and (max-width:600px){
 [data-tablet-kind=form] .row4,[data-tablet-kind=form] .metabar,[data-tablet-kind=form] .grid,[data-tablet-kind=form] .grid.two,[data-tablet-kind=form] .grid.four,[data-tablet-kind=form] .fields-grid,[data-tablet-kind=form] .field-grid,[data-tablet-kind=form] .sign-grid,[data-tablet-kind=form] .conn-body.open,[data-tablet-kind=form] .voice-settings{grid-template-columns:1fr}
}