/* Use the reference card and page classes around the production forms. */
.website #website-public .web-auth-wrap {
  gap:60px;max-width:1180px;margin:50px auto;padding:30px 40px;align-items:center;
}
.website #website-public .web-auth-wrap>main.v5a-auth {
  box-sizing:border-box;width:100%;max-width:none;margin:0;
  padding:24px;border:1px solid #e5e5e5;border-radius:22px;background:#fff;
}
.website #website-public .v5a-auth-brand {margin-bottom:35px}
.website #website-public .v5a-auth-brand img {width:29px;height:29px;object-fit:contain}
.website #website-public .v5a-auth>h2 {
  margin:0 0 14px;font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:580;
}
.website #website-public .v5a-auth>p {margin:0 0 24px}
.website #website-public .v5a-auth .site-auth-links a {display:flex;align-items:center;min-height:44px}
.website .hc-squad-layout textarea {resize:vertical;max-width:100%}
.website .hc-squad-layout .v5-input {width:100%;min-width:0}
.website .hc-squad-provider img,.website .v5-grid-three .v5-card>img {width:25px;height:25px;object-fit:contain}
.website .page-scroll .v5-stage small {overflow-wrap:anywhere}
@media(max-width:760px){
  .website #website-public .web-auth-wrap {display:block;padding:20px;margin:15px auto}
  .website #website-public .web-auth-wrap>main.v5a-auth {padding:5px;border-radius:18px}
  .website #website-public .v5a-auth>h2 {font-size:26px}
}
/* dot's approved reading measure and accordion styling inside the website frame. */
.website .content-page:has(>.dot-help){max-width:760px;margin-inline:auto}
.website .dot-help .help-card{padding:18px;border:1px solid #e8e8e8;border-radius:12px;background:#fff}
.website .dot-help .help-card+ .help-card{margin-top:10px}
.website .dot-help .help-card summary{min-height:0;padding:0;font-size:14px;font-weight:550;cursor:pointer}
.website .dot-help .help-card p{margin:12px 0 0;padding:0;font-size:13px;line-height:1.55;color:#707070}
.website .dot-help .help-card strong{font-weight:600;color:#171717}
.website #website-public .site-form>button.primary{justify-self:start;width:auto;min-height:44px;padding:10px 18px}
.website #website-public a.flow-home{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;font-size:13px;color:#555;text-decoration:none}
.website #website-public a.flow-home:hover{text-decoration:underline}
.website #website-public .v5a-auth-brand{margin-bottom:28px}
.website #website-public .web-auth-story h1{line-height:1.15;margin:25px 0}
.website #website-public .web-auth-story>p{font-size:13px;line-height:1.9;color:#888}
.website #website-public .web-auth-story>p:last-child{font-size:11px;color:#999;margin-top:35px}
.website #website-public .web-auth-wrap>main.flow-password-page{min-width:0;width:100%;max-width:none}
.website #website-public .flow-password-page .page-head h1{display:block;margin:0 0 9px;line-height:1.25}
.website #website-public .flow-password-page h2{font-size:18px;font-weight:600;line-height:1.55;margin:0 0 18px;letter-spacing:normal}
.website #website-public .flow-password-form .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.website #website-public .flow-password-form .v5-input{width:100%}