.account-page{background:#fff}.account-page header{padding:24px 5vw}.account-page main{padding:clamp(32px,7vw,88px) 5vw;min-height:calc(100vh - 91px)}.account-page h1{font-size:clamp(26px,3vw,38px);margin-bottom:18px}.account-page p{max-width:66ch}.account-page .account-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 24px}.account-form label{margin:0}.account-form .hint{grid-column:1;margin:12px 0 0}.account-form .button{grid-column:2;grid-row:1;align-self:end}.account-page .hint{font-size:13px}.account-page .account-mailbox{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:28px 0}.account-mailbox h2{font-size:19px;margin-bottom:10px}.account-mailbox p{margin-bottom:0}.account-mailbox strong{display:block;margin-top:12px;overflow-wrap:anywhere}.account-page .header-actions{margin-bottom:20px}.account-page a.button{text-decoration:none;display:inline-flex;justify-content:center}.account-page #login-requested{padding:20px 0}.account-page #account-notice{overflow-wrap:anywhere}@media(max-width:600px){.account-page .account-form{display:block}.account-form .button{width:100%;margin-top:18px}.account-page header{padding:20px}.account-page main{padding:32px 20px}.account-page .header-actions{align-items:stretch;flex-direction:column}.account-page .header-actions .button{width:100%}}
.account-page .mailbox-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.mailbox-form #provider-hint,.mailbox-form #mailbox-password-field,.mailbox-form .header-actions{grid-column:1/-1}.mailbox-form #provider-hint{margin-bottom:20px}.mailbox-form #mailbox-password-field{margin-top:0}@media(max-width:600px){.account-page .mailbox-form{display:block}}

.mailbox-form #detection-hint,.mailbox-form #exchange-help{grid-column:1/-1}.mailbox-form #detection-hint:empty{display:none}.mailbox-form #exchange-help{border:1px solid var(--line);padding:16px;margin:0 0 24px}.mailbox-form #exchange-help summary{cursor:pointer;font-weight:700}.mailbox-form #exchange-help li{margin:12px 0}.mailbox-form #exchange-help p{margin:12px 0 0}
