/* Molrelay and its account/install documents only; preserve the shared website. */
.tool-page .molrelay-connection{border-left:3px solid #994722;background:#fbf4ef;padding:10px 14px;font-size:16px;overflow-wrap:anywhere}
.molrelay-install-guide{max-width:760px;margin:auto}
.molrelay-install-guide h2{margin-top:28px}
.molrelay-install-guide li{margin:8px 0}
.molrelay-install-guide .install-open{display:inline-block;min-height:44px;padding:10px 16px;background:#994722;color:white;text-decoration:none;font-weight:700;border-radius:3px}
@media(display-mode:standalone){
  body.tool-page{min-height:100vh;min-height:100dvh}
  body.tool-page .site-header{padding-top:env(safe-area-inset-top)}
}
@media(max-width:980px){
  body.tool-page main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(32px,env(safe-area-inset-bottom));min-width:0}
  body.tool-page .tool-switcher-header .tool-toolbar-inner{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));min-width:0}
  body.tool-page .tool-switcher-account{flex-wrap:wrap;min-width:0}
  body.tool-page .tool-switcher a{white-space:normal;min-width:0;overflow-wrap:normal;min-height:44px;padding-left:3px;padding-right:3px}
  body.tool-page .tool-switcher-account :is(a,button){min-height:44px}
  body.tool-page .site-footer{padding-bottom:env(safe-area-inset-bottom)}
  body.tool-page main :is(button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px;font-size:16px;max-width:100%}
  body.tool-page main :is(button,summary,a){touch-action:manipulation}
  body.tool-page main summary{min-height:44px;padding-top:10px;padding-bottom:10px}
  body.tool-page main :is(input,select,textarea){font-size:16px;scroll-margin-block:100px 80px}
  body.tool-page main :is(p,li,dt,dd,label){overflow-wrap:anywhere}
  body.tool-page .compact-app :is(.input-panel,.results-panel,.application-panel,.guide-panel){min-width:0}
  body.tool-page .compact-app .result-tabs{flex-wrap:wrap;gap:6px}
  body.tool-page .compact-app .result-tabs button{flex:1 1 145px;white-space:normal;line-height:1.4;text-align:center}
  body.tool-page .compact-app .application-tabs{gap:12px;flex-wrap:wrap}
  body.tool-page .compact-app .structure-tabs{flex-wrap:wrap}
  body.tool-page .compact-app .structure-tabs button{flex:1 1 130px;white-space:normal}
  body.tool-page .compact-app .molecule-viewer-toolbar{flex-wrap:wrap}
  body.tool-page .compact-app .hydrogen-toggle{min-height:44px}
  body.tool-page main :is(.candidate-table-wrap,.environment-comparison-wrap,.binding-comparison-wrap,.vibrations-table-wrap,.account-table-wrap){max-width:100%;overflow:auto;overscroll-behavior-x:contain}
  body.tool-page .compact-app .vibrations-actions{flex-wrap:wrap}
  body.tool-page .compact-app :is(.vibrations-summary,.vibrations-motion-note,.guide-panel p,.guide-panel li){font-size:16px}
  body.tool-page .login{margin:20px auto}
  body.tool-page .login h1{font-size:32px}
}
@media(max-width:650px){
  body.tool-page .compact-app .molecule-database tbody tr,
  body.tool-page .compact-app .molecule-database tr:has(.database-edit[open]){grid-template-columns:minmax(0,1fr);grid-template-areas:'molecule' 'context' 'outcome' 'options';gap:4px}
  body.tool-page .compact-app .database-actions{min-width:0;width:100%;text-align:left;padding:8px 0}
  body.tool-page .compact-app .database-actions button{white-space:normal}
  body.tool-page .compact-app .compact-identity{min-width:0;flex:1}
}
@media(max-width:420px){
  body.tool-page .compact-app .filter-fields{grid-template-columns:1fr}
  body.tool-page .compact-app .measurement-picker select{min-width:0;width:100%;max-width:100%}
  body.tool-page .compact-app .measurement-tools label{width:100%;min-width:0}
  body.tool-page .compact-app .database-edit[open] form{grid-template-columns:1fr}
  body.tool-page .compact-app dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.tool-page .compact-app dd{padding-left:10px;text-align:right}
}