/* Keep the complete company name and subtitle in normal flow on every screen. */
#login{box-sizing:border-box;min-height:100svh;height:auto;padding:clamp(18px,4vh,40px) 5%;gap:5%;align-items:center}
#login .hp-login-caption,html[data-sea-time=evening] #login .hp-login-caption{position:relative;inset:auto;flex:1;min-width:0;max-width:52%;text-align:left}
#login .hp-login-caption p{font-size:clamp(25px,3.1vw,48px);font-weight:800;line-height:1.18;letter-spacing:.025em;overflow-wrap:break-word;color:#fff;margin:0 0 18px}
#login .hp-login-caption h2{font-size:clamp(20px,2.2vw,34px);line-height:1.3;font-weight:500;overflow-wrap:break-word}
#login .hp-login-caption p{text-wrap:balance}
#login .card{flex:0 1 410px;min-width:0;margin:0}
#login .msg:empty{display:none}
html[data-sea-time=evening] #login .hp-login-caption{order:2}
#login .brand{padding:18px 22px 14px}#login .brand .company-logo{width:68px;height:68px;margin-bottom:8px}
#app .topbar-title{min-width:0}#app .topbar-title strong,#app .topbar-title small{white-space:normal;overflow-wrap:break-word}
.hp18-drill-list{margin-top:12px;display:grid;gap:10px}.hp18-drill-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#e4f1f8;border-radius:8px;color:#153e57}.hp18-drill-row span{min-width:0;overflow-wrap:anywhere}
.hp18-denied{max-width:760px;margin:24px auto;padding:28px;line-height:1.6}
@media(max-width:850px){#login{flex-direction:column;gap:20px;padding:22px 18px}#login .hp-login-caption,html[data-sea-time=evening] #login .hp-login-caption{order:0;flex:none;max-width:600px;width:100%;text-align:center}#login .card{flex:none;width:min(430px,100%)}#login .hp-login-caption p{font-size:clamp(25px,5vw,36px);margin-bottom:8px}#login .hp-login-caption h2{font-size:20px}#login .hp-login-caption h2 br{display:none}.hp18-drill-row{align-items:flex-start;flex-direction:column}}
@media(max-height:740px){#login{padding-top:16px;padding-bottom:16px;gap:16px}#login .brand{padding:10px 16px}#login .brand .company-logo{width:48px;height:48px;margin-bottom:4px}#login .form{padding:16px 20px}#login .field{margin-bottom:12px}#login .hint{margin-top:12px!important;padding:9px}#login .hp-login-version{margin-top:10px}#login .brand h1{font-size:20px}}
@media(max-width:850px) and (max-height:740px){#login .brand p{display:none}}