/* Browser-only integration; clinical styles and rules remain unchanged. */
html{scroll-padding-bottom:100px}
body{margin:0;overflow-wrap:anywhere}
.app{width:min(100%,980px);max-width:980px;margin-inline:auto}
#screen{max-width:800px;margin-inline:auto}
.screen{padding-bottom:110px!important;min-width:0}
button,input,select,textarea{max-width:100%;box-sizing:border-box}
button{white-space:normal;min-height:44px}
:focus-visible{outline:3px solid #245c44!important;outline-offset:3px}
#betaPassword{display:block;width:100%;padding:12px;margin-block:14px;border:1px solid #66746d;border-radius:8px}
#betaFeedback{position:static!important;display:block;margin:18px auto 30px;max-width:calc(100vw - 32px);transform:none!important}
.web-local-notice{max-width:900px;margin:24px auto;padding:20px;box-sizing:border-box;color:#40554c;background:#f0f3ee;border-radius:16px;font-size:14px}
#screen form{max-width:720px;margin-inline:auto;width:100%;box-sizing:border-box}
dialog{max-width:calc(100vw - 24px);box-sizing:border-box}
@media(max-width:380px){.top{flex-wrap:wrap}.screen{padding-inline:12px}.brand{min-width:0}.safety-actions{flex-wrap:wrap}}