.login-card{max-width:480px;margin:50px auto}.login-card h1{font-size:28px}#account{display:flex;gap:8px}.message-body,.context,.attention-body{white-space:pre-wrap;overflow-wrap:anywhere}.web-mail{margin-top:24px}.participants{display:flex;gap:8px;flex-wrap:wrap}.participants span{font-size:12px;padding:5px 8px;background:#eef2f6;border-radius:5px}.question{margin-bottom:16px}.question .message-body{max-height:55vh;overflow:auto}#previews>div{display:flex;flex-direction:column;gap:6px}#previews img{max-height:150px}#audit{max-height:40vh;overflow:auto}.project-head{gap:16px}#pause-note:empty{display:none}#activity{font-size:12px}.web-mail .attachments:empty{display:none}#show-audit{margin:12px 0}@media(max-width:600px){.masthead{padding:16px}.brand small{display:none}#account{flex-direction:column}.overview{gap:12px;flex-wrap:wrap}.project-head{align-items:flex-start;flex-direction:column}.work-grid{display:block}.work-grid aside{margin-top:16px}.message-head{flex-wrap:wrap}dialog{max-width:calc(100vw - 20px)}.dialog-actions{flex-wrap:wrap}}

@media(max-width:600px){.masthead{height:auto;min-height:88px;gap:12px;flex-wrap:wrap}#account{flex-direction:row;flex-wrap:wrap}#account button{padding:8px 10px;font-size:12px}.stage-track{display:flex;gap:12px}.stage-step:not(.current){display:none}.stage-step.current{flex:1}}