.auth-body .account-shell{min-height:590px}.auth-body .account-card{padding-top:25px}.auth-notice{margin:23px 0;padding:16px 18px;border:1px solid #cbdcd1;background:#edf3ee;border-radius:12px;font-size:13px;line-height:1.8;color:#315c47}.auth-body .password-help a{color:#963c20;font-weight:600}.auth-profile{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e1e1db;border-radius:16px;padding:21px;margin-top:28px}.auth-profile>div{min-width:0;flex:1}.auth-profile h3{font-size:17px;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 7px}.auth-profile p{margin:0;color:#69727d;font-size:12px;overflow-wrap:anywhere}.auth-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f7eee7;color:#a54124;font-size:20px;font-weight:700}.auth-verified{font-size:9px;border-radius:20px;padding:7px 10px;background:#edf3ee;color:#315c47;font-weight:650;white-space:nowrap}.auth-summary{margin:25px 0}.auth-summary div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #e3e3dd;padding:14px 0;font-size:12px}.auth-summary dt{color:#717882}.auth-summary dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}.auth-coming{background:#e9efea;border-radius:16px;padding:24px;margin:27px 0}.auth-coming .eyebrow{font-size:8px;letter-spacing:1.5px;color:#526b5b}.auth-coming h3{font-size:23px;letter-spacing:-.8px;margin:17px 0 12px}.auth-coming p{font-size:12px;color:#66786c;line-height:1.85;margin:0}.auth-actions{margin-top:22px}.auth-logout{margin-top:27px;border-top:1px solid #dedfd9;padding-top:22px;text-align:center}.auth-logout button{font:inherit;font-size:12px;background:none;border:0;color:#727984;cursor:pointer;padding:8px}.auth-logout button:focus-visible{outline:2px solid #b94420;outline-offset:3px}@media(max-width:620px){.auth-body .account-card{padding-top:0}.auth-body .account-shell{min-height:0}.auth-profile{padding:17px;gap:12px}.auth-verified{margin-left:56px;margin-top:-3px}.auth-body .account-card h2{font-size:30px}.auth-summary div{font-size:11px}.auth-coming{padding:21px}.auth-coming h3{font-size:22px}.auth-body .account-story h1{font-size:29px}}


/* CM_PROFILE_MOBILE_FIX_V1 */
@media (max-width: 620px) {
  .auth-body .account-card .auth-profile {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 12px;
    align-items: center;
  }

  .auth-body .account-card .auth-profile > .auth-avatar {
    grid-column: 1;
    grid-row: 1;
    width: 44px;
    height: 44px;
  }

  .auth-body .account-card .auth-profile > div {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    width: 100%;
  }

  .auth-body .account-card .auth-profile h3 {
    font-size: 16px;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .auth-body .account-card .auth-profile p {
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  .auth-body .account-card
  .auth-profile > .auth-verified {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    margin: 0;
  }
}


/* CM_ACCOUNT_BUTTONS_02 */

.auth-body .account-card
.auth-actions > .cm-notifications-button {
  display: flex;
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  margin: 8px 0;
  border: 1px solid #d46b34;
  border-radius: 14px;
  background: transparent;
  color: #ffad78;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.auth-body .account-card
.auth-actions > .cm-notifications-button:hover {
  background: rgba(212,107,52,.12);
}

.auth-body .account-card
.auth-logout > .cm-logout-button {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  padding: 13px 18px;
  border: 1px solid #d65353;
  border-radius: 14px;
  background: rgba(220,55,55,.10);
  color: #ff7777;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.auth-body .account-card
.auth-logout > .cm-logout-button:hover {
  background: #b82727;
  border-color: #b82727;
  color: #fff;
}

.auth-body .account-card
.cm-logout-button .cm-power-icon {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}

.auth-body .account-card
.cm-logout-button:focus-visible,
.auth-body .account-card
.cm-notifications-button:focus-visible {
  outline: 2px solid #ffad78;
  outline-offset: 3px;
}
